:root{--navy:#173b67;--blue:#3f78ff;--cyan:#20b8c7;--yellow:#ffc94b;--orange:#ff8a45;--pink:#f65f91;--soft:#f4f8ff;--ink:#21304a}
body{background:linear-gradient(180deg,#f8fbff 0,#fff 45%);color:var(--ink);min-height:100vh}.app-navbar{background:linear-gradient(135deg,var(--navy),#305fc0);box-shadow:0 8px 25px rgba(23,59,103,.15)}
.hero{background:linear-gradient(135deg,#173b67,#3f78ff 65%,#20b8c7);color:white;border-radius:28px;padding:3rem;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(255,201,75,.35);right:-70px;top:-90px}.hero:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(246,95,145,.28);left:-60px;bottom:-100px}
.card-soft{border:0;border-radius:20px;box-shadow:0 12px 34px rgba(33,48,74,.08);transition:.25s;background:#fff}.card-soft:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(33,48,74,.13)}.instrument-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:1.7rem;background:var(--soft)}
.nav-pills .nav-link{border-radius:14px;font-weight:700;color:var(--navy);padding:.8rem 1rem}.nav-pills .nav-link.active{background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 8px 20px rgba(63,120,255,.25)}
.question-card{border:1px solid #e7edf7;border-radius:18px;padding:1.25rem;background:white;margin-bottom:1rem}.option-tile{display:block;border:1px solid #dce5f2;border-radius:14px;padding:.8rem 1rem;cursor:pointer;transition:.2s}.option-tile:hover{border-color:var(--blue);background:#f4f8ff}.btn-check:checked+.option-tile{border-color:var(--blue);background:#eaf1ff;box-shadow:0 0 0 2px rgba(63,120,255,.12)}
.progress{height:12px;border-radius:99px;background:#e9eff8}.progress-bar{background:linear-gradient(90deg,var(--blue),var(--cyan))}.score-bar{height:12px;border-radius:20px;background:#edf1f7;overflow:hidden}.score-bar>span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.result-hero{border-radius:24px;background:linear-gradient(135deg,#173b67,#3f78ff);color:white;padding:2rem}.recommendation{border-left:5px solid var(--yellow);background:#fff9df;border-radius:12px;padding:1rem}.table thead th{white-space:nowrap}.locked-overlay{background:#fff8db;border:1px solid #ffe398;border-radius:14px;padding:1rem}.small-label{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:#6d7890;font-weight:700}.stat-card{border:0;border-radius:18px;box-shadow:0 10px 28px rgba(33,48,74,.08)}
@media(max-width:768px){.hero{padding:2rem 1.35rem;border-radius:22px}.question-card{padding:1rem}.nav-pills{gap:.5rem}.nav-pills .nav-link{width:100%}}
@media print{.app-navbar,footer,.no-print{display:none!important}body{background:white}.card-soft{box-shadow:none;border:1px solid #ddd}}