#proforientator-app-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:#f9f9f9;padding:clamp(15px,4vw,30px);border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.08);max-width:800px;margin:20px auto;text-align:center}.proforientator-screen{display:none;animation:fadeIn .6s ease-in-out}.proforientator-screen.active{display:block}h2{font-size:clamp(24px,5vw,32px);color:#2c3e50;margin-bottom:15px}h3{font-size:clamp(20px,4vw,24px);color:#337ab7;border-bottom:2px solid #337ab7;padding-bottom:8px;margin-top:35px;margin-bottom:20px;text-align:left}p{font-size:clamp(16px,3vw,18px);line-height:1.6;color:#34495e;margin:0 auto 30px auto;max-width:650px}.intro-text,.question-clarification{color:#7f8c8d;font-size:16px;margin-bottom:40px}.proforientator-btn{display:inline-block;padding:15px 30px;font-size:18px;font-weight:700;color:#fff;background-color:#337ab7;border:none;border-radius:5px;cursor:pointer;text-align:center;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 6px rgba(50,50,93,.11)}.proforientator-btn:hover{background-color:#286090;transform:translateY(-3px)}.options-grid{display:grid;grid-template-columns:1fr;gap:15px;margin-top:20px}@media (min-width:600px){.options-grid{grid-template-columns:1fr 1fr}}.option-card{padding:20px;border:2px solid #ecf0f1;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;text-align:center;background-color:#fff;font-size:16px;color:#34495e}.option-card:hover{border-color:#337ab7;transform:translateY(-5px)}.option-card.selected{border-color:#2ecc71;background-color:#f1f8e9}.progress-bar-container{width:100%;background-color:#ecf0f1;border-radius:5px;margin:30px 0;overflow:hidden}.progress-bar{width:0;height:12px;background-color:#337ab7;border-radius:5px;transition:width .4s ease-in-out}#results-list{list-style:none;padding:0;text-align:left}.result-item{background:#fff;border:1px solid #eee;border-radius:8px;padding:15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.result-item a{text-decoration:none;font-weight:700;color:#2c3e50;font-size:18px}.why-btn{background:#ecf0f1;color:#337ab7;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-weight:700}.results-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:40px}.action-btn{background:#f7f9fa;border:1px solid #bdc3c7;color:#34495e;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .3s;z-index:1000}.modal-backdrop.active{opacity:1;visibility:visible}.modal-content{background:#fff;padding:30px;border-radius:10px;max-width:500px;width:90%;text-align:left;transform:scale(.9);transition:all .3s}.modal-content h4{margin-top:0;color:#337ab7}.modal-content ul{padding-left:20px}.modal-close-btn{display:block;margin:20px auto 0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}