:root { --bg:#000; --edge:rgba(214,178,110,.28); --edge-soft:rgba(214,178,110,.12); --neon:rgb(214,178,110); --glow:rgba(214,178,110,.2); --text:#ece6da; --dim:#9a927f; --on:#1a1408; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:15px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif; }
.wrap { max-width:720px; margin:0 auto; padding:28px 20px; min-height:100vh; display:flex; flex-direction:column; }
.head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:26px; }
.brand { font-size:15px; letter-spacing:.02em; } .brand b { color:var(--neon); }
.mark { display:inline-block; width:18px; height:18px; border:1.5px solid var(--neon); border-radius:5px; box-shadow:0 0 12px var(--glow); vertical-align:-3px; margin-right:8px; }
.view { flex:1; }
.card { border:1px solid var(--edge-soft); border-radius:16px; padding:28px; background:rgba(0,0,0,.4); }
.card.center { text-align:center; max-width:440px; margin:40px auto; }
h1 { font-size:20px; font-weight:600; margin:0 0 8px; }
.muted { color:var(--dim); font-size:13px; margin:0 0 16px; }
.frow { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid var(--edge-soft); font-size:14px; }
.frow span { color:var(--dim); }
.mono { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; }
.who { color:var(--dim); font-size:13px; margin-right:12px; }
.btn { display:inline-block; padding:9px 18px; border-radius:9px; border:1px solid var(--edge); color:var(--text); text-decoration:none; font-weight:600; font-size:14px; }
.btn:hover { border-color:var(--neon); box-shadow:0 0 20px var(--glow); }
.btn.solid { background:var(--neon); color:var(--on); border-color:var(--neon); }
.btn.sm { padding:5px 13px; font-size:12.5px; }
.foot { color:var(--dim); font-size:11px; margin-top:24px; }
.loginform { display:flex; flex-direction:column; gap:10px; max-width:280px; margin:0 auto; }
.loginform input { padding:10px 12px; border-radius:9px; border:1px solid var(--edge); background:transparent; color:var(--text); font:inherit; }
.loginform input:focus { outline:none; border-color:var(--neon); }
.loginform .btn { justify-content:center; text-align:center; }
.err { color:#d67a68; font-size:13px; margin:0 0 12px; }