:root{--bg:#F7F7F5;--surface:#FFF;--border:#E4E4DF;--border-md:#C8C8C0;--ink-1:#111110;--ink-2:#3A3A36;--ink-3:#77776E;--ink-4:#A8A89E;--accent:#1C6B3A;--accent-bg:rgba(28,107,58,.09);--amber:#92400E;--amber-bg:rgba(146,64,14,.08);--red:#991B1B;--red-bg:#FEE2E2;--ff:"Plus Jakarta Sans",sans-serif;--ff-m:"Fira Code",monospace;--r:8px;--r-lg:14px;--transition:.18s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--ff);background:var(--bg);color:var(--ink-1);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-left{background:var(--ink-1);padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:0;height:100vh;overflow:hidden}.auth-left:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 20% 80%,rgba(28,107,58,.18) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 80% 20%,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none}.auth-left:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.left-top{position:relative;z-index:1}.left-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;padding:1rem 0 2rem}.left-foot{position:relative;z-index:1}.brand{display:flex;align-items:center;gap:.625rem}.brand-mark{width:30px;height:30px;background:#fff;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.brand-mark svg{width:15px;height:15px}.brand-name{font-size:.875rem;font-weight:700;color:#fff}.left-headline{font-size:2rem;font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1.15;margin-bottom:1.25rem}.left-headline em{font-style:normal;color:#ffffff59}.left-sub{font-size:.825rem;color:#ffffff73;line-height:1.7;max-width:320px;margin-bottom:2rem}.feat-list{display:flex;flex-direction:column;gap:.625rem}.feat-item{display:flex;align-items:center;gap:.75rem;font-size:.775rem;color:#ffffff80}.feat-ico{width:26px;height:26px;border-radius:6px;background:#ffffff12;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;flex-shrink:0}.feat-ico svg{width:12px;height:12px;color:#ffffff80}.social-proof{display:flex;align-items:center;gap:.875rem}.proof-avatars{display:flex}.proof-av{width:28px;height:28px;border-radius:50%;border:2px solid var(--ink-1);margin-left:-8px;display:grid;place-items:center;font-size:.6rem;font-weight:700;flex-shrink:0}.proof-avatars .proof-av:first-child{margin-left:0}.av-a{background:#1c6b3a;color:#fff}.av-b{background:#1d4ed8;color:#fff}.av-c{background:#92400e;color:#fff}.av-d{background:#4b5563;color:#fff}.proof-text{font-size:.72rem;color:#ffffff59;line-height:1.5}.proof-text strong{color:#fff9;font-weight:600}.auth-right{background:var(--surface);display:flex;align-items:center;justify-content:center;padding:3rem 2.5rem;min-height:100vh}.auth-form-wrap{width:100%;max-width:400px}.auth-panel{display:none;animation:slideIn var(--transition)}.auth-panel.active{display:block}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-head{margin-bottom:1.75rem}.panel-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-family:var(--ff-m);color:var(--ink-4);margin-bottom:.5rem}.panel-title{font-size:1.35rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:.375rem}.panel-sub{font-size:.8rem;color:var(--ink-3);line-height:1.6}.panel-sub strong{color:var(--ink-1);font-weight:600}.field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.875rem}.field:last-of-type{margin-bottom:0}.field label{font-size:.7rem;font-weight:600;color:var(--ink-2);display:flex;justify-content:space-between;align-items:center}.label-link{font-size:.68rem;color:var(--ink-4);cursor:pointer;font-weight:500;transition:color var(--transition);background:none;border:none;font-family:var(--ff)}.label-link:hover{color:var(--ink-1)}.f-input{width:100%;padding:.65rem .875rem;background:var(--bg);border:1.5px solid var(--border-md);border-radius:var(--r);font-family:var(--ff);font-size:.875rem;color:var(--ink-1);transition:all var(--transition);outline:none}.f-input:focus{border-color:var(--ink-1);background:#fff;box-shadow:0 0 0 3px #1111100f}.f-input.error{border-color:var(--red);background:var(--red-bg)}.f-input.success{border-color:var(--accent);background:var(--accent-bg)}.f-input-wrap{position:relative}.f-input-wrap .f-input{padding-right:2.75rem}.eye-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--ink-4);transition:color var(--transition);padding:.25rem;display:grid;place-items:center}.eye-btn:hover{color:var(--ink-1)}.eye-btn svg{width:15px;height:15px}.field-msg{font-size:.68rem;margin-top:.15rem;display:flex;align-items:center;gap:.35rem}.field-msg.err{color:var(--red)}.field-msg.ok{color:var(--accent)}.field-msg.hint{color:var(--ink-4)}.field-msg svg{width:11px;height:11px;flex-shrink:0}.pw-strength{margin-top:.5rem}.pw-bars{display:flex;gap:3px;margin-bottom:.3rem}.pw-bar{flex:1;height:3px;border-radius:2px;background:var(--border);transition:background .25s}.pw-bar.weak{background:var(--red)}.pw-bar.fair{background:var(--amber)}.pw-bar.good{background:#2563eb}.pw-bar.strong{background:var(--accent)}.pw-label{font-size:.65rem;font-family:var(--ff-m);color:var(--ink-4)}.divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.divider-text{font-size:.7rem;color:var(--ink-4);white-space:nowrap}.btn-block{width:100%;padding:.7rem 1.25rem;background:var(--ink-1);color:#fff;border:none;border-radius:var(--r);font-family:var(--ff);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:-.01em;margin-top:1.25rem}.btn-block:hover{background:var(--ink-2)}.btn-block:active{transform:scale(.99)}.btn-block.loading{opacity:.7;pointer-events:none}.btn-block.accent{background:var(--accent)}.btn-block.accent:hover{background:#165730}.btn-social{width:100%;padding:.625rem 1rem;background:var(--bg);border:1.5px solid var(--border-md);border-radius:var(--r);font-family:var(--ff);font-size:.825rem;font-weight:600;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:.625rem;color:var(--ink-1)}.btn-social:hover{border-color:var(--ink-4);background:#fff}.btn-ghost-sm{background:none;border:none;color:var(--ink-3);font-family:var(--ff);font-size:.78rem;font-weight:500;cursor:pointer;transition:color var(--transition);display:inline-flex;align-items:center;gap:.3rem;padding:0}.btn-ghost-sm:hover{color:var(--ink-1)}.btn-ghost-sm svg{width:12px;height:12px}.switch-row{text-align:center;margin-top:1.5rem;font-size:.78rem;color:var(--ink-4)}.switch-row a{color:var(--ink-1);font-weight:700;cursor:pointer;text-decoration:none;border-bottom:1.5px solid transparent;transition:border-color var(--transition)}.switch-row a:hover{border-bottom-color:var(--ink-1)}.otp-wrap{display:flex;gap:.5rem;margin:1.5rem 0;justify-content:center}.otp-input{width:52px;height:58px;text-align:center;font-size:1.5rem;font-weight:800;font-family:var(--ff-m);letter-spacing:-.02em;background:var(--bg);border:1.5px solid var(--border-md);border-radius:var(--r);color:var(--ink-1);transition:all var(--transition);outline:none}.otp-input:focus{border-color:var(--ink-1);background:#fff;box-shadow:0 0 0 3px #1111100f}.otp-input.filled{border-color:var(--ink-1);background:var(--ink-1);color:#fff}.otp-input.error{border-color:var(--red);background:var(--red-bg);animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.otp-resend{text-align:center;font-size:.75rem;color:var(--ink-4);margin-top:.25rem}.resend-link{background:none;border:none;color:var(--ink-3);font-family:var(--ff);font-size:.75rem;font-weight:600;cursor:pointer;transition:color var(--transition)}.resend-link:hover{color:var(--ink-1)}.resend-link:disabled{opacity:.4;pointer-events:none}.resend-countdown{font-family:var(--ff-m)}.reg-steps{display:flex;gap:.375rem;margin-bottom:1.75rem}.reg-step{flex:1;height:3px;border-radius:2px;background:var(--border);transition:background .25s}.reg-step.done,.reg-step.active{background:var(--ink-1)}.check-row{display:flex;align-items:flex-start;gap:.625rem;margin-bottom:.875rem}.check-input{width:16px;height:16px;border:1.5px solid var(--border-md);border-radius:4px;background:var(--bg);cursor:pointer;flex-shrink:0;margin-top:.1rem;appearance:none;transition:all var(--transition);position:relative}.check-input:checked{background:var(--ink-1);border-color:var(--ink-1)}.check-input:checked:after{content:"";position:absolute;left:3px;top:1px;width:8px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg)}.check-label{font-size:.75rem;color:var(--ink-3);line-height:1.55}.check-label a{color:var(--ink-1);font-weight:600;text-decoration:none;border-bottom:1px solid var(--border-md);transition:border-color var(--transition)}.check-label a:hover{border-color:var(--ink-1)}.success-wrap{text-align:center;padding:1rem 0}.success-icon{width:56px;height:56px;background:var(--accent-bg);border-radius:50%;display:grid;place-items:center;margin:0 auto 1.25rem;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.success-icon svg{width:24px;height:24px;color:var(--accent)}.success-title{font-size:1.25rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem}.success-sub{font-size:.8rem;color:var(--ink-3);line-height:1.7;max-width:300px;margin:0 auto 1.5rem}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;border-radius:var(--r);font-size:.75rem;line-height:1.6;margin-bottom:1rem;border:1px solid}.alert.err{background:var(--red-bg);border-color:#991b1b33;color:var(--red)}.alert.ok{background:var(--accent-bg);border-color:#1c6b3a33;color:var(--accent)}.alert.info{background:#1d4ed80d;border-color:#1d4ed826;color:#1d4ed8}.alert svg{width:14px;height:14px;flex-shrink:0;margin-top:.05rem}.alert-text strong{font-weight:700}.dev-otp-badge{position:fixed;bottom:1rem;right:1rem;background:#1c6b3a;color:#fff;padding:.5rem .875rem;border-radius:var(--r);font-family:var(--ff-m);font-size:.85rem;font-weight:700;z-index:100;letter-spacing:.05em;box-shadow:0 4px 12px #1c6b3a66}.terms-note{text-align:center;font-size:.68rem;color:var(--ink-4);margin-top:1rem;line-height:1.6}.terms-note a{color:var(--ink-3);text-decoration:none;border-bottom:1px solid var(--border)}.terms-note a:hover{color:var(--ink-1)}