*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.7 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:#dbe3ec;background:#0f1419;display:grid;grid-template-columns:270px 1fr;min-height:100vh}
a{color:#b8f35a}aside{background:#0a0e12;border-right:1px solid #1f2a35;padding:26px 22px;position:sticky;top:0;height:100vh;overflow:auto}
.brand{font:800 24px ui-monospace,Menlo,Consolas,monospace;color:#fff;text-decoration:none;letter-spacing:-.5px}.brand i{color:#b8f35a;font-style:normal}
aside p{color:#7f8e9d;font-size:13px;margin:6px 0 22px}aside nav a{display:block;padding:7px 10px;color:#b4c0cd;text-decoration:none;border-radius:6px;font-size:15px}aside nav a:hover{background:#17202a;color:#fff}aside nav small{display:block;color:#5f6f7e;text-transform:uppercase;letter-spacing:.14em;font-size:11px;margin:18px 10px 4px}
.wrap{padding:44px 6vw;max-width:980px}h1{font-size:clamp(30px,4.4vw,48px);line-height:1.12;color:#fff;margin:0 0 14px}h2{color:#fff;margin:34px 0 10px}
.kick{font:700 13px ui-monospace,Menlo,monospace;color:#5cc8ff;text-transform:uppercase;letter-spacing:.12em}.sub{font-size:20px;color:#a9b6c4;max-width:640px}
.path{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:30px 0}.step{display:block;background:#17202a;border:1px solid #243242;border-radius:10px;padding:18px;text-decoration:none;color:#dbe3ec}.step:hover{border-color:#b8f35a}.step b{font:800 28px ui-monospace,Menlo,monospace;color:#b8f35a;display:block}.step span{display:block;font-weight:700;color:#fff;margin:2px 0}.step em{font-style:normal;color:#8f9eae;font-size:15px}
dl{margin:0}dt{font-weight:700;color:#fff;margin-top:16px}dd{margin:2px 0 0;color:#b4c0cd}.cols{columns:2;column-gap:36px}
.box{background:#17202a;border-left:4px solid #5cc8ff;padding:18px 22px;border-radius:6px;margin:28px 0}.btn{display:inline-block;background:#b8f35a;color:#0f1419;padding:12px 26px;border-radius:6px;text-decoration:none;font-weight:800;border:0;font-size:16px;cursor:pointer}
input,textarea{width:100%;padding:12px;margin:6px 0 14px;border:1px solid #2c3b4b;background:#0a0e12;color:#fff;border-radius:6px;font:inherit}.hp{position:absolute;left:-9999px}
footer{border-top:1px solid #1f2a35;margin-top:50px;padding-top:20px;color:#7f8e9d;font-size:14px}footer a{color:#b4c0cd;margin-right:16px}.meta{color:#7f8e9d;font-size:14px}ul{padding-left:22px}li{margin-bottom:6px}
@media(max-width:860px){body{grid-template-columns:1fr}aside{position:static;height:auto}.cols{columns:1}}