.landing-page{--landing-bg:#f4fafb;--landing-surface:#fff;--landing-muted:#eef7f8;--landing-border:#d5e3e6;--landing-text:#4f5b60;--landing-subtle:#6c787d;--landing-blue:#0095bd;--landing-blue-hover:#007ea5;--landing-teal:#3bb6bd;--landing-coral:#ef7b63;min-height:100vh;display:flex;flex-direction:column;margin:0;color:var(--landing-text);background:linear-gradient(120deg,#f2fbfd 0,#fbfdfc 58%,#fffaf3 100%);font-family:"DM Sans",Arial,sans-serif}
[data-theme="dark"] .landing-page{--landing-bg:#10191e;--landing-surface:#18262d;--landing-muted:#1e3038;--landing-border:#36505b;--landing-text:#f2f5f6;--landing-subtle:#b6c3c9;--landing-blue:#63bde1;--landing-blue-hover:#8dd1ec;background:var(--landing-bg)}
.landing-page .topbar{position:relative;min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--landing-border);border-top-color:var(--landing-teal);background:var(--landing-surface)}
.landing-page .brand{color:var(--landing-text)}.landing-page .brand-logo{background:#fff}.landing-page .brand-title{border-color:var(--landing-border)}.landing-page .brand-title strong{color:var(--landing-text)}.landing-page .brand-title small{color:var(--landing-subtle)}
.landing-page .theme-toggle{margin-left:auto;color:var(--landing-text);border-color:var(--landing-border);background:var(--landing-surface)}.landing-page .theme-toggle:hover{border-color:var(--landing-blue);color:var(--landing-blue)}
.landing-main{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:72px 0 88px}.landing-hero{max-width:800px;margin-bottom:44px}.landing-page .eyebrow{color:var(--landing-blue)}
.landing-hero h1{max-width:760px;margin:10px 0 16px;font-size:clamp(2.35rem,5vw,4.6rem);line-height:.98;letter-spacing:-.055em}.landing-hero>p:last-child{max-width:650px;margin:0;color:var(--landing-subtle);font-size:1.08rem;line-height:1.65}
.landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.landing-card{min-width:0;border:1px solid var(--landing-border);border-top:3px solid var(--landing-blue);border-radius:4px;background:var(--landing-surface);color:var(--landing-text);box-shadow:0 1px 2px rgb(0 0 0/.03)}.landing-link-card[href="quiz.html"]{border-top-color:var(--landing-teal)}.assessment-card{border-top-color:var(--landing-coral)}
.configurator-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,.95fr);gap:50px;padding:34px}.landing-card-copy{display:flex;gap:22px;align-items:flex-start}.card-number{flex:0 0 auto;margin-top:2px;color:var(--landing-subtle);font-family:"JetBrains Mono",monospace;font-size:.82rem}
.landing-card h2{margin:5px 0 11px;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.025em}.landing-card p{margin:0;color:var(--landing-subtle);line-height:1.55}
.level-form{display:flex;flex-direction:column;gap:18px}.level-form fieldset{min-width:0;margin:0;padding:0;border:0}.level-form legend{margin-bottom:10px;font-weight:700}.level-options{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:8px}.level-options label{position:relative;display:grid;cursor:pointer}.level-options input{position:absolute;inline-size:1px;block-size:1px;opacity:0}
.level-options span{height:100%;min-height:78px;display:flex;flex-direction:column;justify-content:center;padding:12px;border:1px solid var(--landing-border);background:var(--landing-muted);transition:border-color .15s,background .15s,box-shadow .15s}.level-options strong{font-size:.94rem}.level-options small{margin-top:4px;color:var(--landing-subtle);font-size:.75rem;line-height:1.25}.level-options input:checked+span{border-color:var(--landing-blue);background:color-mix(in srgb,var(--landing-blue) 9%,var(--landing-surface));box-shadow:inset 0 -3px var(--landing-blue)}.level-options input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--landing-blue) 30%,transparent);outline-offset:2px}
.landing-primary-action{align-self:flex-end;min-width:220px;justify-content:space-between;color:#fff;background:var(--landing-blue);border-color:var(--landing-blue)}.landing-primary-action:hover{color:#fff;background:var(--landing-blue-hover);border-color:var(--landing-blue-hover)}[data-theme="dark"] .landing-primary-action,[data-theme="dark"] .landing-primary-action:hover{color:#0c1820}
.landing-link-card{min-height:255px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}.landing-link-card:hover{transform:translateY(-2px);border-color:var(--landing-blue);box-shadow:0 9px 24px rgb(0 0 0/.08)}.card-action{align-self:flex-end;margin-top:28px;color:var(--landing-blue);font-weight:700}.landing-link-card[aria-disabled="true"]{cursor:not-allowed;opacity:.65}.landing-link-card[aria-disabled="true"]:hover{transform:none;border-color:var(--landing-border);box-shadow:none}
.landing-footer{margin-top:auto;border-top:1px solid var(--landing-border);background:var(--landing-surface);color:var(--landing-subtle)}.landing-footer strong{color:var(--landing-text)}
@media (max-width:900px){.configurator-card{grid-template-columns:1fr;gap:30px}}
@media (max-width:700px){.landing-page .topbar{padding:10px 18px}.landing-page .brand-logo{width:82px}.landing-main{width:min(100% - 28px,1180px);padding:45px 0 60px}.landing-grid{grid-template-columns:1fr}.configurator-card{padding:24px}.level-options{grid-template-columns:1fr}.level-options span{min-height:64px}.landing-primary-action{align-self:stretch;min-width:0}.landing-link-card{min-height:225px;padding:24px}}
@media (forced-colors:active){.level-options input:checked+span{outline:3px solid Highlight}.landing-link-card:hover{outline:2px solid LinkText}}
@media (prefers-reduced-motion:reduce){.landing-link-card,.level-options span{transition:none}}