/* Shared look of the inner public pages (registration, client download). The home page keeps its own inline copy of these tokens. */
:root{
  color-scheme: dark;
  --night:#0c1011;
  --moon:#d3d8db;
  --moon-dim:#b3bbbf;
  --gold:#e0b35a;
  --gold-hi:#f4d796;
  --bronze:#9a6b35;
  --rune:#3ddba0;
  --red:#ff7a66;
  --f-carve:"Forum","Times New Roman",serif;
  --f-text:"Golos Text","Segoe UI",system-ui,sans-serif;
  --wrap:1200px;
  --gut:clamp(16px,4vw,44px);
  --ease:cubic-bezier(.16,1,.3,1);
  --cTL:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cg fill='none' stroke='%23e0b35a'%3E%3Cpath d='M1 33V10Q1 1 10 1h23' stroke-width='1.4'/%3E%3Cpath d='M5 33V13q0-8 8-8h20' stroke-width='.7' opacity='.55'/%3E%3C/g%3E%3Cpath d='M9 5l4 4-4 4-4-4z' fill='%23e0b35a'/%3E%3C/svg%3E");
  --cTR:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cg transform='rotate(90 17 17)'%3E%3Cg fill='none' stroke='%23e0b35a'%3E%3Cpath d='M1 33V10Q1 1 10 1h23' stroke-width='1.4'/%3E%3Cpath d='M5 33V13q0-8 8-8h20' stroke-width='.7' opacity='.55'/%3E%3C/g%3E%3Cpath d='M9 5l4 4-4 4-4-4z' fill='%23e0b35a'/%3E%3C/g%3E%3C/svg%3E");
  --cBR:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cg transform='rotate(180 17 17)'%3E%3Cg fill='none' stroke='%23e0b35a'%3E%3Cpath d='M1 33V10Q1 1 10 1h23' stroke-width='1.4'/%3E%3Cpath d='M5 33V13q0-8 8-8h20' stroke-width='.7' opacity='.55'/%3E%3C/g%3E%3Cpath d='M9 5l4 4-4 4-4-4z' fill='%23e0b35a'/%3E%3C/g%3E%3C/svg%3E");
  --cBL:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cg transform='rotate(270 17 17)'%3E%3Cg fill='none' stroke='%23e0b35a'%3E%3Cpath d='M1 33V10Q1 1 10 1h23' stroke-width='1.4'/%3E%3Cpath d='M5 33V13q0-8 8-8h20' stroke-width='.7' opacity='.55'/%3E%3C/g%3E%3Cpath d='M9 5l4 4-4 4-4-4z' fill='%23e0b35a'/%3E%3C/g%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{background:var(--night);scrollbar-color:#4a4133 var(--night)}
body{margin:0;background:var(--night);color:var(--moon);font:400 17px/1.62 var(--f-text);-webkit-font-smoothing:antialiased;overflow-x:hidden;caret-color:var(--gold)}
::selection{background:var(--gold);color:#16110a}
a{color:inherit;text-underline-offset:.2em;text-decoration-color:#e0b35a88}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--f-carve);font-weight:400;margin:0;line-height:1.05;text-wrap:balance}
p{margin:0}
code{font:500 .92em/1 ui-monospace,Consolas,monospace;color:var(--gold-hi);background:#0008;padding:2px 6px;border-radius:2px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.num{font-variant-numeric:tabular-nums lining-nums}
:focus-visible{outline:2px solid var(--rune);outline-offset:4px;border-radius:2px}
.leaf{color:var(--gold);text-shadow:0 -1px 0 #3a2508,0 1px 0 #fff3cf55,0 0 1px #000}

/* the same forest as the home page, held still and dimmed so forms stay readable */
.forest{position:fixed;inset:0;z-index:0;pointer-events:none;background:url(/static/img/forest.webp) 50% 30%/cover no-repeat}
.shade{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 10%,#0c101166 30%,#0c1011e6 100%)}
main,footer,.hdr{position:relative;z-index:2}

.lit{--mx:-500px;--my:-500px;position:relative}
.lit::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--mx) var(--my),#f4d79626,transparent 62%);opacity:0;transition:opacity .4s;mix-blend-mode:screen}
.lit:hover::after{opacity:1}

.frame{position:relative;background:linear-gradient(180deg,#0f1615f2,#0a0f0ef2);box-shadow:inset 0 0 0 1px #e0b35a38,0 40px 70px -36px #000}
.frame::before{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid #e0b35a26;background:var(--cTL) -1px -1px no-repeat,var(--cTR) calc(100% + 1px) -1px no-repeat,var(--cBR) calc(100% + 1px) calc(100% + 1px) no-repeat,var(--cBL) -1px calc(100% + 1px) no-repeat}

.plate{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:2px;font:600 16px/1.15 var(--f-text);text-decoration:none;cursor:pointer;border:0;transition:filter .25s,transform .25s var(--ease);white-space:nowrap;position:relative;text-align:center}
.plate svg{width:18px;height:18px;flex:none}
.plate:active{transform:translateY(1px)}
.plate-gold{color:#20160a;background:linear-gradient(180deg,#f7e2a6,#e0b35a 45%,#b98838 55%,#d3a651);box-shadow:inset 0 1px 0 #fff6d8,inset 0 -2px 0 #7a5424,0 10px 24px -12px #000}
.plate-gold:hover{filter:brightness(1.07)}
.plate-bronze{color:var(--gold-hi);background:linear-gradient(180deg,#3a2c1b,#221810);box-shadow:inset 0 0 0 1px #9a6b35,inset 0 1px 0 #d8a96455,0 10px 24px -12px #000}
.plate-bronze:hover{box-shadow:inset 0 0 0 1px #e0b35a,inset 0 1px 0 #d8a96477,0 10px 24px -12px #000}
.plate[disabled]{filter:grayscale(.6) brightness(.7);cursor:not-allowed}

.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:#0c1011f5;box-shadow:0 1px 0 #2a2f30}
.hdr-in{display:flex;align-items:center;gap:28px;height:78px}
.brand img{height:48px;width:auto}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{white-space:nowrap;font:500 15px/1 var(--f-text);color:#c9cfd2;text-decoration:none;padding:12px 0;transition:color .2s}
.nav a:hover,.nav a[aria-current]{color:var(--gold-hi)}
.hdr-cta{display:flex;gap:10px}
.hdr .plate{min-height:42px;padding:0 18px;font-size:14px}

footer{padding-block:64px 56px;background:linear-gradient(180deg,#0b0e0f00,#0b0e0ff2 55%);font-size:14px;color:#aeb6ba}
.foot{display:flex;flex-wrap:wrap;gap:18px 40px;align-items:center;justify-content:space-between}
.foot img{height:42px;width:auto}
.foot nav{display:flex;flex-wrap:wrap;gap:24px}
.foot nav a{text-decoration:none}
.foot nav a:hover{color:var(--gold-hi)}
.foot .foot-ad{display:block;line-height:0}
.foot .foot-ad img{width:auto;height:auto;max-width:190px}
.foot-legal{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#97978d}
.foot-legal nav{display:flex;flex-wrap:wrap;gap:18px}.foot-legal a{text-decoration:none}.foot-legal a:hover{color:var(--gold-hi)}

.page{padding-block:clamp(40px,6vw,84px) clamp(40px,6vw,72px)}
.page-h{display:grid;gap:14px;max-width:720px}
.page-h h1{font-size:clamp(42px,5.4vw,70px);text-transform:uppercase;letter-spacing:.04em;color:#eceff1;text-shadow:0 2px 14px #000c}
.page-h p{font-size:18px;color:#d0d6d9;max-width:52ch;text-shadow:0 1px 10px #000}

@media (max-width:900px){
  .nav{display:none}
  .hdr-cta{margin-left:auto}
}
@media (max-width:560px){
  .brand img{height:40px}
  .hdr-cta .plate-bronze{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}