:root{--paper:#F7F5F0;--panel:#FFFFFF;--ink:#1F2A24;--slate:#5B665F;--mist:#E3E7E0;--sage:#4A7251;--sage-deep:#2E4A34;--sage-tint:#EAF1E9;--clay:#B4432E;--amber:#8A5B12;--amber-tint:#FFF7E6;}
*{box-sizing:border-box;}html,body{margin:0;height:100%;}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--sage-deep);display:grid;grid-template-columns:1fr 440px;min-height:100vh;-webkit-font-smoothing:antialiased;}.mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.brand-side{background:radial-gradient(700px 500px at 15% 10%,rgba(255,255,255,.06),transparent 60%),radial-gradient(600px 500px at 85% 90%,rgba(255,255,255,.05),transparent 60%),var(--sage-deep);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;}.brand-top{display:flex;align-items:center;gap:11px;}.brand-mark{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-weight:600;font-size:17px;}.brand-word{font-family:Georgia,serif;font-size:19px;font-weight:600;}.brand-mid{max-width:420px;}.brand-mid h1{font-family:Georgia,serif;font-weight:500;font-size:34px;line-height:1.25;margin:0 0 16px;letter-spacing:.002em;}.brand-mid p{font-size:14.5px;line-height:1.65;color:rgba(255,255,255,.72);margin:0;}.pipeline-strip{display:flex;align-items:center;gap:0;margin-top:34px;}.pl-step{display:flex;flex-direction:column;gap:6px;min-width:86px;}.pl-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.85);}.pl-lbl{font-size:10.5px;color:rgba(255,255,255,.6);line-height:1.3;}.pl-line{flex:1;height:1px;background:rgba(255,255,255,.2);margin:0 2px 20px;}.brand-bottom{font-size:11.5px;color:rgba(255,255,255,.45);display:flex;gap:18px;}.form-side{background:var(--paper);display:flex;align-items:center;justify-content:center;padding:40px;}.form-card{width:100%;max-width:340px;}.auth-step[hidden]{display:none;}.form-card h2{font-family:Georgia,serif;font-size:22px;font-weight:600;margin:0 0 6px;}.form-sub{font-size:13px;color:var(--slate);margin:0 0 30px;line-height:1.5;}.field{margin-bottom:16px;}.field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--slate);font-weight:600;margin-bottom:6px;}.field input{width:100%;padding:11px 13px;border-radius:8px;border:1px solid var(--mist);font:inherit;font-size:13.5px;background:var(--panel);color:var(--ink);}.field input:focus{outline:none;border-color:var(--sage);box-shadow:0 0 0 3px rgba(74,114,81,.1);}.btn-signin{width:100%;padding:12px;border-radius:8px;border:none;background:var(--sage-deep);color:#fff;font-weight:600;font-size:13.5px;cursor:pointer;}.btn-signin:hover{background:var(--sage);}.btn-signin:disabled,.btn-secondary:disabled{opacity:.65;cursor:not-allowed;}.btn-secondary{width:100%;padding:11px;border-radius:8px;border:1px solid var(--mist);background:var(--panel);color:var(--sage-deep);font-weight:600;font-size:13px;cursor:pointer;margin-top:10px;}.btn-secondary:hover{border-color:var(--sage);background:var(--sage-tint);}.back-link{appearance:none;border:none;background:transparent;color:var(--slate);font:inherit;font-size:12px;font-weight:600;margin:0 0 18px;padding:0;cursor:pointer;}.back-link:hover{color:var(--sage-deep);}.verify-email{padding:10px 12px;border:1px solid var(--mist);border-radius:8px;background:#fff;color:var(--slate);font-size:12.5px;margin-bottom:16px;word-break:break-word;}.otp-note{display:flex;gap:9px;padding:11px 13px;background:var(--sage-tint);border-radius:8px;font-size:12px;color:var(--sage-deep);line-height:1.5;white-space:pre-wrap;}.otp-note.error{background:#FBEAE6;color:var(--clay);}.otp-note.warn{background:var(--amber-tint);color:var(--amber);}.footnote{margin-top:26px;font-size:11.5px;color:var(--slate);text-align:center;line-height:1.6;}@media(max-width:820px){body{grid-template-columns:1fr;}.brand-side{display:none;}}