:root{--ink:#0d0f0e;--panel:#111412;--line:rgba(255,255,255,.07);--text:#eef2ef;--muted:#a3aca6;--red:#d8342c}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--ink)}
body{font-family:Roboto,"Segoe UI",Arial,sans-serif;color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit}
.wrap{max-width:1256px;margin:0 auto;padding:0 28px;width:100%}
.top{background:linear-gradient(180deg,#0b2018,#0a1b14)}
.top .wrap{height:72px;display:flex;align-items:center;border-bottom:1px solid rgba(159,194,174,.12)}
.lock{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;color:#fff;text-decoration:none}
.lock .word{font-family:"Archivo Narrow","Arial Narrow",sans-serif;font-weight:500;font-size:19px;letter-spacing:3.2px;text-transform:uppercase;line-height:1}
.lock .api{font-family:"Archivo Narrow","Arial Narrow",sans-serif;font-weight:500;font-size:12px;letter-spacing:1.6px;height:21px;padding:0 6px 0 8px;border-radius:6px;display:inline-flex;align-items:center;background:var(--red);color:#fff}
.main{flex:1;padding-top:40px;padding-bottom:56px}
.foot{border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-top:20px;padding-bottom:24px}
.foot a{text-decoration:none}
.foot a:hover{color:#fff}
@media (max-width:640px){.wrap{padding:0 16px}}