:root { --ink:#0d1117; --surface:#131a23; --line:rgba(218,230,243,.17); --paper:#edf1f5; --muted:#aeb9c7; --blue:#5b9dff; color-scheme:dark light; }
* { box-sizing:border-box; } body { margin:0; background:var(--ink); color:var(--paper); font:16px/1.65 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif; } a { color:var(--blue); } .site-header { height:72px; max-width:1180px; padding:0 1.25rem; margin:auto; display:flex; align-items:center; border-bottom:1px solid var(--line); }.wordmark { color:var(--paper); text-decoration:none; font-weight:800; letter-spacing:-.06em; display:inline-flex; align-items:center; gap:.5rem; }.wordmark span { width:.6rem; height:.6rem; border-radius:50%; background:var(--blue); }.back { margin-left:auto; font-size:.9rem; }.legal { max-width:760px; margin:auto; padding:clamp(4rem,9vw,7rem) 1.25rem; }.legal .eyebrow { font:500 .68rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; text-transform:uppercase; color:#9fc5ff; }.legal h1 { font-size:clamp(2.75rem,6vw,4.75rem); letter-spacing:-.07em; line-height:1.02; margin:.7rem 0 1.4rem; }.legal .lead { color:var(--muted); font-size:1.1rem; max-width:40rem; }.legal h2 { font-size:1.5rem; letter-spacing:-.04em; margin:3.3rem 0 .8rem; }.legal p,.legal li { color:#c4cfda; }.legal ul { padding-left:1.25rem; }.notice { padding:1.2rem 1.35rem; border-radius:16px; border:1px solid rgba(91,157,255,.4); background:rgba(91,157,255,.09); color:#dceaff; }.steps { counter-reset:steps; list-style:none; padding:0; }.steps li { counter-increment:steps; padding:1.2rem 0 1.2rem 3.4rem; position:relative; border-bottom:1px solid var(--line); }.steps li:before { content:counter(steps, decimal-leading-zero); position:absolute; left:0; color:var(--blue); font:500 .72rem ui-monospace,SFMono-Regular,Menlo,monospace; }.mail { display:inline-block; padding:.8rem 1rem; border-radius:999px; border:1px solid rgba(91,157,255,.5); text-decoration:none; font-weight:700; color:#e8f1ff; }.mail:hover { background:var(--blue); color:#071323; } footer { max-width:1180px; padding:2rem 1.25rem; margin:auto; border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; } footer a { margin-right:1rem; } @media (prefers-color-scheme:light) { :root { --ink:#f3f6f9; --surface:#e6ebf1; --paper:#101927; --muted:#526174; --line:rgba(13,30,49,.15); --blue:#165fc6; }.legal p,.legal li { color:#39495c; }.wordmark { color:var(--paper); }.notice { color:#12396e; } .mail { color:#133b73; } } @media (max-width:600px) { .site-header { height:64px; }.legal { padding-top:3.5rem; } }