:root{color-scheme:light dark;--bg: #ffffff;--text: #2d3436;--heading: #000000;--muted: #636e72;--strong: #0a0a0a;--border: #dfe6e9;--card-border: #e4e6eb;--link: #6c5ce7;--button-bg: #f5f6f7}.dark{--bg: #0f1115;--text: #e6edf3;--heading: #ffffff;--muted: #a7b0b8;--strong: #ffffff;--border: #2a2f36;--card-border: #313842;--link: #a29bfe;--button-bg: #1a1f26}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);min-height:100vh;transition:background .2s ease,color .2s ease;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:40px 40px;opacity:.15;pointer-events:none;z-index:-1}body.dark:before{background-image:radial-gradient(var(--card-border) 1px,transparent 1px);opacity:.1}.container{max-width:800px;margin:0 auto;padding:2rem 2rem 4rem}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1.5rem}.lang-toggle,.theme-toggle{font:inherit;color:var(--text);background:var(--button-bg);border:1px solid var(--card-border);border-radius:999px;padding:.45rem .9rem;cursor:pointer}.theme-toggle{font-size:1.1rem;line-height:1;width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center}header{text-align:center;margin-bottom:3rem}h1{font-size:2.5rem;font-weight:400;margin-bottom:.5rem;color:var(--heading);letter-spacing:-.02em}.tagline{font-size:1.1rem;color:var(--muted);margin-bottom:2rem}main{padding-top:0}section{margin-bottom:4rem;background:transparent;border:none;padding:0}h2{font-size:1.5rem;margin-bottom:1rem;color:var(--heading);letter-spacing:-.01em}p{margin-bottom:1rem;color:var(--muted)}strong{color:var(--strong)}.grid{display:grid;gap:2.5rem}.grid-item{background:var(--button-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--card-border);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1rem}.grid-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px #0000001a}body.dark .grid-item:hover{box-shadow:0 12px 24px -10px #00000080}.grid-item h3{font-size:1.2rem;margin-bottom:0;color:var(--strong);display:flex;align-items:center;gap:.75rem}.grid-item .icon-wrapper{display:flex;align-items:center;justify-content:center;color:var(--link)}footer{text-align:center;padding-top:2rem;border-top:1px solid var(--border);color:var(--muted);font-size:.9rem;margin-bottom:-1rem}@media (max-width: 768px){h1{font-size:2.5rem}.tagline{font-size:1.1rem}.grid-item{padding:1.5rem}section{margin-bottom:4rem}}