:root{--bg: #0b0f15;--panel: #121824;--text: #e6e8ec;--muted: #a3acc2;--primary: #4f8cff;--primary-contrast: #0a1a3a;--ring: 0 0 0 3px rgba(79, 140, 255, .35)}:root[data-theme=light]{--bg: #f6f8fc;--panel: #ffffff;--text: #111827;--muted: #4b5563;--primary: #2563eb;--primary-contrast: #dbeafe;--ring: 0 0 0 3px rgba(37, 99, 235, .28)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 800px at 80% -200px,#142038 0%,var(--bg) 52%),var(--bg);line-height:1.6;transition:background-color .2s ease,color .2s ease}a{color:var(--text);text-decoration:none}a:hover{color:var(--primary)}header{background:transparent;padding:28px 20px;text-align:center;position:sticky;top:0;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background-color:#0b0f1599;border-bottom:1px solid rgba(255,255,255,.06);z-index:10}:root[data-theme=light] header{background-color:#ffffffb3;border-bottom-color:#0000000f}header h1{margin:0 0 6px;font-size:28px;letter-spacing:.4px}nav{display:inline-flex;gap:18px}nav a{padding:6px 10px;border-radius:8px;color:var(--muted)}nav a:focus-visible{outline:none;box-shadow:var(--ring)}nav a:hover{color:var(--text)}.icon-button{appearance:none;border:none;background:transparent;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px}.icon-button:hover{color:var(--text)}.icon-button:focus-visible{outline:none;box-shadow:var(--ring)}.theme-toggle{position:absolute;right:14px;top:14px}main{padding:32px 20px 60px;max-width:960px;margin:0 auto}section{margin-bottom:56px;background-color:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0a}:root[data-theme=light] section{border-color:#0000000f;box-shadow:0 6px 20px #0000000f,inset 0 1px #ffffffb3}h1,h2,h3{margin:0 0 12px}h2{font-size:22px}p{margin:0 0 10px;color:var(--muted)}ul{list-style:none;margin:10px 0 0;padding:0}li{margin-bottom:10px}.button{display:inline-block;padding:10px 14px;border-radius:10px;background:linear-gradient(180deg,var(--primary) 0%,#3b6ed3 100%);color:#fff;box-shadow:0 8px 18px #4f8cff59}.button:hover{transform:translateY(-1px)}footer{border-top:1px solid rgba(255,255,255,.06);background:transparent;text-align:center;padding:24px 20px 40px;color:var(--muted)}