*{box-sizing:border-box}
html,body{margin:0;background:#0b0c10;color:#e6e9ef;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}
.wrap{max-width:1080px;margin:0 auto;padding:22px}
.header{display:flex;align-items:center;justify-content:space-between;padding-top:30px}
.brand h1{margin:0 0 6px 0;font-weight:600;font-size:28px}
.logo{height:48px;opacity:.95}
.card{background:#111218;border:1px solid #1b1d27;border-radius:16px;padding:18px;margin:16px 0;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}
h2{margin:0 0 10px 0;font-size:20px}
h3{margin:0 0 8px 0;font-size:17px}
ul{margin:8px 0 0 18px}
.list{list-style:disc}
a{color:#9db3ff;text-decoration:none}
a:hover{text-decoration:underline}
.btn{display:inline-block;margin-top:10px;padding:10px 14px;border-radius:12px;border:1px solid #2a2e3f;background:linear-gradient(180deg,#1a1c27,#141621)}
.warn{background:#161214;border-color:#3a2b2b}
.foot{text-align:center;color:#a0a6b3;padding-bottom:36px}
@media (max-width:520px){.brand h1{font-size:22px}.logo{height:40px}}