:root { --ink:#10242c; --signal:#00a6a6; }
  body { font-family:"Bahnschrift", "Microsoft YaHei UI", sans-serif; color:var(--ink); background-color:#f3f7f6 !important; background-image:linear-gradient(rgba(16,36,44,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(16,36,44,.04) 1px,transparent 1px),radial-gradient(circle at 80% 10%,rgba(0,166,166,.18),transparent 28rem); background-size:32px 32px,32px 32px,auto; }
  body::before { content:"OPEN / GATEWAY"; position:fixed; left:5vw; bottom:4vh; color:rgba(16,36,44,.055); font-size:clamp(44px,9vw,130px); font-weight:800; letter-spacing:-.06em; pointer-events:none; }
  body > div { position:relative; overflow:hidden; border:1px solid rgba(194,211,214,.8); border-radius:18px !important; box-shadow:0 24px 60px rgba(16,36,44,.14) !important; }
  body > div::before { content:""; display:block; position:absolute; inset:0 0 auto; height:5px; background:linear-gradient(90deg,var(--signal),#71ddd4); }
  h1 { color:var(--ink) !important; letter-spacing:-.025em; }
  input { border:1px solid #c6d7d9 !important; border-radius:9px !important; padding:11px 12px !important; background:#fafdfe; }
  input:focus-visible { outline:3px solid rgba(0,166,166,.22); border-color:var(--signal) !important; }
  button { background:var(--signal) !important; border-radius:9px !important; padding:11px !important; box-shadow:0 6px 16px rgba(0,166,166,.22); }
  button:hover { background:#087f7f !important; transform:translateY(-1px); }
  @media (prefers-reduced-motion:no-preference) { body > div { animation:login-in .55s cubic-bezier(.2,.8,.2,1) both; } @keyframes login-in { from { opacity:0; transform:translateY(14px) scale(.985); } } }