:root{--bg:#0b0c10;--panel:#15171c;--text:#e6e7ea;--muted:#a9adb7;--accent:#00AEEF;--accent2:#9a9ea7}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Open Sans','Helvetica Neue',Arial}
.container{max-width:980px;margin:24px auto;padding:0 16px}
.site-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px 16px}
.logo{height:64px;object-fit:contain}
h1{margin:8px 0 0;font-size:28px}
p{margin:6px 0}
.card{background:var(--panel);border-radius:12px;padding:16px 16px 8px;margin:12px 0;box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 1px 12px rgba(0,0,0,.25)}
.card h2{margin:0 0 8px;font-size:20px}
.hint{color:var(--muted)}
.btn{display:inline-block;margin:6px 6px 0 0;padding:10px 14px;border-radius:8px;background:var(--accent);color:#001622;text-decoration:none;font-weight:600}
.btn:hover{filter:brightness(1.05)}
.site-footer{padding:24px 16px;text-align:center;color:var(--muted)}
.contact{margin:6px 0 10px 18px}
.contact li{margin:2px 0}
@media (min-width:720px){.site-header{flex-direction:row;justify-content:center;gap:16px}.logo{height:72px}h1{font-size:32px}}