:root{--bg1:#0b3d91;--bg2:#0a52b8;--card-bg:rgba(255,255,255,0.95);--label:#05345a;--val:#08243a;--fb:#ff4d4d}
html,body{height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,var(--bg1),var(--bg2));display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px;box-sizing:border-box}
.head{display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:center}
img{max-height:34vh;max-width:22vw;transition:opacity .36s;border-radius:8px;border:3px solid rgba(255,255,255,.12);box-shadow:0 10px 30px rgba(0,0,0,.25);background:rgba(0,0,0,0.04)}
h1{color:#fff;font-size:2.2rem;animation:blink 1s infinite;padding:6px 10px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.02));margin:0}
@keyframes blink{0%{color:#ffdddd}50%{color:#d8ffdf}100%{color:#ffc6ff}}
#info{width:100%;max-width:1500px;padding:12px;border-radius:10px;background:var(--card-bg);box-shadow:0 12px 30px rgba(2,8,23,.35)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%;max-width:1500px}
.card{background:#fff;padding:12px;border-radius:8px;text-align:center;box-shadow:0 2px 6px rgba(2,8,23,.06);border:1px solid rgba(3,22,45,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px}
.label{font-weight:700;color:var(--label);font-size:.9em;display:block}
.value{font-size:.95em;color:var(--val);word-break:break-word;overflow-wrap:anywhere;display:block}
.fb{color:var(--fb);font-style:italic}
.vpnSim{color:#f00;font-weight:700;animation:redflash 1s infinite}
@keyframes redflash{0%,100%{color:#f00}50%{color:#ff8a8a}}
.vpnextra{font-size:.82em;color:#6a1b1b;margin-top:3px;display:block}
@media (max-width:900px){img{max-width:42vw;max-height:22vh}h1{font-size:1.6rem}}