:root{--bg:#f5f6f8;--grid:#eef0f3;--panel:#ffffff;--ink:#0c1116;--muted:#6b7380;--line:#e4e6eb;--neon:#c4ff31}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink);background:linear-gradient(180deg,rgba(0,0,0,.035),transparent 22%),repeating-linear-gradient(90deg,var(--grid) 0 1px,transparent 1px 24px),var(--bg)}.wrap{min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:32px 18px}.frame{width:100%;max-width:880px;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 28px rgba(20,24,40,.1);overflow:hidden}.accent{height:4px;background:var(--neon)}.top{justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,249,251,.95));-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px)}.brand,.top{display:flex;align-items:center}.brand{gap:10px;font-weight:850;letter-spacing:.2px}.logo{width:28px;height:28px;border-radius:4px;border:1px solid #0c1116;background:linear-gradient(135deg,#0c1116,#2b3440);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900;position:relative;overflow:hidden}.logo .eye{position:absolute;top:8px;right:7px;width:10px;height:10px;border-radius:999px;background:var(--neon);animation:wink 4s infinite}@keyframes wink{0%,85%,to{transform:scaleY(1)}86%,88%{transform:scaleY(.15)}89%,to{transform:scaleY(1)}}.btn{padding:9px 14px;border:1.2px solid var(--ink);border-radius:4px;background:var(--neon);color:var(--ink);font-weight:750;text-decoration:none}.btn:hover{opacity:.92}.main{padding:22px 18px 20px;grid-gap:16px;gap:16px}.hero,.main{display:grid}.hero{border:1px solid var(--line);border-radius:6px;background:#fff;padding:18px;grid-gap:10px;gap:10px}.kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.title{font-size:28px;font-weight:950;letter-spacing:.2px}.note{color:#1b2430;line-height:1.55;max-width:66ch}.flag{display:inline-flex;gap:8px;padding:8px 12px;border:1.5px solid var(--neon);border-radius:4px;color:var(--ink);font-weight:800;background:var(--neon)}.flag,.info{align-items:center}.info{display:flex;justify-content:space-between;padding:12px 18px;border:1px solid var(--line);border-radius:6px;background:#fff}.info .k{color:var(--muted);font-weight:650;margin-right:8px}.info .v{font-weight:800}.foot{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:1px solid var(--line);color:var(--muted)}.foot a{color:var(--ink);text-decoration:none;font-weight:650}.foot a:hover{text-decoration:underline;text-underline-offset:3px}@media (max-width:560px){.title{font-size:22px}.btn{padding:8px 12px}}