/* ========================================================================
   AinokeaCo — restrained black / antique-gold visual system
   Purpose: keep the ornate logo as the hero and make the UI itself quiet,
   modern, readable, and consistent across every existing MVC view.
   ======================================================================== */
:root{
    --bg:#070808;
    --bg-soft:#0b0c0c;
    --surface:#101111;
    --surface-2:#141515;
    --surface-3:#191a19;
    --line:rgba(226,198,142,.14);
    --line-strong:rgba(226,198,142,.28);
    --gold:#c4a66d;
    --gold-hi:#e1c58e;
    --gold-dim:#8f7a55;
    --text:#f1eee7;
    --muted:#a19d94;
    --muted-2:#77746e;
    --green:#7db48a;
    --red:#c97867;
    --shadow:0 22px 60px rgba(0,0,0,.30);
    --radius:16px;
    --radius-sm:10px;
    --display:'Noto Serif', Georgia, serif;
    --ui:'Inter','Segoe UI',Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);scrollbar-width:none}
html::-webkit-scrollbar{width:0;height:0;display:none}
body.ainokea{
    margin:0!important;
    min-height:100vh;
    padding:0!important;
    overflow-x:hidden;
    color:var(--text)!important;
    background:var(--bg)!important;
    font-family:var(--ui)!important;
    font-size:15px;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
body.ainokea a{color:inherit;text-decoration:none}
body.ainokea img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
::selection{background:rgba(196,166,109,.28);color:#fff}

.site-bg{
    position:fixed;
    inset:0;
    z-index:-2;
    background:url('../images/brand/ainokea-web-bg-4k.jpg') center top/cover no-repeat;
}
.site-bg::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(7,8,8,.06) 0%,rgba(7,8,8,.36) 52%,rgba(7,8,8,.92) 100%),
        radial-gradient(circle at 18% 8%,rgba(255,255,255,.025),transparent 34%);
}
.page-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}
.site-main{flex:1}
.container-x{width:min(1322px,calc(100% - 48px));margin-inline:auto}

/* Header ----------------------------------------------------------------- */
.topbar{
    position:sticky;top:0;z-index:50;
    background:rgba(8,9,9,.82);
    border-bottom:1px solid rgba(255,255,255,.055);
    backdrop-filter:blur(18px) saturate(115%);
}
.topbar-inner{height:76px;display:flex;align-items:center;gap:26px}
.brand-link{display:flex;align-items:center;gap:10px;min-width:226px}
.brand-mark{width:42px;height:42px;object-fit:cover;object-position:center 42%;border-radius:8px;opacity:.98;transform:translateX(-1px)}
.brand-type{display:flex;flex-direction:column;line-height:1.05}
.brand-type strong{font-family:var(--display);font-size:24px;font-weight:600;letter-spacing:.015em;color:#f4eee2}
.brand-type small{margin-top:4px;color:var(--muted-2);font-size:8px;letter-spacing:.25em;text-transform:uppercase;white-space:nowrap}
.nav-links{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;transform:translateX(4px)}
.nav-links a{
    color:#aaa69d;
    padding:10px 13px;
    border-radius:8px;
    font-size:13px;
    font-weight:600;
    transition:color .16s ease,background .16s ease;
}
.nav-links a:hover{color:var(--text);background:rgba(255,255,255,.035)}
.nav-links a.active{color:var(--gold-hi);background:rgba(196,166,109,.07)}
.nav-right{display:flex;align-items:center;justify-content:flex-end;min-width:96px;gap:10px}
.login-link{font-size:13px;font-weight:700;letter-spacing:.03em;color:var(--gold-hi)!important}
.nav-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer}
.nav-toggle-bars,.nav-toggle-bars::before,.nav-toggle-bars::after{display:block;width:22px;height:1.5px;background:var(--gold-hi);content:"";transition:.2s ease}
.nav-toggle-bars{position:relative}.nav-toggle-bars::before{position:absolute;top:-6px}.nav-toggle-bars::after{position:absolute;top:6px}
.nav-toggle.open .nav-toggle-bars{background:transparent}.nav-toggle.open .nav-toggle-bars::before{transform:translateY(6px) rotate(45deg)}.nav-toggle.open .nav-toggle-bars::after{transform:translateY(-6px) rotate(-45deg)}

/* Type / buttons --------------------------------------------------------- */
.eyebrow,.section-kicker{
    display:flex;align-items:center;gap:9px;
    color:var(--gold);
    font-size:10px;
    line-height:1;
    font-weight:700;
    letter-spacing:.19em;
    text-transform:uppercase;
}
.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px rgba(196,166,109,.45)}
.section-title{font-family:var(--display);font-size:34px!important;font-weight:600!important;color:var(--text)!important;letter-spacing:.01em;margin:0 0 20px}
.btn{
    display:inline-flex!important;align-items:center;justify-content:center;gap:9px;
    min-height:46px;padding:0 20px!important;
    border:1px solid transparent!important;
    border-radius:9px!important;
    font-size:13px!important;font-weight:700!important;letter-spacing:.01em!important;
    text-transform:none!important;cursor:pointer;
    transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease!important;
    box-shadow:none!important;
}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}
.btn-primary{background:var(--gold)!important;color:#0b0b0a!important;border-color:var(--gold)!important}
.btn-primary:hover{background:var(--gold-hi)!important;border-color:var(--gold-hi)!important}
.btn-secondary,.btn-outline{background:rgba(255,255,255,.025)!important;color:var(--text)!important;border-color:rgba(255,255,255,.105)!important}
.btn-secondary:hover,.btn-outline:hover{background:rgba(255,255,255,.055)!important;border-color:var(--line-strong)!important;color:var(--gold-hi)!important}
.btn-block{width:100%}
.btn-img{display:inline-flex}.btn-img img{display:none}.btn-img::after{content:"Continue"}.btn-img.lg::after{content:"Start"}

/* Panels / form language ------------------------------------------------- */
.panel{
    background:linear-gradient(180deg,rgba(20,21,21,.88),rgba(12,13,13,.92))!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:var(--radius)!important;
    box-shadow:var(--shadow)!important;
    backdrop-filter:blur(12px);
}
.panel-pad{padding:28px!important}
.framed{border:1px solid rgba(255,255,255,.065)!important;border-radius:var(--radius)!important;background:linear-gradient(180deg,rgba(20,21,21,.88),rgba(12,13,13,.92))!important;padding:28px!important;filter:none!important;box-shadow:var(--shadow)!important}
.frame-crest{display:none!important}
.field-row{margin-bottom:15px}
.field-label{display:block;margin-bottom:7px;color:#bdb9af;font-size:11px;font-weight:700;letter-spacing:.035em}
.field,.form-control,.form-select,.profile-field input,.lookup-input{
    width:100%!important;max-width:none!important;
    min-height:44px!important;
    padding:10px 12px!important;
    color:var(--text)!important;
    background:#0b0c0c!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:9px!important;
    outline:none!important;
    box-shadow:none!important;
}
.field:focus,.form-control:focus,.form-select:focus,.profile-field input:focus,.lookup-input:focus{border-color:rgba(225,197,142,.52)!important;box-shadow:0 0 0 3px rgba(196,166,109,.08)!important}
.field::placeholder,.form-control::placeholder{color:#66645f}
.form-msg{margin:12px 0 0;color:var(--gold-hi);font-size:12px}.form-msg.error,.text-danger{color:var(--red)!important}
.card-muted,.muted{color:var(--muted)!important}

/* Approved-reference lock -------------------------------------------------
   Primary desktop reference: reference/website-home-approved-reference.png
   captured at 2048 x 1152. Do not casually change the geometry below.
   Live values remain dynamic; only presentation is reference-locked.
   ------------------------------------------------------------------------ */
/* Home hero -------------------------------------------------------------- */
.hero{padding:58px 0 34px;position:relative}
.hero-redesign{padding-top:81px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.914fr);gap:70px;align-items:center}
.hero-grid-redesign{min-height:564px}
.hero-copy>.eyebrow{letter-spacing:.25em;transform:translateY(-2px)}
.hero-title{
    margin:18px 0 20px;
    font-family:var(--display);
    font-size:clamp(58px,6vw,91.5px);
    line-height:.91;
    font-weight:500;
    letter-spacing:-.03em;
    color:#f2eee5;
}
.hero-title span{color:var(--gold-hi)}
.hero-title{transform:translateY(-2px)}
.hero-tagline{max-width:660px;margin:0;color:#aaa69d;font-size:17.05px;line-height:1.85}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.hero-actions .btn{min-height:50px;padding-inline:24.5px!important;transform:translateY(-1px)}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:26px;color:#77746e;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;transform:translateY(-1px)}
.hero-meta span{position:relative}.hero-meta span+span::before{content:"";position:absolute;left:-12px;top:50%;width:2px;height:2px;border-radius:50%;background:#6d6555}
.brand-stage{
    min-height:534px;position:relative;display:flex;align-items:center;justify-content:center;
    border:1px solid rgba(255,255,255,.045);border-radius:24px;
    background:radial-gradient(circle at 50% 42%,rgba(196,166,109,.11),rgba(9,10,10,.60) 56%,rgba(8,9,9,.82) 100%);
    overflow:hidden;
}
.brand-stage::before{content:"";position:absolute;inset:24px;border:1px solid rgba(196,166,109,.08);border-radius:18px;pointer-events:none}
.brand-stage-glow{position:absolute;width:58%;aspect-ratio:1;border-radius:50%;background:rgba(196,166,109,.11);filter:blur(80px)}
.hero-logo{position:relative;width:min(76%,520px)!important;max-width:520px!important;margin:0!important;filter:none!important;animation:none!important;mix-blend-mode:screen;transform:translateY(-1px)}
.realm-strip{
    display:grid;grid-template-columns:repeat(4,1fr);
    border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);
    background:rgba(7,8,8,.38);
}
.realm-stat{padding:23px 22px;min-width:0;border-right:1px solid rgba(255,255,255,.06)}.realm-stat:last-child{border-right:0}
.realm-label{display:block;color:#77746e;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin-bottom:5px}
.realm-stat strong{display:block;color:#e9e5dd;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.realm-stat strong.online{color:var(--green)}.realm-stat strong.offline{color:var(--red)}

/* Home lower content ----------------------------------------------------- */
.home-section{padding:56px 0 92px}
.home-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);gap:24px;align-items:start}
.home-main-column,.home-side-column{display:grid;gap:20px}
.announcement-card{padding:31px 32px 30px}
.section-kicker{letter-spacing:.25em}
.announcement-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-top:14px}
.announcement-head h2,.download-card h2{font-family:var(--display);font-size:36.15px;line-height:1.05;font-weight:600;margin:0 0 7px;color:var(--text)}
.announcement-head h2{transform:translateX(1px)}
.announcement-head p,.download-card p{margin:0;color:var(--muted);font-size:13px}
.status-pill{flex:none;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;border:1px solid rgba(255,255,255,.08)}.status-pill.is-online{color:var(--green);background:rgba(125,180,138,.075)}.status-pill.is-offline{color:var(--red);background:rgba(201,120,103,.075)}
.announcement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:26px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.065);border-radius:11px;overflow:hidden}
.mini-stat{background:#0c0d0d;padding:16px}.mini-stat span{display:block;color:#76736d;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:5px}.mini-stat strong{font-size:13px;color:#ddd9d0}
.announcement-message{margin-top:16px;padding:13px 15px;border-left:2px solid var(--gold-dim);background:rgba(196,166,109,.045);color:#aaa69d;font-size:12px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feature-card{padding:23px;min-height:190px}.feature-index{display:block;color:#6f6759;font-size:10px;font-weight:800;letter-spacing:.13em;margin-bottom:24px}.feature-card h3{margin:0 0 9px;font-family:var(--display);font-size:23px;font-weight:600;color:#e7e2d9}.feature-card p{margin:0;color:#8f8b83;font-size:12px;line-height:1.7}
.download-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px}.download-actions{display:flex;gap:9px;flex:none}
.account-card,.server-card{padding:27px 29px 26px!important}.account-card h3,.server-card h3{margin:11px 0 4px;font-family:var(--display);font-size:29.6px;font-weight:600;color:var(--text)}
.account-card h3{transform:translateY(1px)}
.account-card .card-muted{margin:0 0 22px;font-size:12px}.account-links{display:flex;justify-content:space-between;gap:12px;margin-top:13px}.account-links a{color:#8e8a82;font-size:11px}.account-links a:hover{color:var(--gold-hi)}.stack-actions{display:grid;gap:9px;margin-top:18px}
.serverinfo{margin-top:0!important}.serverinfo-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;font-size:12px!important}.serverinfo-row:last-child{border-bottom:0!important}.serverinfo-row .k{color:#77746e!important}.serverinfo-row .v{color:#d7d2c9!important;font-weight:600;max-width:58%;text-align:right;overflow-wrap:anywhere}

/* Generic secondary pages ------------------------------------------------ */
.auth-wrap,.rankings-section,.status-section,.vote-section,.lookup-section,.gm-economy{padding:64px 0 86px!important}
.auth-wrap{min-height:calc(100vh - 150px);display:flex;align-items:center;justify-content:center}
.auth-card{width:min(100%,440px)!important;padding:30px!important}.auth-logo{width:180px!important;margin:0 auto 18px!important;mix-blend-mode:screen}.auth-card h2{font-family:var(--display)!important;font-size:30px!important;font-weight:600!important;color:var(--text)!important;margin:0 0 20px!important;text-align:center}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:15px}.auth-links a{font-size:11px;color:var(--muted)}
.rank-panel,.status-card,.lookup-card{padding:24px!important}.rank-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.rank-tab{padding:8px 12px;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#8c8880;font-size:11px;font-weight:700;background:rgba(255,255,255,.02)}.rank-tab.active,.rank-tab:hover{color:var(--gold-hi);border-color:var(--line-strong);background:rgba(196,166,109,.06)}
.status-cards,.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.status-card,.metric-grid>*{background:linear-gradient(180deg,#111212,#0c0d0d);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:18px}
.status-chart{padding:22px;background:#0c0d0d;border:1px solid rgba(255,255,255,.06);border-radius:12px;margin:16px 0}
.lookup-form{display:flex;gap:10px;margin:0 0 16px}.lookup-input{flex:1}.lookup-btn{min-width:120px}.lookup-results{margin-top:18px}.source-lines{color:#7e7a73;font-size:11px}

/* Tables ----------------------------------------------------------------- */
.rank-table,.status-table,.vote-table,.lookup-table,.profile-table,.tables{width:100%!important;border-collapse:collapse!important;background:transparent!important;color:var(--text)!important}
.rank-table th,.rank-table td,.status-table th,.status-table td,.vote-table th,.vote-table td,.lookup-table th,.lookup-table td,.profile-table th,.profile-table td,.tables th,.tables td{padding:12px 13px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;text-align:left!important;font-size:12px!important;background:transparent!important;color:#b7b2aa!important}
.rank-table th,.status-table th,.vote-table th,.lookup-table th,.profile-table th,.tables th{color:#77746e!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-weight:800!important}
.rank-table tr:hover td,.lookup-table tr:hover td,.profile-table tr:hover td{background:rgba(255,255,255,.018)!important;color:#ddd8ce!important}

/* Profile / store / vote ------------------------------------------------- */
.profile-grid{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:start}.profile-nav{padding:10px!important;display:grid;gap:5px}.profile-nav a{padding:11px 12px;border-radius:8px;color:#8f8b83;font-size:11px;font-weight:700;background:transparent}.profile-nav a:hover,.profile-nav a.active{color:var(--gold-hi);background:rgba(196,166,109,.06)}.profile-field{margin-bottom:12px}.profile-field label{display:block;color:#77746e;font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;margin-bottom:5px}
.store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.store-item{padding:18px!important;text-align:left!important}.store-item img{width:100%;aspect-ratio:1.2/1;object-fit:cover;border-radius:10px;filter:saturate(.75) brightness(.82)}.store-item h4{font-family:var(--display);font-size:21px;color:var(--text)!important;margin:13px 0 4px!important}
.vote-buttons{display:flex;gap:10px;flex-wrap:wrap}.vote-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:8px;background:var(--gold);color:#0b0b0a;font-size:12px;font-weight:800}.tier{color:var(--gold-hi)}

/* Donation checkout ------------------------------------------------------ */
.donate-section,.donation-admin{padding:64px 0 92px}.donate-heading{max-width:820px;margin-bottom:28px}.donate-heading h1{margin:13px 0 12px;font-family:var(--display);font-size:46px;font-weight:600;color:var(--text)}.donate-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.notice{margin:0 0 18px;padding:13px 15px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#0c0d0d;font-size:12px}.notice.success{color:var(--green);border-color:rgba(125,180,138,.3)}.notice.error{color:var(--red);border-color:rgba(201,120,103,.3)}
.donation-packages{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:22px}.donation-package{padding:22px!important}.donation-package .package-name{display:block;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.donation-package>strong{display:block;margin:13px 0 3px;font-family:var(--display);font-size:35px;color:var(--text)}.donation-package h2{margin:0 0 9px;font-size:15px;color:#ddd8ce}.donation-package p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.payment-method{padding:22px!important}.payment-method-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:15px}.payment-method-head span{font-family:var(--display);font-size:25px;color:var(--text)}.payment-method-head small{color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.payment-method img{display:block;width:min(100%,300px);aspect-ratio:1;object-fit:contain;margin:0 auto 16px;border-radius:12px;background:#fff}.payment-method p{min-height:56px;color:var(--muted);font-size:11px;line-height:1.6}.payment-method code{display:block;padding:10px;border-radius:7px;background:#080909;color:#c9c3b7;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.copy-wallet{margin-top:9px;border:0;background:transparent;color:var(--gold-hi);font-size:11px;font-weight:700;cursor:pointer}
.donation-submit{max-width:820px;margin:0 auto 22px}.donation-submit h2,.donation-history h2,.donation-policy h2{margin:0 0 15px;font-family:var(--display);font-size:27px;color:var(--text)}.donation-form{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.donation-form .field-row:nth-of-type(n+3),.donation-form .donation-ack,.donation-form .btn{grid-column:1/-1}.donation-form textarea{resize:vertical}.file-field{padding:8px!important}.donation-ack{display:flex;gap:9px;align-items:flex-start;margin:2px 0 18px;color:var(--muted);font-size:11px;line-height:1.5}.donation-ack input{margin-top:2px}.donation-history{margin-bottom:22px}.table-scroll{overflow-x:auto}.request-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-pending{color:var(--gold-hi);background:rgba(196,166,109,.08)}.status-approved{color:var(--green);background:rgba(125,180,138,.08)}.status-rejected{color:var(--red);background:rgba(201,120,103,.08)}.donation-policy{max-width:820px;margin:0 auto;padding:8px 4px;color:var(--muted);font-size:11px;line-height:1.7}
.donation-admin .rank-tabs{margin-bottom:14px}.donation-review-table{min-width:1120px!important}.donation-review-table td{vertical-align:top}.donation-review-table a{color:var(--gold-hi)}.reference-text{display:block;max-width:220px;overflow-wrap:anywhere}.review-note{max-width:240px;margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.review-form{min-width:220px}.review-actions{display:flex;gap:7px;margin-top:8px}.review-actions .btn{min-height:36px;padding:0 12px!important;font-size:11px!important}

/* Old home classes still used elsewhere; neutralize ornate image UI ------- */
.stat-row,.split{display:grid;gap:16px}.stat-row{grid-template-columns:repeat(3,1fr);margin:24px 0}.stat-card{padding:18px}.stat-emblem{width:38px;height:38px;filter:grayscale(.25) brightness(.9)}.split{grid-template-columns:1.45fr 1fr;margin:28px 0 64px}.official-banner,.login-card,.serverinfo{padding:24px}.launch-card{min-height:260px;padding:24px;border-radius:var(--radius);background:rgba(14,15,15,.82);border:1px solid rgba(255,255,255,.06)}.split-actions,.login-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.brand-logo{height:40px!important;width:auto!important}.hero-art{border-radius:16px;overflow:hidden;filter:saturate(.55) brightness(.62)}

/* Footer ----------------------------------------------------------------- */
.site-footer{border-top:1px solid rgba(255,255,255,.055)!important;background:rgba(7,8,8,.84)!important;padding:26px 0!important;color:#77746e!important;font-size:11px!important;text-align:left!important}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.footer-inner>div:first-child{display:flex;flex-direction:column}.footer-inner strong{font-family:var(--display);font-size:17px;font-weight:600;color:#bdb7aa}.footer-inner span{font-size:8px;letter-spacing:.12em;text-transform:uppercase}.footer-links{display:flex;gap:18px}.footer-links a{color:#8d8981}.footer-links a:hover{color:var(--gold-hi)}.footer-copy{text-align:right}
.social-rail{display:none!important}
.notfound{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.notfound img{max-width:260px;filter:grayscale(.35) brightness(.7)}.notfound h2{font-family:var(--display);font-size:32px;color:var(--text)}

/* Responsive -------------------------------------------------------------- */
@media(max-width:1060px){
    .brand-link{min-width:190px}.brand-type small{display:none}.nav-links a{padding-inline:8px}
    .hero-grid{gap:32px}.home-grid{grid-template-columns:1fr}.home-side-column{grid-template-columns:1fr 1fr}.status-cards,.metric-grid{grid-template-columns:repeat(2,1fr)}.donation-packages{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
    .container-x{width:min(100% - 30px,1240px)}
    .nav-toggle{display:block}.nav-right{min-width:auto;margin-left:auto}
    .nav-links{position:absolute;top:72px;left:0;right:0;display:grid;gap:2px;padding:0 15px;max-height:0;overflow:hidden;opacity:0;transform:none;background:rgba(8,9,9,.98);border-bottom:1px solid rgba(255,255,255,.06);transition:max-height .24s ease,opacity .18s ease,padding .24s ease}.nav-links.open{max-height:70vh;opacity:1;padding:10px 15px 16px}.nav-links a{padding:11px 12px}
    .hero-grid{grid-template-columns:1fr}.hero-grid-redesign{min-height:auto}.brand-stage{min-height:390px}.hero-title{font-size:64px}.realm-strip{grid-template-columns:repeat(2,1fr)}.realm-stat:nth-child(2){border-right:0}.realm-stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)}
    .feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.announcement-grid{grid-template-columns:1fr}.download-card{align-items:flex-start;flex-direction:column}.home-side-column{grid-template-columns:1fr}.profile-grid,.split{grid-template-columns:1fr}.store-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr;text-align:left}.footer-copy{text-align:left}.payment-methods{grid-template-columns:1fr}.payment-method p{min-height:auto}
}
@media(max-width:520px){
    .brand-type strong{font-size:19px}.brand-mark{width:38px;height:38px}.topbar-inner{height:64px}.nav-links{top:64px}
    .hero-redesign{padding-top:46px}.hero-title{font-size:50px}.hero-tagline{font-size:14px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-meta{gap:9px 14px}.hero-meta span+span::before{display:none}.brand-stage{min-height:320px}.hero-logo{width:86%!important}
    .realm-strip{grid-template-columns:1fr}.realm-stat{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.realm-stat:last-child{border-bottom:0!important}.announcement-card,.account-card,.server-card,.download-card{padding:21px!important}.announcement-head{flex-direction:column}.announcement-head h2,.download-card h2{font-size:29px}.download-actions{display:grid;width:100%}.store-grid{grid-template-columns:1fr}.status-cards,.metric-grid{grid-template-columns:1fr}.login-actions{grid-template-columns:1fr}.donation-packages{grid-template-columns:1fr}.donation-form{grid-template-columns:1fr}.donation-form .field-row{grid-column:1}.donate-heading h1{font-size:38px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}