:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#0B0D14;color:#F4F1EA;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.65;font-size:17px}
a{color:#C6F432}a:hover{color:#E2FF8A}
a:focus-visible{outline:2px solid #C6F432;outline-offset:2px}
.top{border-bottom:1px solid #1E2335;padding:14px max(16px,env(safe-area-inset-left,0px))}
.top-in{max-width:880px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#F4F1EA;font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:800;font-size:22px}
.mark{width:36px;height:36px;border-radius:11px;background:#C6F432;color:#0B0D14;display:grid;place-items:center;transform:rotate(-6deg)}
main{max-width:760px;margin:0 auto;padding:56px max(16px,env(safe-area-inset-right,0px)) 80px max(16px,env(safe-area-inset-left,0px))}
h1{font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:800;font-size:clamp(36px,6vw,56px);line-height:1.05;letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance}
h2{font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:700;font-size:24px;margin:40px 0 8px}
p,li{color:#D7DBE6}
.meta{color:#A9B0C2;font-size:15px;margin:0 0 32px}
.note{background:#141826;border:1px solid #2A3048;border-radius:16px;padding:16px 20px}
.btn{display:inline-block;margin-top:16px;background:#C6F432;color:#0B0D14;text-decoration:none;padding:14px 24px;border-radius:999px;font-weight:700}
.btn:hover{color:#0B0D14}
footer{border-top:1px solid #1E2335;color:#7D869C;font-size:14px;text-align:center;padding:28px 16px}