@font-face{font-family:'JBM';font-style:normal;font-weight:400 800;font-display:swap;src:url(/home/jbm.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:900;font-stretch:125%;font-display:block;src:url(/home/archivo.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-style:italic;font-weight:900;font-stretch:125%;font-display:block;src:url(/home/archivo-italic.woff2) format('woff2')}
:root{
  --ink-950:#0A0A0B;--ink-900:#131316;--raised:#1A1A1E;--raised-hover:#1F1F24;
  --line:rgba(232,230,225,.08);--line-strong:rgba(232,230,225,.16);
  --bone-50:#E8E6E1;--bone-200:#C9C6BD;--bone-400:#8A8780;--bone-600:#5C5A55;
  --ember:#A20019;--ember-bright:#D01F33;
  --veil-hover:linear-gradient(0deg,rgba(255,255,255,.08),rgba(255,255,255,.08));
  --r-card:8px;--r-chip:6px;
  --sheen-card:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0) 46%);
  --shadow-card:inset 0 1px 0 rgba(255,255,255,.035),0 1px 2px rgba(0,0,0,.25),0 6px 16px rgba(0,0,0,.15),0 24px 70px rgba(0,0,0,.35);
  --mono:'JBM','JetBrains Mono','SF Mono',Menlo,Consolas,monospace;
  --display:'Archivo','Archivo Black','Helvetica Neue',sans-serif;
  --out:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--ink-950);color:var(--bone-50)}
body{font:400 12px/1.6 var(--mono);display:grid;place-items:center;padding:24px;-webkit-font-smoothing:antialiased;letter-spacing:.01em}
.card{width:min(100%,460px);border:1px solid var(--line);border-radius:var(--r-card);background:var(--ink-900);background-image:var(--sheen-card);box-shadow:var(--shadow-card);padding:clamp(28px,4vw,40px)}
.icon{display:block;width:90px;height:90px;margin:-9px 0 13px -9px}
.brand{transition:opacity .15s var(--out)}
.brand:hover{opacity:.7}
.brand:focus-visible{outline:1px solid var(--bone-600);outline-offset:4px}
h1{font-family:var(--display);font-weight:900;font-stretch:125%;font-synthesis:none;-webkit-font-smoothing:auto;font-size:clamp(24px,3.2vw,30px);line-height:1.08;letter-spacing:-.005em;color:var(--bone-50);text-transform:uppercase;margin-top:clamp(26px,4vh,36px);text-wrap:balance}
p{margin-top:14px;font-size:12px;line-height:1.7;color:var(--bone-400);max-width:48ch;text-wrap:pretty}
p b{color:var(--bone-50);font-weight:400}
form,.actions{margin-top:clamp(22px,3vh,28px);display:flex;flex-direction:column;gap:10px}
label{font:400 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--bone-400)}
input{width:100%;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-chip);background:var(--raised);color:var(--bone-50);font:400 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;outline:none;transition:border-color .15s var(--out)}
input::placeholder{color:var(--bone-600);letter-spacing:.14em}
input:focus{border-color:var(--bone-600)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--r-chip);background-color:var(--raised);background-image:none;color:var(--bone-200);
  padding:14px 22px;font:400 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;
  transition:color .15s var(--out),background-color .15s var(--out),transform .15s var(--out),opacity .15s var(--out)}
.btn:hover{background-color:var(--raised-hover);color:var(--bone-50)}
.btn:active{transform:scale(.96)}
.btn:focus-visible{outline:1px solid var(--bone-600);outline-offset:2px}
.btn.accent{background-color:var(--ember);color:var(--bone-50)}
.btn.accent:hover{background-color:var(--ember);background-image:var(--veil-hover)}
.btn[disabled]{opacity:.5;cursor:default;transform:none}
.msg{min-height:1.2em;font:400 11px/1.4 var(--mono);letter-spacing:.04em;color:var(--ember-bright)}
.msg.ok{color:#35c759}
.foot{margin-top:clamp(22px,3vh,30px);padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:center;gap:clamp(18px,4vw,32px);flex-wrap:wrap;text-align:center;font:400 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.14em}
.foot a{color:var(--bone-400);text-decoration:none;border:0;transition:color .15s var(--out)}
.foot a:hover{color:var(--bone-50)}
.rows{margin-top:clamp(22px,3vh,28px);border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:minmax(110px,.42fr) 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11.5px;line-height:1.55;color:var(--bone-400)}
.row span:first-child{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-50);padding-top:1px}
.row a{color:var(--bone-50);text-decoration:none;border-bottom:1px solid var(--line-strong);transition:border-color .15s var(--out)}
.row a:hover{border-color:var(--bone-50)}