.container{max-width:800px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:3rem}h1{background:linear-gradient(90deg,#0cf,#09f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem}.progress-bar{background:#ffffff1a;border-radius:10px;height:10px;margin:2rem 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0cf,#09f);width:0%;height:100%;transition:width .5s}.question-card{border-radius:var(--radius-card);background:#ffffff0d;margin-bottom:2rem;padding:2rem;display:none}.question-card.active{animation:.5s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question{margin-bottom:2rem;font-size:1.3rem;line-height:1.6}.answers{gap:1rem;display:grid}.answer-btn{color:#fff;border-radius:var(--radius-button);cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;padding:1rem;font-size:1rem;transition:all .3s}.answer-btn:hover{background:#00ccff1a;border-color:#0cf;transform:translate(5px)}.scale-answers{justify-content:space-between;gap:.5rem;display:flex}.scale-btn{color:#fff;border-radius:var(--radius-button);cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;flex:1;padding:1.5rem .5rem;font-size:.9rem;transition:all .3s}.scale-btn:hover{background:#0cf3;border-color:#0cf}.scale-labels{color:#fff9;justify-content:space-between;margin-bottom:1rem;font-size:.9rem;display:flex}.results{animation:.5s fadeIn;display:none}.results.show{display:block}.personality-type{text-align:center;background:linear-gradient(135deg,#00ccff1a,#0066cc0d);border:2px solid #0cf;border-radius:16px;margin:2rem 0;padding:2rem}.personality-type h2{color:#0cf;margin-bottom:1rem;font-size:2rem}.traits{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0;display:grid}.trait{border-radius:var(--radius-button);background:#ffffff0d;padding:1rem}.trait-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-top:.5rem;overflow:hidden}.trait-fill{background:linear-gradient(90deg,#0f8,#0cf);height:100%;transition:width 1s}.btn{color:#fff;border-radius:var(--radius-button);cursor:pointer;background:linear-gradient(90deg,#0cf,#09f);border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #00ccff80}.nav-buttons{justify-content:space-between;margin-top:2rem;display:flex}.back-btn{background:#ffffff1a;border:1px solid #fff3}.career-suggestions{border-radius:var(--radius-card);background:#ffffff0d;margin:2rem 0;padding:1.5rem}.career-list{gap:.5rem;margin-top:1rem;display:grid}.career-item{background:#00ccff0d;border-left:3px solid #0cf;border-radius:4px;padding:.5rem}