@font-face{font-family:'AstralRegular';src:url('/assets/fonts/MYRIADPRO-REGULAR.OTF') format('opentype');font-display:swap}
@font-face{font-family:'AstralSemi';src:url('/assets/fonts/MYRIADPRO-SEMIBOLD.OTF') format('opentype');font-display:swap}
:root{--bg:#4a3e34;--bg-soft:#775c4d;--surface:rgba(10,8,10,.88);--surface-2:rgba(20,18,24,.92);--surface-3:rgba(18,24,38,.86);--text:#fbf1e7;--muted:#d0bda7;--gold:#f0ec69;--gold-soft:#f7d9be;--primary:#5077ea;--primary-2:#69f3eb;--success:#4cfe9f;--danger:#fe4f52;--purple:#7b68fe;--border:rgba(240,236,105,.25);--shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}
body{margin:0;font-family:'AstralRegular',Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#1b1817);color:var(--text)}
a{color:var(--gold);text-decoration:none}
.container{width:min(1180px,92vw);margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(10,10,14,.72);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.brand{font-family:'AstralSemi';font-size:1.25rem;color:var(--text)}
.brand-with-logo{display:flex;gap:.85rem;align-items:center}
.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(180deg,var(--gold-soft),#a3844e);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset}
.top-nav{display:flex;gap:1rem;align-items:center}
.top-nav a{color:var(--muted)}
.page-shell{min-height:calc(100vh - 120px)}
.site-footer{padding:1rem 0;border-top:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:.9rem;background:rgba(0,0,0,.25)}
.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.flash{margin:1rem auto 0;padding:.85rem 1rem;border-radius:16px}
.flash-success{background:rgba(76,254,159,.14);border:1px solid rgba(76,254,159,.35)}
.flash-error{background:rgba(254,79,82,.12);border:1px solid rgba(254,79,82,.35)}
.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:.9rem 1rem;border:0;border-radius:16px;font-family:'AstralSemi';cursor:pointer;box-shadow:var(--shadow)}
.btn-primary{background:linear-gradient(180deg,var(--gold),#c4b846);color:#231c10}
.btn-secondary{background:linear-gradient(180deg,var(--primary),#2a47a3);color:white}
.btn-danger{background:linear-gradient(180deg,var(--danger),#9f2534);color:#fff}
.btn-inline{width:auto;min-width:140px}
.form-error,.field-error{color:#ffd0d0;background:rgba(254,79,82,.12);border:1px solid rgba(254,79,82,.3);padding:.7rem .9rem;border-radius:12px}
.form-success{color:#dffff0;background:rgba(76,254,159,.14);border:1px solid rgba(76,254,159,.35);padding:.7rem .9rem;border-radius:12px}
.field-hint,.muted{font-size:.9rem;color:var(--muted)}
.inline-form,.stack-form{display:flex;flex-direction:column;gap:.75rem}
.inline-row{display:flex;gap:.75rem;align-items:center}
.inline-row input{flex:1}
.list-stack{display:flex;flex-direction:column;gap:.85rem}
.list-item{padding:1rem;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.status-pill{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:999px;background:rgba(255,255,255,.12);font-size:.8rem}
.pill-success{background:rgba(76,254,159,.18);color:#dcfff1}
.pill-warn{background:rgba(240,236,105,.16);color:#fffbd1}
.pill-purple{background:rgba(123,104,254,.18);color:#ece7ff}
.copy-btn{border:0;background:rgba(255,255,255,.12);color:var(--text);padding:.3rem .55rem;border-radius:10px;cursor:pointer}
.code-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.code-value{font-family:'AstralSemi'}
@media (max-width:860px){.top-nav{gap:.75rem;font-size:.92rem}.footer-inner{flex-direction:column}}



body.auth-page {
  min-height: 100vh;
}

.brand-logo {
  height: 32px;
  width: auto;
  display: block;
}

.auth-page .page-shell {
  min-height: 100vh;
}