:root{color-scheme:dark;--bg:#0b0a10;--text:#f5f2fc;--muted:#b6afc3;--purple:#bf8aff;--green:#45dfa2;--yellow:#ffd341;--line:#302b3c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#caa7ff;text-underline-offset:4px}a:hover{color:white}a:focus-visible{outline:3px solid var(--yellow);outline-offset:5px;border-radius:3px}header{max-width:1100px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;gap:22px;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:750;font-size:23px}.brand img{border-radius:10px}header nav{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}header nav a{text-decoration:none;color:var(--muted)}header nav a[aria-current]{color:var(--purple)}.language{border-left:1px solid var(--line);padding-left:20px}main{max-width:1000px;padding:0 32px;margin:auto}.hero{padding:76px 0 58px;max-width:790px}.app-icon{border-radius:26px;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--purple);font-weight:700}h1{text-wrap:balance;font-size:clamp(35px,6vw,66px);letter-spacing:-.04em;line-height:1.12;margin:16px 0 25px}h2{font-size:23px;line-height:1.35;letter-spacing:-.015em;margin:0 0 14px}.lead{font-size:21px;color:var(--muted);max-width:700px}.pill{display:inline-flex;gap:30px;background:var(--purple);color:#160b22;padding:12px 23px;border-radius:99px;font-weight:700;text-decoration:none;margin-top:15px}.pill:hover{background:#d6b2ff;color:black}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:26px;border:1px solid var(--line);border-radius:24px;background:#17131f}.card h2{font-size:20px}.card p{margin:0;color:var(--muted)}.purple h2{color:var(--purple)}.yellow h2{color:var(--yellow)}.green h2{color:var(--green)}.notice{margin-top:28px;padding:28px 30px;border-radius:24px;background:#1e192a;border-left:4px solid var(--purple)}.notice p{color:var(--muted);margin:0}.resources{margin:60px 0}.resource{display:flex;justify-content:space-between;text-decoration:none;border-bottom:1px solid var(--line);padding:20px 0;font-size:20px}article{max-width:770px;margin:64px auto}article h1{text-wrap:balance;font-size:clamp(36px,6vw,54px)}.date{color:var(--muted);font-size:14px}.contents{display:flex;gap:8px 20px;flex-wrap:wrap;margin:28px 0 42px;padding:22px;background:#181420;border-radius:18px;font-size:14px}article section{margin:38px 0;scroll-margin-top:24px}article section p{color:#d5cfdf}footer{max-width:1036px;margin:60px auto 0;padding:26px 32px 36px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer p{margin:4px 0}.skip{position:absolute;top:-100px;left:20px;background:black;padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:640px){header{padding:20px;flex-direction:column;align-items:flex-start;gap:15px}header nav{gap:14px}.language{padding-left:14px}main{padding:0 22px}.hero{padding-top:44px}.lead{font-size:18px}.cards{grid-template-columns:1fr}.card{padding:22px}article{margin-top:42px}body{font-size:16px}.notice{padding:24px}footer{padding:24px 22px}}

.languages{position:relative}.languages summary{cursor:pointer;color:var(--purple)}.languages>div{position:absolute;right:0;z-index:2;display:grid;gap:10px;min-width:190px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--bg);box-shadow:0 12px 32px #0008}.languages a[aria-current]{font-weight:700}@media(max-width:640px){.languages>div{right:auto;left:0;max-width:calc(100vw - 44px)}}