:root{
  --g500:#54A966;--g600:#3A7B47;--ink:#14181A;--ink-2:#3A4145;--ink-3:#5C6469;
  --line:#E5E8EA;--bg:#F7F9F9;--surface:#fff;--fd:'Poppins',Tahoma,system-ui,sans-serif;
  --fb:'Open Sans',Tahoma,system-ui,sans-serif;--red:#BF0603;
}
html[data-theme="dark"]{
  --ink:#f1f5f9;--ink-2:#cbd5e1;--ink-3:#94a3b8;
  --line:rgba(255,255,255,.12);--bg:#0b1220;--surface:#111827;--red:#f87171;
}
html[data-theme="dark"] .btn-ghost{background:var(--surface);color:var(--ink)}
html[data-theme="dark"] .mono{background:#0b1220;color:var(--ink)}
html[data-theme="dark"] .afx-menu a:hover,html[data-theme="dark"] .afx-menu button:hover{background:#1f2937}
html[data-theme="dark"] .afx-avatar{background:rgba(84,169,102,.2)}
html[data-theme="dark"] .tag{background:rgba(84,169,102,.2)}
html[data-theme="dark"] .afx-menu{box-shadow:0 12px 32px rgba(0,0,0,.4)}
*{box-sizing:border-box}
body{margin:0;font-family:var(--fb);color:var(--ink);background:var(--bg)}
a{color:inherit}
.afx-top{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.afx-top-inner{max-width:1080px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:16px}
.afx-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.afx-brand img{height:28px;width:auto}
.afx-top-end{display:flex;align-items:center;gap:16px}
.afx-host{font-family:var(--fd);font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.01em}
.afx-account{position:relative}
.afx-account-btn{display:flex;align-items:center;gap:10px;height:40px;padding:0 8px 0 4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);cursor:pointer;font-family:var(--fd);font-size:13px;font-weight:600;color:var(--ink)}
.afx-account-btn:hover{border-color:#D2D7D9}
.afx-avatar{width:28px;height:28px;border-radius:50%;background:#EDF5EE;color:var(--g600);display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.afx-caret{width:10px;height:10px;opacity:.45;margin-right:4px}
.afx-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(20,24,26,.10);padding:8px 0;display:none}
.afx-account.open .afx-menu{display:block}
.afx-menu a,.afx-menu button{display:block;width:100%;text-align:left;padding:10px 16px;background:none;border:0;font-family:var(--fd);font-size:13px;font-weight:500;color:var(--ink-2);text-decoration:none;cursor:pointer}
.afx-menu a:hover,.afx-menu button:hover{background:#F7F9F9;color:var(--ink)}
.afx-menu .sep{height:1px;background:var(--line);margin:6px 0}
.afx-menu .danger{color:var(--red)}
.afx-shell{max-width:1080px;margin:0 auto;padding:36px 28px 80px}
.afx-kicker{font-family:var(--fd);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px}
h1{font-family:var(--fd);font-weight:700;font-size:32px;letter-spacing:-.03em;line-height:1.15;margin:0 0 8px}
.lede{font-size:16px;line-height:1.6;color:var(--ink-2);margin:0 0 28px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 1px 3px rgba(5,7,8,.06)}
.card + .card{margin-top:16px}
.card h2{font-family:var(--fd);font-size:16px;margin:0 0 8px}
.card p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.55}
.mono{font-family:ui-monospace,Menlo,monospace;font-size:14px;background:#F7F9F9;border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:inline-block}
.row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.btn{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:8px;font-family:var(--fd);font-weight:600;font-size:14px;text-decoration:none;border:0;cursor:pointer}
.btn-primary{background:var(--g500);color:#fff}
.btn-primary:hover{background:var(--g600)}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
table.members{width:100%;border-collapse:collapse;font-size:14px}
table.members th,table.members td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}
table.members th{font-family:var(--fd);font-size:12px;color:var(--ink-3);font-weight:600}
.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:#EDF5EE;color:var(--g600);font-size:11px;font-weight:600;font-family:var(--fd)}
.note{font-size:13px;color:var(--ink-3);margin-top:12px}
#afx-gate .field,.card .field{margin:0 0 14px;max-width:400px}
#afx-gate label,.card .field label{display:block;font-size:12px;font-weight:600;margin:0 0 6px}
#afx-gate input,.card .field input{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--surface);color:var(--ink)}
#afx-gate input[readonly]{background:var(--line);color:var(--ink-2);cursor:default}
#afx-pw-status{font-size:14px;margin:12px 0 0}
#afx-email-status{font-size:14px;margin:12px 0 0}
@media(max-width:720px){
  .afx-host{display:none}
  .afx-top-inner,.afx-shell{padding-left:16px;padding-right:16px}
}