*{box-sizing:border-box}body{background:#020617;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}html.in-iframe,html.in-iframe body{background:0 0;min-height:0}html.in-iframe .app-shell{align-items:stretch;min-height:0;overflow:visible}.app-shell{color:#fff;background:radial-gradient(circle at 0 0,#0ea5e933,#0000 34rem),linear-gradient(135deg,#020617 0%,#0f172a 52%,#082f49 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.ambient{filter:blur(72px);pointer-events:none;border-radius:999px;position:absolute}.ambient-one{background:#0ea5e933;width:390px;height:390px;top:-180px;left:-180px}.ambient-two{background:#2563eb38;width:520px;height:520px;bottom:-220px;right:-160px}.layout{z-index:1;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:20px;width:min(100%,1120px);display:grid;position:relative}.intro-panel,.quiz-panel{border-radius:24px;box-shadow:0 28px 90px #00000057}.intro-panel{color:#020617;background:#fff;flex-direction:column;justify-content:space-between;gap:32px;padding:32px;display:flex}.brand-pill,.eyebrow,.result-badge{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;font-weight:800;display:inline-flex}.brand-pill{color:#0369a1;background:#e0f2fe;border-radius:999px;margin-bottom:24px;padding:6px 12px}h1,h2,h3,p{margin:0}h1{letter-spacing:0;max-width:12ch;font-size:clamp(2rem,4vw,2.75rem);line-height:1.04}.lead{color:#475569;margin-top:18px;font-size:1.08rem;line-height:1.65}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.course-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;min-height:142px;padding:16px}.course-icon{color:#0284c7;margin-bottom:12px}.course-card h3{color:#020617;font-size:1rem}.course-card p{color:#475569;margin-top:6px;font-size:.9rem;line-height:1.48}.highlight-box{color:#fff;background:#020617;border-radius:18px;padding:20px}.highlight-box p{color:#cbd5e1;font-size:.9rem}.highlight-box strong{margin-top:8px;font-size:1.32rem;line-height:1.2;display:block}.quiz-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff1f;overflow:hidden}.progress-wrap{border-bottom:1px solid #ffffff1f;padding:22px 24px}.progress-meta{color:#cbd5e1;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:.9rem;display:flex}.progress-meta strong{color:#7dd3fc}.progress-track{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.progress-bar{border-radius:inherit;background:#38bdf8;height:100%}.quiz-body{flex-direction:column;justify-content:center;min-height:560px;padding:32px;display:flex}.eyebrow{color:#7dd3fc;margin-bottom:16px}.quiz-body h2{letter-spacing:0;max-width:18ch;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.08}.question-subtitle,.result-text{color:#cbd5e1;margin-top:14px;font-size:1.02rem;line-height:1.65}.result-text{font-size:1.12rem}.option-grid{gap:12px;margin-top:32px;display:grid}.option-button{color:#fff;text-align:left;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:64px;padding:18px;transition:background .18s,border-color .18s,color .18s,transform .18s;display:flex}.option-button:hover{color:#020617;background:#fff;border-color:#fff;transform:translateY(-1px)}.option-text{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.option-label{font-size:1rem;font-weight:700;line-height:1.3}.option-sub{color:#ffffff9e;font-size:.86rem;font-weight:400;line-height:1.4}.option-button:hover .option-sub{color:#0206179e}.option-icon{color:#7dd3fc;flex:none}.option-button:hover .option-icon{color:#0369a1}.result-badge{color:#bae6fd;background:#38bdf829;border-radius:999px;margin-bottom:20px;padding:6px 12px}.result-card{color:#fff;background:linear-gradient(135deg,#2aa8e8 0%,#1d92d2 42%,#0876bc 100%);border:1px solid #bae6fd80;border-radius:22px;margin-top:30px;padding:30px 32px;position:relative;overflow:hidden;box-shadow:0 20px 46px #0876bc57,inset 0 1px #ffffff47}.result-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 14% 0,#ffffff3d,#0000 34%),linear-gradient(90deg,#ffffff29,#0000 46%);position:absolute;inset:0}.result-card p{color:#ffffffdb;margin-bottom:12px;font-size:1rem;font-weight:700;position:relative}.result-card strong{color:#fff;max-width:18ch;font-size:clamp(1.65rem,3vw,2.18rem);line-height:1.08;display:block;position:relative}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.primary-action,.secondary-action{text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:58px;padding:14px 18px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.primary-action{color:#020617;background:#38bdf8}.primary-action:hover{background:#7dd3fc}.secondary-action{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f}.secondary-action:hover{background:#ffffff2e}.disclaimer{color:#94a3b8;margin-top:20px;font-size:.9rem;line-height:1.55}@media (width<=900px){.app-shell{align-items:flex-start}.layout{grid-template-columns:1fr}h1,.quiz-body h2{max-width:none}.quiz-body{min-height:500px}}@media (width<=560px){.app-shell{padding:14px}.intro-panel,.quiz-panel{border-radius:18px}.intro-panel,.quiz-body{padding:22px}.course-grid,.actions{grid-template-columns:1fr}.result-card{padding:24px}.result-card strong{max-width:none}.course-card{min-height:0}}