:root{
  --bg:#080b10;
  --bg2:#0d1219;
  --panel:#111821;
  --panel2:#18212d;
  --line:#283545;
  --text:#eef2f6;
  --muted:#9ba8b7;
  --accent:#d69a43;
  --accent2:#f0bb66;
  --ok:#58c980;
  --bad:#ed7070;
  --warn:#e3bb56;
  --shadow:0 18px 50px rgba(0,0,0,.30);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 16% -8%,rgba(214,154,67,.12),transparent 31%),
    linear-gradient(180deg,#070a0e,#0b1017 40%,#080c11);
  font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{color:var(--accent2);text-decoration:none}
a:hover{color:#ffd38c}
button,input,select,textarea{font:inherit}
.wrap{width:min(1180px,92vw);margin:auto}
.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(7,10,14,.91);backdrop-filter:blur(16px)}
.nav-shell{min-height:76px;display:flex;align-items:center;gap:24px}
.af-brand{display:flex;align-items:center;gap:11px;color:#fff;margin-right:auto}
.af-mark{width:38px;height:38px;border:1px solid rgba(214,154,67,.7);border-radius:9px;display:grid;place-items:center;color:var(--accent2);font:700 22px Georgia,serif;background:rgba(214,154,67,.07)}
.af-brand-copy{display:grid;line-height:1.05}
.af-brand-copy strong{font-size:15px;letter-spacing:.13em}
.af-brand-copy small{margin-top:5px;color:var(--accent);font-size:8px;letter-spacing:.16em}
.primary-nav,.account-nav{display:flex;align-items:center;gap:16px}
.primary-nav a,.account-nav>a{color:#cbd3dc;font-size:14px}
.primary-nav a:hover,.account-nav>a:hover{color:#fff}
.account-nav form{margin:0}
.network-link{color:#8fa0b4!important}
.nav-button{background:none;border:0;color:#cbd3dc;padding:7px 0;cursor:pointer}
.main-shell{min-height:68vh}
.btn,button{
  border:1px solid #b87a2f;
  background:linear-gradient(180deg,#e1aa58,#bd7629);
  color:#160e05;
  border-radius:9px;
  padding:10px 15px;
  font-weight:850;
  cursor:pointer;
}
.btn{display:inline-flex;align-items:center;justify-content:center}
.btn.compact{padding:8px 12px;font-size:13px}
.btn.secondary,button.secondary{background:var(--panel2);border-color:var(--line);color:var(--text)}
.btn.primary{background:linear-gradient(180deg,#ebb660,#c98432);color:#160e05}
.btn.danger,button.danger{background:#632727;border-color:#8d3a3a;color:#fff}
.eyebrow{color:var(--accent2);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.hero-panel{padding:64px 0 38px;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}
.hero-copy,.live-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(18,25,35,.95),rgba(12,18,25,.95));box-shadow:var(--shadow)}
.hero-copy{padding:44px}
.hero-copy h1{font:700 clamp(48px,7vw,82px)/.95 Georgia,serif;letter-spacing:-.04em;margin:14px 0 20px}
.hero-copy h1 span{color:var(--accent)}
.hero-copy>p{max-width:690px;color:#aab5c3;font-size:18px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:27px 0}
.get-started{display:flex;flex-wrap:wrap;gap:9px;border-top:1px solid var(--line);padding-top:21px}
.get-started span{padding:5px 9px;border-radius:999px;background:#0b1118;border:1px solid var(--line);color:#aeb8c5;font-size:12px}
.live-card{padding:28px;display:flex;flex-direction:column}
.live-card.online-card{border-color:rgba(88,201,128,.34)}
.live-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.live-card h2{font:700 30px Georgia,serif;margin:6px 0}
.realm-state{display:flex;align-items:center;gap:8px;color:#fff}
.dot{width:10px;height:10px;border-radius:50%;background:var(--bad);box-shadow:0 0 14px rgba(237,112,112,.65)}
.dot.ok{background:var(--ok);box-shadow:0 0 14px rgba(88,201,128,.65)}
.realm-metrics{margin:24px 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.realm-metrics div{padding:18px 10px}
.realm-metrics div+div{border-left:1px solid var(--line)}
.realm-metrics strong{display:block;font-size:24px}
.realm-metrics span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.text-link{font-weight:800}
.section{padding:32px 0 52px}
.section-title{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:20px}
.section-title h2,.page-head h1{font:700 clamp(34px,4vw,50px)/1.05 Georgia,serif;margin:7px 0 0}
.section-title p{max-width:590px;color:var(--muted);margin:0}
.realm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.realm-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--panel),#0f161f);padding:22px;min-height:188px}
.realm-card.active-realm{border-color:rgba(214,154,67,.48);box-shadow:0 0 0 1px rgba(214,154,67,.08),var(--shadow)}
.realm-card h3{font:700 27px Georgia,serif;margin:16px 0 5px}
.realm-card p{color:#b6c0cc}
.realm-pill{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid var(--line);font-size:10px;font-weight:900;letter-spacing:.11em;color:var(--muted)}
.online-pill{border-color:rgba(88,201,128,.45);color:#8de2a9;background:rgba(88,201,128,.08)}
.offline-pill{border-color:rgba(237,112,112,.45);color:#f19a9a;background:rgba(237,112,112,.08)}
.content-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}
.card{background:linear-gradient(180deg,var(--panel),#0f161f);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow)}
.card h2,.card h3{margin-top:0}
.feature-card h3{font-size:27px;margin:14px 0 11px}
.card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.card-heading h2,.card-heading h3{margin:0}
.quick-links{display:grid;margin-top:10px}
.quick-links a{display:grid;padding:13px 0;border-bottom:1px solid var(--line);color:#fff}
.quick-links a:last-child{border-bottom:0}
.quick-links span{color:var(--muted);font-size:12px}
.list{display:grid;gap:0}
.list-item{padding:12px 0;border-bottom:1px solid var(--line)}
.list-item:last-child{border-bottom:0}
.muted{color:var(--muted)}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);font-size:11px}
.status-good{border-color:rgba(88,201,128,.45);color:#8de2a9}
.page-head{padding:54px 0 18px;max-width:820px}
.page-head>p{color:var(--muted);font-size:17px;max-width:690px}
.split-head{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:30px}
.notice{padding:14px 16px;border-radius:10px;border:1px solid rgba(227,187,86,.42);background:rgba(227,187,86,.08);color:#d8caa6;margin-bottom:18px}
.compact-notice{margin-top:22px;max-width:520px}
.status-lines{margin-top:18px;border-top:1px solid var(--line)}
.status-lines div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}
.status-lines span{color:var(--muted)}
.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:18px}
.filter-grid label,.form label{display:grid;gap:6px;font-weight:750}
.form{display:grid;gap:13px}
.form input,.form textarea,.form select,.filter-grid input,.filter-grid select{
  width:100%;background:#0a1017;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:11px 12px
}
.form textarea{min-height:120px;resize:vertical}
.download-grid{margin-top:18px}
.download-card{position:relative}
.featured-download{border-color:rgba(214,154,67,.55)}
.featured-badge{border-color:#8f642d;color:var(--accent2)}
.download-badges{display:flex;gap:6px;flex-wrap:wrap}
.download-meta{display:flex;gap:16px;flex-wrap:wrap;padding:12px 0;color:var(--muted)}
.checksum{display:grid;gap:6px;margin:10px 0 16px}
.checksum code{display:block;overflow:auto;white-space:nowrap;padding:8px;background:#080c11;border:1px solid var(--line);border-radius:6px}
.release-notes{margin:12px 0}
.release-notes p{white-space:pre-wrap;color:var(--muted)}
.empty-state{text-align:center;padding:45px 24px}
.auth-shell{min-height:66vh;display:grid;grid-template-columns:1fr 440px;gap:60px;align-items:center;padding:55px 0}
.auth-copy h1{font:700 clamp(42px,6vw,70px)/1 Georgia,serif;margin:12px 0 18px}
.auth-copy p{font-size:18px;color:var(--muted);max-width:610px}
.auth-card{padding:30px}
.metric-row{display:flex;gap:35px;margin-top:16px}
.metric-row strong{display:block;font-size:30px}
.metric-row span{color:var(--muted);font-size:12px}
.section-divider{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.section-card{margin-top:18px}
.narrow-form{max-width:640px}
.narrow-page{max-width:850px;margin-left:auto;margin-right:auto}
.table-wrap{overflow:auto}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.update-card{margin-bottom:16px}
.update-actions{margin-top:18px}
.forum-post{white-space:pre-wrap}
.forum-category{margin-bottom:14px}
.forum-category h2{margin-bottom:4px}
.forum-counts{display:flex;gap:15px;color:var(--muted)}
.sticky-card{align-self:start;position:sticky;top:94px}
.price{font-size:29px;font-weight:900;color:var(--accent2);margin:18px 0}
.store-card{display:flex;flex-direction:column}
.store-form,.store-signin{margin-top:auto}
.flash{padding:13px 16px;border-radius:10px;margin:18px 0;border:1px solid var(--line)}
.flash.success{background:#12301e;border-color:#275c39}
.flash.error{background:#371719;border-color:#733034}
.site-footer{margin-top:45px;border-top:1px solid var(--line);background:#06090d}
.footer-grid{display:flex;justify-content:space-between;gap:50px;padding:34px 0 22px}
.footer-brand{font-weight:900;letter-spacing:.14em}
.footer-grid p{color:var(--muted);margin:6px 0}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.legal{border-top:1px solid rgba(255,255,255,.06);padding:18px 0 30px;color:#758292;font-size:11px}

/* Existing admin/control-center compatibility */
.control-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.control-heading h1{margin:0 0 6px}
.control-grid{margin-top:18px}
.control-section{margin-top:18px}
.control-label{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:8px}
.control-value{font-size:20px;font-weight:800}
.big-number{font-size:38px;line-height:1.05;color:#fff}
.control-value .dot{display:inline-block;margin-right:6px}
.control-kv{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}
.control-kv:last-child{border-bottom:0}
.quick-command-actions form{margin:0}
.console-command-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.console-prompt{font:700 21px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent2)}
.console-command-row input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.sensitive-confirm{display:flex!important;align-items:flex-start;gap:9px;font-weight:500!important;color:var(--muted)}
.sensitive-confirm input{width:auto!important;margin-top:5px}
.console-output-wrap{margin-top:18px}
.console-output{margin:0;max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#05080c;border:1px solid var(--line);border-radius:10px;padding:15px;color:#d9e6d9;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.compact-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:18px}
.compact-fields label{display:grid;gap:6px}
.file-note{margin-top:14px}
.command-result{white-space:pre-wrap;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
.bot-profile-form{margin-top:16px}
.download-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin-top:18px}
.download-filter label{display:grid;gap:6px;font-weight:700}
.download-filter input,.download-filter select{width:100%;background:#0b1118;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:11px 12px}
.admin-download-item summary{cursor:pointer;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.admin-download-edit{margin-top:16px}
.admin-delete-row{margin-top:12px}
.alert-grid{display:grid;gap:8px}
.monitor-alert{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}
.monitor-alert.ok{border-color:rgba(79,197,122,.45)}
.monitor-alert.warning{border-color:rgba(226,184,75,.55)}
.monitor-alert.critical{border-color:rgba(239,107,107,.7)}
.status-symbol{font-weight:800;min-width:16px}
.monitor-history canvas{width:100%;display:block}
.monitor-chart{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}
.monitor-chart h3{margin:0 0 6px}
.history-range .active{outline:1px solid var(--accent2)}
.stat-pills{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
.stat-pill{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:var(--panel2);font-size:.9rem}
.ok-pill{border-color:rgba(79,197,122,.5)}
.bad-pill{border-color:rgba(239,107,107,.65)}
.log-filters{max-width:620px;justify-content:flex-end}
.log-filters button{text-transform:capitalize}
.audit-results details{margin-top:12px}

@media(max-width:980px){
  .nav-shell{flex-wrap:wrap;padding:13px 0}
  .af-brand{width:100%;margin-right:0}
  .primary-nav{order:3;width:100%;overflow:auto;padding-bottom:3px}
  .account-nav{margin-left:auto}
  .hero-panel{grid-template-columns:1fr}
  .realm-grid{grid-template-columns:1fr}
  .span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}
  .filter-grid{grid-template-columns:1fr 1fr}
  .filter-grid button{align-self:end}
  .auth-shell{grid-template-columns:1fr;gap:22px}
  .sticky-card{position:static}
}
@media(max-width:650px){
  .wrap{width:min(94vw,1180px)}
  .primary-nav,.account-nav{gap:12px;flex-wrap:wrap}
  .hero-copy{padding:28px}
  .hero-copy h1{font-size:48px}
  .realm-metrics{grid-template-columns:1fr}
  .realm-metrics div+div{border-left:0;border-top:1px solid var(--line)}
  .section-title,.split-head,.footer-grid{display:block}
  .section-title p,.split-head .btn,.footer-links{margin-top:17px}
  .filter-grid{grid-template-columns:1fr}
  .footer-links{display:flex}
  .control-heading{flex-direction:column}
  .console-command-row{grid-template-columns:auto 1fr}
  .console-command-row button{grid-column:2}
  .compact-fields,.download-filter{grid-template-columns:1fr}
  .log-filters{justify-content:flex-start}
  .monitor-chart canvas{min-height:210px}
}