@font-face{font-family:'Anim8e Barlow';src:url('genai-fonts/barlow-condensed-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Anim8e Barlow';src:url('genai-fonts/barlow-condensed-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Anim8e Barlow';src:url('genai-fonts/barlow-condensed-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Anim8e Barlow';src:url('genai-fonts/barlow-condensed-900.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}

:root { --black:#131313; --panel:#181617; --white:#f7f5f3; --coral:#e85258; --pink:#e85258; --copy:#d2cecf; --muted:#a8a1a5; --line:#e8525838; --gradient:linear-gradient(140deg,#e85258 0%,#e85258 34%,#e85258 72%,#e85258 100%); --ink:#f7f5f3; --paper:#131313; --accent:#e85258; --accent-dark:#e85258; font-family:'Anim8e Barlow',sans-serif; }
html { background:var(--black); }
body { font-family:'Anim8e Barlow',sans-serif; font-weight:600; color:var(--white); -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font-family:inherit; }
::selection { background:#e8525855; color:#ffc5ca; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--pink); outline-offset:5px; }
.skip-link { background:var(--coral); color:var(--black); }

/* Same condensed type and matte coral finish as The Gen AI. */
body.genai-login { color:var(--white); font-family:'Anim8e Barlow',sans-serif; }
.genai-login header { background:rgba(19,19,19,.72); border-color:var(--line); padding:26px 5vw; }
.genai-login .brand small { color:var(--copy); font-family:'Anim8e Barlow',sans-serif; font-size:12px; font-weight:600; letter-spacing:.14em; }
.genai-login main { padding-top:64px; }
.genai-login .login { width:100%; max-width:430px; padding:38px 34px 28px; border:1px solid #e8525850; border-radius:22px; background:rgba(24,22,23,.68); box-shadow:none; }
.genai-login .eyebrow { font:600 12px 'Anim8e Barlow',sans-serif; letter-spacing:.16em; text-transform:uppercase; color:var(--coral); }
.genai-login .login h1 { font:900 52px/.95 'Anim8e Barlow',sans-serif!important; letter-spacing:-.025em; text-transform:uppercase; margin:18px 0 12px; color:var(--white); }
.genai-login .login p { color:var(--copy); font-size:18px; line-height:1.6; }
.genai-login .login label { font:600 13px 'Anim8e Barlow',sans-serif; letter-spacing:.08em; text-transform:uppercase; color:var(--copy); margin:22px 0 9px; }
.genai-login .login input { font:600 18px 'Anim8e Barlow',sans-serif; color:var(--white); background:#131313cf; border:1px solid #a17d865c; border-radius:9px; padding:13px 15px; min-height:50px; }
.genai-login .login input:focus { border-color:var(--coral); outline:2px solid #e8525840; outline-offset:2px; }
.genai-login input:-webkit-autofill { -webkit-text-fill-color:#f7f5f3; -webkit-box-shadow:0 0 0 1000px #241e21 inset; caret-color:#f7f5f3; }
.genai-login .primary { font:700 15px 'Anim8e Barlow',sans-serif; letter-spacing:.08em; text-transform:uppercase; min-height:53px; padding:15px 22px; border-radius:999px; color:#21171a; background:var(--gradient); margin-top:28px; box-shadow:none; }
.genai-login .primary:hover { background:#e85258; }
.genai-login .primary:disabled { opacity:.65; cursor:wait; }
.genai-login #error { color:var(--pink); font-size:16px; line-height:1.4; margin-bottom:0; }
body.genai-login::before { background:rgba(19,19,19,.62); }
.genai-login .tile { background:rgba(24,22,23,.87); border-color:var(--line); box-shadow:none; }
.genai-login .tile strong { font:800 29px 'Anim8e Barlow',sans-serif; text-transform:uppercase; }
.genai-login .tile span { color:var(--copy); font-size:17px; }
.genai-login .tile svg,.genai-login .repository-arrow { stroke:var(--coral); color:var(--coral); }
.genai-login .quiet { border-color:var(--line); color:var(--white); border-radius:999px; font:600 15px 'Anim8e Barlow',sans-serif; text-transform:uppercase; padding:12px 18px; }
@media(max-width:640px) { .genai-login header { padding:20px 24px; } .genai-login main { padding:38px 20px 50px; } .genai-login .login { margin:12px auto; padding:32px 26px 24px; } .genai-login .login h1 { font-size:46px!important; } }

/* Give compact form labels more breathing room. */
.genai-login .brand small { letter-spacing:.18em; }
.genai-login .eyebrow { letter-spacing:.19em; }
.genai-login .login label { letter-spacing:.12em; }
.genai-login .primary { letter-spacing:.11em; }
.genai-login .quiet { letter-spacing:.07em; }