*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;background:linear-gradient(#020617,#0f172a,#1e293b);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background-color:#0f172acc;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.nav-container{flex-direction:column;align-items:center;gap:15px;max-width:1200px;margin:0 auto;padding:15px 20px;display:flex}@media (min-width:768px){.nav-container{flex-direction:row;justify-content:space-between;padding:20px}}header img{width:auto;height:45px;display:block}nav{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}@media (min-width:768px){nav{gap:30px}}nav a{color:#fff;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s}nav a:hover{color:#67e8f9}main{text-align:center;max-width:1000px;margin:0 auto;padding:40px 20px}@media (min-width:768px){main{padding:80px 20px}}h1{letter-spacing:-.05em;margin-bottom:15px;font-size:36px;font-weight:800;line-height:1.2}@media (min-width:768px){h1{margin-bottom:24px;font-size:64px}}.tagline{color:#99f6e4;margin-bottom:15px;font-size:20px;font-style:italic;font-weight:300}@media (min-width:768px){.tagline{margin-bottom:20px;font-size:28px}}.description{color:#cbd5e1;max-width:700px;margin:0 auto 40px;font-size:16px;line-height:1.6}@media (min-width:768px){.description{margin-bottom:48px;font-size:20px;line-height:1.8}}.cta-button{color:#020617;background-color:#22d3ee;border-radius:9999px;padding:15px 40px;font-size:18px;font-weight:700;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-block;box-shadow:0 20px 25px -5px #0000004d}@media (min-width:768px){.cta-button{padding:18px 50px;font-size:20px}}.cta-button:hover{background-color:#67e8f9;transform:translateY(-2px)}.grid{grid-template-cols:1fr;gap:15px;max-width:800px;margin:60px auto 40px;display:grid}@media (min-width:600px){.grid{grid-template-cols:1fr 1fr}}@media (min-width:768px){.grid{grid-template-cols:1fr 1fr 1fr;gap:24px;margin-top:80px}}.grid-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:20px;font-size:16px;font-weight:500;transition:border-color .2s}.grid-item:hover{border-color:#22d3ee}.footer-note{color:#94a3b8;margin-top:40px;font-size:14px}.form-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;background-color:#0f172acc;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:550px;margin:20px auto;padding:30px;box-shadow:0 25px 50px -12px #00000080}.form-group{margin-bottom:20px}.form-label{text-transform:uppercase;letter-spacing:.1em;color:#22d3ee;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.form-label.secondary{color:#2dd4bf}.custom-select{color:#fff;appearance:none;cursor:pointer;background-color:#020617;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2322d3ee' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ffffff26;border-radius:12px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.custom-select:focus{border-color:#22d3ee;outline:none}.submit-btn{color:#020617;cursor:pointer;background:linear-gradient(90deg,#06b6d4,#14b8a6);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:opacity .2s;box-shadow:0 10px 15px -3px #06b6d44d}.submit-btn:hover{opacity:.9}.error-banner{color:#fca5a5;text-align:center;background-color:#7f1d1d66;border:1px solid #ef44444d;border-radius:12px;margin-bottom:20px;padding:12px;font-size:13px}.quiz-container{max-width:800px;margin:0 auto;padding:40px 20px}.quiz-meta{text-transform:uppercase;letter-spacing:.2em;color:#22d3ee;font-size:12px;font-weight:600}.progress-bar-bg{background-color:#334155;border-radius:9999px;height:8px;margin-top:12px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#22d3ee,#2dd4bf);border-radius:9999px;height:100%;transition:width .3s}.quiz-title{margin-top:24px;margin-bottom:16px;font-size:28px;font-weight:800;line-height:1.3}@media (min-width:768px){.quiz-title{font-size:38px}}.quiz-text{color:#cbd5e1;margin-bottom:24px;font-size:16px;line-height:1.6}@media (min-width:768px){.quiz-text{font-size:20px}}.quiz-instruction{color:#22d3ee;margin-bottom:24px;font-size:14px;font-weight:500}.options-stack{flex-direction:column;gap:16px;display:flex}.option-card{text-align:left;color:#fff;cursor:pointer;border-radius:16px;align-items:center;gap:16px;width:100%;padding:20px;font-size:16px;font-weight:500;transition:all .2s;display:flex}@media (min-width:768px){.option-card{padding:24px;font-size:18px}}.option-card.unselected{background-color:#ffffff08;border:1px solid #ffffff1a}.option-card.unselected:hover{background-color:#ffffff12;border-color:#22d3ee}.option-card.selected{background-color:#22d3ee26;border:1px solid #22d3ee;box-shadow:0 10px 25px -5px #22d3ee33}.option-icon{flex-shrink:0;font-size:24px}@media (min-width:768px){.option-icon{font-size:28px}}.nav-cluster{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:40px;display:flex}.btn-secondary{color:#fff;border:1px solid #fff3;border-radius:9999px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .2s}.btn-secondary:hover{background-color:#ffffff1a}.btn-primary{border-radius:9999px;padding:12px 32px;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .2s}.btn-primary.active-next{color:#020617;background-color:#22d3ee}.btn-primary.active-finish{color:#020617;background-color:#22c55e}.btn-primary.disabled{color:#94a3b8;pointer-events:none;background-color:#334155}.btn-primary:hover{opacity:.9}.results-container{text-align:center;max-width:800px;margin:0 auto;padding:40px 20px}.match-section{margin-bottom:40px}.match-card{background-color:#ffffff08;border:1px solid #ffffff14;border-radius:16px;max-width:600px;margin:16px auto;padding:20px;transition:border-color .2s}.match-card:hover{border-color:#22d3ee}.match-score{color:#22d3ee;margin-top:6px;font-size:14px;font-weight:700}.results-disclosure-btn{color:#fff;cursor:pointer;background-color:#020617;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:8px;margin:20px auto;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.results-disclosure-btn:hover{color:#22d3ee;border-color:#22d3ee}.section-title{justify-content:center;align-items:center;gap:10px;margin:40px 0 20px;font-size:24px;font-weight:800;display:flex}.action-footer{justify-content:center;margin-top:60px;display:flex}.btn-reset{color:#fca5a5;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:9999px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-reset:hover{background-color:#ef444433;border-color:#ef4444}