:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--background:#fff;--surface:#f8fafc;--surface-hover:#f1f5f9;--text:#0f172a;--text-light:#64748b;--border:#e2e8f0;--success:#22c55e;--danger:#ef4444;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 2px 8px #0f172a0d;--shadow-md:0 10px 30px #0f172a14;--shadow-lg:0 20px 50px #0f172a1f;--container:1200px;--transition:.25s ease}[data-theme=dark]{--background:#0f172a;--surface:#1e293b;--surface-hover:#334155;--text:#f8fafc;--text-light:#cbd5e1;--border:#334155;--primary-light:#1e3a8a}h1{letter-spacing:-2px;font-size:clamp(3rem,7vw,5rem);font-weight:800;line-height:1.05}h2{font-size:clamp(2rem,5vw,3rem);font-weight:700}h3{font-size:1.4rem;font-weight:700}p{color:var(--text-light);line-height:1.8}.display{font-size:clamp(4rem,8vw,6rem)}.small{font-size:.9rem}.muted{color:var(--text-light)}.container{width:min(var(--container), calc(100% - 2rem));margin-inline:auto}.section{padding:100px 0}.section-alt{background:var(--surface);padding:100px 0}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:992px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section,.section-alt{padding:72px 0}}.text-center{text-align:center}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.space-between{justify-content:space-between;align-items:center;display:flex}.hidden{display:none}.rounded{border-radius:var(--radius-md)}.shadow{box-shadow:var(--shadow-md)}.hover-lift{transition:var(--transition)}.hover-lift:hover{transform:translateY(-6px)}.fade{animation:.5s fade}@keyframes fade{0%{opacity:0}to{opacity:1}}.float{animation:5s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}img{max-width:100%;display:block}input{font:inherit}