:root{
  --bg:#0D1117;--panel:#161B22;--border:#21262D;--border2:#2f3a48;
  --ink:#e9eef5;--dim:#9aa7b6;--dimmer:#6b7787;
  --primary:#2196F3;--teal:#00BCD4;--green:#00BFA5;--warn:#D29922;--danger:#F85149;
  --sans:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --mono:"Cascadia Code",Consolas,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
a{color:var(--teal);}
.wrap{width:min(760px,100%);margin:0 auto;padding:0 20px;}
header.top{border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(13,17,23,.85);backdrop-filter:blur(10px);z-index:10;}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:16px;}
.brand{font-weight:800;background:linear-gradient(92deg,var(--primary),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;font-size:20px;letter-spacing:-.02em;}
.back{color:var(--dim);text-decoration:none;font-size:14px;}
.back:hover{color:var(--ink);}
main{padding:48px 0 80px;}
h1{font-size:clamp(28px,5vw,42px);letter-spacing:-.028em;margin:0 0 10px;line-height:1.06;}
.sub{color:var(--dim);margin:0 0 30px;font-size:17px;max-width:60ch;}
h2{font-size:22px;margin:36px 0 10px;letter-spacing:-.01em;color:var(--ink);}
p,li{color:var(--dim);font-size:16px;}
.ink{color:var(--ink);}
ul{padding-left:22px;}
li{margin:6px 0;}
.step{border:1px solid var(--border);border-radius:14px;background:var(--panel);padding:22px;margin:14px 0;}
.step .n{font-family:var(--mono);color:var(--teal);font-size:13px;}
.step h3{margin:6px 0 8px;color:var(--ink);font-size:19px;letter-spacing:-.01em;}
.step p{margin:0;}
.note{border-left:3px solid var(--green);padding:4px 0 4px 16px;margin:22px 0;color:var(--dim);}
.note b{color:var(--ink);}
code{font-family:var(--mono);background:#0a0e14;border:1px solid var(--border);border-radius:6px;padding:2px 7px;color:var(--ink);font-size:14px;}
form{display:grid;gap:16px;margin-top:26px;}
label{display:grid;gap:7px;font-size:14px;color:var(--dim);}
label b{color:var(--ink);font-weight:600;}
input,textarea,select{font-family:var(--sans);font-size:15px;background:var(--panel);border:1px solid var(--border2);border-radius:10px;padding:12px 14px;color:var(--ink);width:100%;}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--teal);}
textarea{min-height:90px;resize:vertical;}
button{min-height:52px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--green));color:#08131b;font-weight:800;font-size:16px;cursor:pointer;font-family:var(--sans);}
button:hover{filter:brightness(1.08);}
footer{border-top:1px solid var(--border);padding:28px 0 44px;color:var(--dimmer);font-size:13.5px;}
footer .wrap{display:grid;gap:10px;}
footer a{color:var(--dim);}