:root{--bg:#010103;--card:#04060b;--line:#121a2e;--tx:#f5f7fb;--mut:#9aa4b8;--blue:#1649b8;--blue2:#2f6fdc;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;margin:0}
html,body{min-height:100%}
body{background:radial-gradient(ellipse at 50% 0%,rgba(22,73,184,.32),transparent 55%),var(--bg);color:var(--tx);font:400 16px/1.5 Inter,system-ui,sans-serif;display:flex;justify-content:center;padding:44px 18px 40px}
main{width:100%;max-width:520px;text-align:center}
.logo{width:180px;height:180px;border-radius:50%;display:block;margin:0 auto 22px;filter:drop-shadow(0 0 38px rgba(22,73,184,.55))}
h1{font-size:clamp(1.6rem,7vw,2.1rem);font-weight:700;letter-spacing:.02em;line-height:1.15}
.sub{color:var(--mut);margin:10px 0 34px;font-size:1.05rem}
a.b{display:flex;align-items:center;gap:14px;min-height:76px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 18px;margin-bottom:14px;color:var(--tx);text-decoration:none;font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:0;transition:.25s}
a.b:hover,a.b:focus-visible{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 8px 24px rgba(22,73,184,.28);outline:none}
a.b span{flex:1;text-align:center;padding-right:10px}
.ic{flex:none;width:52px;height:52px;border-radius:50%;border:2px solid var(--blue);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#071533,#000)}
.ic svg{width:26px;height:26px;fill:none;stroke:var(--blue2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic svg.f{fill:var(--blue2);stroke:none}
.hrs{color:var(--mut);font-size:.82rem;margin-top:26px}