:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#020617;color:#f5f5f4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;background:radial-gradient(circle at 18% 5%,rgba(79,70,229,.18),transparent 32rem),radial-gradient(circle at 85% 36%,rgba(34,211,238,.08),transparent 34rem),#020617}
body:before{position:fixed;inset:0;pointer-events:none;content:"";opacity:.14;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
a{color:inherit}button{font:inherit}.shell{position:relative;width:min(100% - 40px,1120px);margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.5rem 0}.brand{text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;font-size:.92rem;font-weight:700;letter-spacing:.12em}.brand-dot{width:.65rem;height:.65rem;border-radius:50%;background:#fef3c7;box-shadow:0 0 18px #fef3c7}.top-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.home-link{display:inline-flex;align-items:center;min-height:2.5rem;padding:.4rem .8rem;border:1px solid rgba(255,255,255,.14);border-radius:.7rem;text-decoration:none;color:#cbd5e1;font-size:.8rem;transition:color .2s,border-color .2s}.home-link:hover{color:#fff;border-color:#67e8f9}.languages{display:flex;align-items:center;gap:.15rem;padding:.2rem;border:1px solid rgba(255,255,255,.14);border-radius:.8rem;background:rgba(255,255,255,.04)}.languages button{min-width:2.2rem;min-height:2.2rem;border:0;border-radius:.6rem;color:#94a3b8;background:transparent;font-size:.67rem;font-weight:800;letter-spacing:.06em;cursor:pointer}.languages button[aria-pressed=true]{background:#fef3c7;color:#020617}.languages button:focus-visible,a:focus-visible{outline:2px solid #a5f3fc;outline-offset:3px}
.hero{padding:5rem 0 3.4rem;border-bottom:1px solid rgba(255,255,255,.1)}.eyebrow{margin:0;color:#a5f3fc;font-size:.73rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero h1{max-width:880px;margin:1.1rem 0 0;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:650;letter-spacing:-.055em;line-height:1.1}.intro{max-width:760px;margin:1.8rem 0 0;color:#cbd5e1;font-size:1.1rem;line-height:1.8}.content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:4rem;padding:3.5rem 0 5rem}.aside{align-self:start;position:sticky;top:2rem}.aside p{margin:0 0 1rem;color:#94a3b8;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.aside nav{display:grid;gap:.7rem}.aside a{text-decoration:none;color:#b8c6d8;font-size:.9rem;line-height:1.45}.aside a:hover{color:#a5f3fc}.prose{min-width:0}.prose section{padding:0 0 2.2rem;margin-bottom:2.2rem;border-bottom:1px solid rgba(255,255,255,.09)}.prose h2{margin:0 0 1.1rem;color:#f5f5f4;font-size:1.38rem;font-weight:650;letter-spacing:-.025em;line-height:1.35}.prose p{margin:0 0 .85rem;color:#cbd5e1;font-size:.96rem;line-height:1.78}.prose strong{color:#e8f9ff;font-weight:700}.ending{padding:1.5rem;border:1px solid rgba(165,243,252,.25);border-radius:1rem;background:rgba(34,211,238,.05)}.ending p{margin:0!important}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:2rem 0 3rem;border-top:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:.82rem}.page-footer nav{display:flex;gap:1.2rem;flex-wrap:wrap}.page-footer a{text-decoration:none}.page-footer a:hover{color:#a5f3fc}
@media(max-width:800px){.content{display:block;padding-top:2.7rem}.aside{position:static;padding-bottom:2.2rem;margin-bottom:2.2rem;border-bottom:1px solid rgba(255,255,255,.1)}.aside nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:3rem}}
@media(max-width:520px){.shell{width:min(100% - 32px,1120px)}.topbar{align-items:flex-start}.top-actions{width:100%;justify-content:space-between}.hero{padding:2.5rem 0}.intro{font-size:1rem}.aside nav{grid-template-columns:1fr}.content{padding-top:2rem}.prose section{padding-bottom:1.6rem;margin-bottom:1.6rem}}