:root{
  --canvas:#F1EFEC; --surface:#FFFFFF; --ink:#121110; --ink-2:#36322E; --muted:#76726B;
  --line:#E4E1DB; --line-2:#D3CFC7; --brand:#EE5B1D; --brand-2:#D44E14;
  --sans:'Inter',system-ui,sans-serif; --disp:'Bricolage Grotesque',var(--sans); --mono:'IBM Plex Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);background:var(--ink);color:#F3F0EA;min-height:100vh;display:grid;place-items:center;-webkit-font-smoothing:antialiased;padding:24px}
.auth-bg{position:fixed;inset:0;background:
  radial-gradient(900px 500px at 15% -10%, rgba(238,91,29,.22), transparent 60%),
  radial-gradient(700px 500px at 100% 110%, rgba(238,91,29,.12), transparent 60%),
  #0E0D0C;z-index:0}
.auth-card{position:relative;z-index:1;width:100%;max-width:416px;background:#1A1816;border:1px solid #2A2724;border-radius:22px;padding:40px 36px;box-shadow:0 1px 0 0 rgba(255,255,255,.03) inset,0 40px 90px -36px rgba(0,0,0,.85)}
.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:26px}
.auth-mark{width:42px;height:42px;border-radius:11px;background:linear-gradient(150deg,var(--brand),var(--brand-2));display:grid;place-items:center;color:#fff}
.auth-brand .bn{font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:-.02em}
.auth-brand .bs{font-size:10.5px;color:#8C887F;letter-spacing:.1em;text-transform:uppercase;margin-top:2px}
.auth-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);font-weight:600}
.auth-card h1{font-family:var(--disp);font-size:25px;font-weight:700;letter-spacing:-.025em;margin:8px 0 6px;line-height:1.1}
.auth-card .sub{font-size:13.5px;color:#9A968D;line-height:1.55;margin-bottom:28px}
.auth-field{margin-bottom:16px}
.auth-field label{display:block;font-size:12px;font-weight:600;color:#CFCAC2;letter-spacing:.01em;margin-bottom:8px}
.auth-field input{width:100%;height:48px;border-radius:12px;border:1px solid #322E2A;background:#211F1C;color:#F3F0EA;padding:0 15px;font-size:14px;transition:border-color .16s cubic-bezier(.4,0,.2,1),box-shadow .16s cubic-bezier(.4,0,.2,1)}
.auth-field input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(238,91,29,.18)}
.auth-btn{width:100%;height:50px;border:none;border-radius:13px;background:linear-gradient(150deg,var(--brand),var(--brand-2));color:#fff;font-family:var(--sans);font-size:14.5px;font-weight:700;letter-spacing:.01em;cursor:pointer;margin-top:12px;box-shadow:0 8px 20px -8px rgba(238,91,29,.5);transition:filter .16s,transform .16s,box-shadow .16s}
.auth-btn:hover{filter:brightness(1.06);box-shadow:0 10px 26px -8px rgba(238,91,29,.6)}
.auth-btn:active{transform:translateY(1px)}
.auth-err{background:rgba(238,91,29,.12);border:1px solid rgba(238,91,29,.4);color:#F6A982;border-radius:10px;padding:10px 13px;font-size:12.5px;margin-bottom:16px}
.auth-foot{margin-top:26px;padding-top:20px;border-top:1px solid #252220;text-align:center;font-size:11.5px;line-height:1.5;color:#75716A}
.auth-foot a{color:#9A968D;text-decoration:none}