:root{--font-sans: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--color-background: #f1f5f9;--color-surface: rgba(255, 255, 255, .96);--color-text-primary: #0f172a;--color-text-secondary: rgba(15, 23, 42, .7);--color-text-muted: rgba(15, 23, 42, .55);--color-primary: #2563eb;--color-primary-strong: #1d4ed8;--color-accent: #7c3aed;--color-danger: #b91c1c;--shadow-lg: 0 32px 60px rgba(15, 23, 42, .16);--shadow-md: 0 20px 40px rgba(15, 23, 42, .12);--radius-lg: 32px;--radius-md: 20px;--transition-base: .12s ease}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--color-background);color:var(--color-text-primary);line-height:1.6}a{color:var(--color-primary);text-decoration:none;font-weight:500}a:hover,a:focus-visible{text-decoration:underline}main{width:100%}.page-shell{min-height:100vh;padding:clamp(1.5rem,5vw,4rem);display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem)}.page-shell.gradient{background:linear-gradient(150deg,#f8fafc,#ecfeff 45%,#f5f3ff)}.page-shell.center{align-items:center;justify-content:center}.layout-centered{width:min(440px,100%);margin:0 auto}.layout-split{width:min(1120px,100%);margin:0 auto;display:grid;gap:clamp(1.75rem,4vw,3.5rem);align-items:start}@media (min-width: 960px){.layout-split{grid-template-columns:minmax(0,1fr) minmax(360px,480px)}}.stack{display:grid;gap:1.25rem}.stack[data-gap=sm]{gap:.75rem}.stack[data-gap=md]{gap:clamp(1.25rem,3vw,2rem)}.stack[data-gap=lg]{gap:clamp(1.75rem,3vw,2.75rem)}.text-center{text-align:center}.hero h1{margin:0;font-size:clamp(2.2rem,4vw,3rem);color:var(--color-text-primary)}.hero p{margin:0;color:var(--color-text-secondary);max-width:60ch}.hero ul{margin:1.5rem 0 0;padding-left:1.35rem;display:grid;gap:.5rem;color:var(--color-text-secondary)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:clamp(2rem,4vw,3rem);box-shadow:var(--shadow-lg);display:grid;gap:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card[data-width=wide]{max-width:720px;width:min(720px,100%)}.card[data-width=narrow]{max-width:460px;width:min(460px,100%)}.card header{display:grid;gap:.35rem}.definition-list{margin:0;display:grid;gap:.75rem}.definition-list dt{font-weight:600;color:var(--color-text-primary)}.definition-list dd{margin:.25rem 0 0;color:var(--color-text-secondary)}.card h1,.card h2{margin:0;color:var(--color-text-primary)}.subtitle,.muted{margin:0;color:var(--color-text-secondary)}.form-grid{display:grid;gap:1rem}.form-grid.two{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}label{display:grid;gap:.45rem;font-size:.95rem}label span{font-weight:600;color:var(--color-text-primary)}input,select,button{font-family:inherit;font-size:1rem}input,select{border:none;border-radius:var(--radius-md);padding:.9rem 1rem;background:#f8fafcf2;box-shadow:inset 0 1px 3px #0f172a14}input:focus-visible,select:focus-visible{outline:2px solid rgba(37,99,235,.5);outline-offset:2px}small{color:var(--color-text-muted);font-size:.85rem}.button-row{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:flex-end;align-items:center}button{border:none;border-radius:999px;padding:.9rem 1.4rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:0 18px 36px #2563eb47;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}button:not(:disabled):hover,button:not(:disabled):focus-visible{transform:translateY(-2px);box-shadow:0 18px 44px #2563eb57}button.link{background:none;color:var(--color-primary);padding:0;box-shadow:none}.alert{margin:0;padding:.85rem 1rem;border-radius:var(--radius-md);font-size:.95rem}.alert.info{background:#2563eb1f;color:var(--color-primary-strong)}.alert.error{background:#ef44441f;color:var(--color-danger)}.text-helper{margin:0;color:var(--color-text-secondary);font-size:.95rem}.countdown{font-weight:600;color:#1f2937}.chip-group{display:flex;flex-wrap:wrap;gap:.75rem}.chip{padding:.6rem 1rem;border-radius:999px;background:#4f46e51f;color:#4338ca;border:none;box-shadow:none}.chip.selected{background:linear-gradient(135deg,var(--color-accent),var(--color-primary));color:#fff}@media (max-width: 720px){.page-shell{padding:clamp(1.1rem,5vw,1.75rem)}.button-row{justify-content:flex-start}}