@font-face{font-family:Gelasio;src:url('assets/fonts/Gelasio-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Gelasio;src:url('assets/fonts/Gelasio-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Lato;src:url('assets/fonts/Lato-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('assets/fonts/Lato-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:JetMono;src:url('assets/fonts/JetBrainsMono-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--ink:#080f0b;--forest:#123b29;--emerald:#34d399;--ivory:#f4f3ee;--muted:#7e8a81;--error:#b65e4d;--ease:cubic-bezier(.32,.72,0,1)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:white}body{font-family:Lato,sans-serif}.auth-grain{position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.auth-shell{min-height:100dvh;display:grid;grid-template-columns:1.1fr .9fr}.auth-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:38px max(6vw,36px) 40px;overflow:hidden;background:radial-gradient(circle at 15% 10%,rgba(52,211,153,.17),transparent 43%),linear-gradient(145deg,#0c1d14,#07100b 68%)}.auth-brand-panel::after{content:"";position:absolute;right:-24%;bottom:-30%;width:72%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(52,211,153,.16);box-shadow:0 0 0 36px rgba(52,211,153,.035),0 0 0 72px rgba(52,211,153,.02)}.auth-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1;color:white}.auth-mark{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:var(--emerald);color:var(--ink);font:600 17px Gelasio}.auth-brand strong,.auth-brand small{display:block;line-height:1.1}.auth-brand strong{font:600 17px Gelasio}.auth-brand small{margin-top:5px;color:#a7b4aa;font:500 8px JetMono;letter-spacing:.12em;text-transform:uppercase}.auth-panel-copy{position:relative;z-index:1;max-width:600px;padding-bottom:7vh}.auth-eyebrow{margin:0 0 28px;color:var(--emerald);font:500 10px JetMono;letter-spacing:.14em}.auth-panel-copy h1{font:400 clamp(60px,7vw,105px)/.95 Gelasio;letter-spacing:-.05em;margin:0 0 30px}.auth-panel-copy h1 em{color:var(--emerald);font-style:italic}.auth-panel-copy>p:last-child{max-width:42ch;color:#aab9ae;font-size:18px;line-height:1.65}.auth-panel-meta{position:relative;z-index:1;display:flex;gap:30px;border-top:1px solid rgba(255,255,255,.13);padding-top:18px;color:#7b8b80;font:500 9px JetMono;letter-spacing:.1em;text-transform:uppercase}.auth-form-panel{display:grid;place-items:center;background:var(--ivory);color:var(--ink);padding:40px}.auth-form-wrap{width:min(390px,100%)}.auth-form-kicker{color:#17835a;font:500 9px JetMono;letter-spacing:.14em;text-transform:uppercase}.auth-form-wrap h2{font:400 clamp(40px,4vw,60px)/1 Gelasio;letter-spacing:-.045em;margin:22px 0 15px}.auth-form-intro{color:#6a756d;margin:0 0 32px}.auth-error{border-left:2px solid var(--error);background:#f2dfda;color:#793d31;padding:12px 14px;font-size:13px;margin-bottom:22px}.auth-form-wrap form{display:grid;gap:9px}.auth-form-wrap label{font:700 12px Lato;color:#354139;margin-top:8px}.auth-form-wrap input{width:100%;border:1px solid #c5ccc5;border-radius:12px;background:white;padding:15px 16px;color:var(--ink);font:16px Lato;outline:none;transition:border .65s var(--ease),box-shadow .65s var(--ease)}.auth-form-wrap input:focus{border-color:var(--emerald-dark,#167451);box-shadow:0 0 0 4px rgba(52,211,153,.17)}.auth-form-wrap button{display:flex;align-items:center;justify-content:space-between;margin-top:20px;border:0;border-radius:999px;padding:7px 8px 7px 23px;background:var(--ink);color:white;font:700 13px Lato;cursor:pointer;transition:transform .65s var(--ease),background .65s var(--ease)}.auth-form-wrap button:hover{background:var(--forest);transform:translateY(-2px)}.auth-form-wrap button:active{transform:scale(.98)}.auth-form-wrap button i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--emerald);color:var(--ink);font-style:normal;font-size:18px;transition:transform .65s var(--ease)}.auth-form-wrap button:hover i{transform:translateX(3px)}.auth-note{margin:30px 0 0;color:#8a948d;font:500 9px/1.5 JetMono;letter-spacing:.02em}
@media(max-width:780px){.auth-shell{grid-template-columns:1fr}.auth-brand-panel{min-height:48dvh;padding:28px 22px 34px}.auth-panel-copy{padding:50px 0 0}.auth-panel-copy h1{font-size:56px}.auth-panel-copy>p:last-child{font-size:15px}.auth-panel-meta{gap:15px;font-size:8px}.auth-form-panel{padding:55px 22px 70px}.auth-form-wrap{max-width:430px}}
@media(prefers-reduced-motion:reduce){.auth-form-wrap input,.auth-form-wrap button,.auth-form-wrap button i{transition:none}}
