:root{--accent:#8fb8f0;--selection:#1b2c4e;--muted:#566378;--bg:#0b1220;--bg-dark:#070c15;--bg-darker:#030509;--bg-light:#131f37;--fg:#e2e8f0;--fg-dark:#8490a2;--fg-light:#bcc6d4;--red:#ee6a64;--yellow:#e8c856;--orange:#ee9650;--green:#62cc90;--cyan:#58c4dc;--blue:#8fb8f0;--magenta:#d48ce0;--max:42rem;--wide:64rem}*,:before,:after{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 10% -10%, #8fb8f01f, transparent 55%), radial-gradient(900px 500px at 110% 10%, #58c4dc14, transparent 50%), var(--bg);min-height:100vh;color:var(--fg);letter-spacing:.01em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Source Han Serif SC,Noto Serif SC,Songti SC,SimSun,Noto Serif CJK SC,Georgia,Times New Roman,serif;font-size:1.125rem;line-height:1.75}body:before{content:"";pointer-events:none;z-index:0;opacity:.45;background-image:radial-gradient(1px 1px at 8% 18%,#e2e8f0 60%,#0000 61%),radial-gradient(1px 1px at 22% 72%,#bcc6d4 60%,#0000 61%),radial-gradient(1.4px 1.4px at 36% 28%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 48% 82%,#8fb8f0 60%,#0000 61%),radial-gradient(1px 1px at 64% 14%,#e2e8f0 60%,#0000 61%),radial-gradient(1.2px 1.2px at 78% 46%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 88% 76%,#58c4dc 60%,#0000 61%),radial-gradient(1px 1px at 14% 52%,#8fb8f0 60%,#0000 61%),radial-gradient(1px 1px at 92% 22%,#e2e8f0 60%,#0000 61%);position:fixed;inset:0}a{color:var(--accent);text-underline-offset:.18em}a:hover{color:var(--cyan)}img{max-width:100%;height:auto}.wrap{z-index:1;width:min(var(--wide), calc(100% - 2rem));margin:0 auto;position:relative}main.wrap{width:min(var(--max), calc(100% - 2rem));padding-bottom:4rem}main.wide{width:min(var(--wide), calc(100% - 2rem))}.site-header{z-index:2;border-bottom:1px solid color-mix(in srgb, var(--accent) 18%, transparent);background:color-mix(in srgb, var(--bg-dark) 82%, transparent);backdrop-filter:blur(12px);position:relative}.header-inner{width:min(var(--wide), calc(100% - 2rem));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.9rem 0;display:flex}.brand{color:var(--fg);flex-direction:column;line-height:1.25;text-decoration:none;display:flex}.brand strong{letter-spacing:.02em;font-weight:650}.brand span{color:var(--fg-dark);font-size:.85rem}nav{flex-wrap:wrap;align-items:center;gap:.35rem 1rem;font-family:"Source Sans 3",PingFang SC,Noto Sans SC,Hiragino Sans GB,sans-serif;font-size:.95rem;display:flex}nav a{color:var(--fg-light);text-decoration:none}nav a:hover,nav a[aria-current=page]{color:var(--accent)}nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--accent)}.lang-switch{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:999px;font-size:.82rem;display:inline-flex;overflow:hidden}.lang-switch a{color:var(--fg-dark);padding:.2rem .7rem;text-decoration:none}.lang-switch a[aria-current=true]{background:var(--selection);color:var(--fg)}.hero{padding:3.2rem 0 1.5rem}.kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);margin:0 0 .6rem;font-family:"Source Sans 3",PingFang SC,Noto Sans SC,sans-serif;font-size:.78rem}h1,h2,h3{letter-spacing:.01em;font-weight:650;line-height:1.25}h1{margin:0 0 .4rem;font-size:clamp(2.1rem,5vw,3.1rem)}h1 em{color:var(--fg-dark);font-size:.52em;font-style:normal;font-weight:500}.tagline{color:var(--fg-light);margin:0 0 1.6rem;font-size:1.25rem}.creed{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-light) 90%, transparent), var(--bg-light));border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;margin:2rem 0;padding:1.4rem 1.5rem}.creed p{margin:.2rem 0}.creed strong{font-size:1.2rem}.dont-panic{color:var(--fg-dark);margin:.8rem 0 2rem;font-size:.98rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin:1rem 0 2.5rem;display:grid}.card{background:color-mix(in srgb, var(--bg-light) 88%, transparent);border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);color:inherit;border-radius:14px;padding:1.2rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;display:block}a.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card h3{margin:.3rem 0 .5rem;font-size:1.15rem}.card p{color:var(--fg-light);margin:0;font-size:.98rem}.meta{color:var(--fg-dark);font-family:"Source Sans 3",PingFang SC,sans-serif;font-size:.85rem}.badge{background:color-mix(in srgb, var(--orange) 18%, var(--bg-light));color:var(--orange);letter-spacing:.04em;border-radius:999px;padding:.1rem .5rem;font-family:"Source Sans 3",PingFang SC,sans-serif;font-size:.75rem;display:inline-block}.sample-banner{border:1px dashed color-mix(in srgb, var(--orange) 55%, transparent);background:color-mix(in srgb, var(--orange) 10%, transparent);color:var(--yellow);border-radius:10px;margin:1rem 0 1.5rem;padding:.8rem 1rem;font-size:.95rem}.prose :first-child{margin-top:0}.prose h2{margin-top:2rem}.prose p,.prose li{color:var(--fg)}.prose ul{padding-left:1.2rem}.prose hr{border:0;border-top:1px solid color-mix(in srgb, var(--accent) 20%, transparent);margin:2rem 0}.site-footer{z-index:1;border-top:1px solid color-mix(in srgb, var(--accent) 16%, transparent);color:var(--fg-dark);padding:1.6rem 0 2.4rem;font-size:.92rem;position:relative}.footer-inner{width:min(var(--wide), calc(100% - 2rem));flex-wrap:wrap;justify-content:space-between;gap:1rem;margin:0 auto;display:flex}.footer-inner a{color:var(--fg-light)}@media (width<=640px){body{font-size:1.05rem}.hero{padding-top:2rem}}