*{box-sizing:border-box}body{margin:0}@keyframes floatUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-page{min-height:100dvh;font-family:var(--font-sans);background:#0a1a29;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.auth-page>.tiktok-pattern{z-index:0}.auth-page>.auth-shell{z-index:1;position:relative}.auth-shell{background:#fff;border-radius:28px;grid-template-columns:1fr 1.15fr;width:100%;max-width:980px;min-height:600px;animation:.5s cubic-bezier(.16,1,.3,1) both floatUp;display:grid;overflow:hidden;box-shadow:0 40px 90px -20px #00000080}.auth-brand-panel{color:#e6f4ff;isolation:isolate;background:#0b3559;flex-direction:column;justify-content:space-between;padding:48px 44px;display:flex;position:relative;overflow:hidden}.tiktok-pattern{z-index:-1;pointer-events:none;position:absolute;inset:0}.auth-brand-panel:before{content:"";z-index:-1;background:linear-gradient(#060f1a00 0%,#060f1a8c 100%),repeating-linear-gradient(115deg,#ffffff09 0 1px,#0000 1px 64px);position:absolute;inset:0}.brand-mark-text{letter-spacing:1.6px;text-transform:uppercase;color:#e0f2ffcc;font-size:14px;font-weight:700}.brand-copy{margin-top:auto;padding-top:48px}.brand-copy h2{letter-spacing:-.6px;margin:0 0 12px;font-size:34px;font-weight:700;line-height:1.2}.brand-copy p{color:#e0f2ffbf;max-width:320px;margin:0;font-size:14px;line-height:1.6}.brand-stats{gap:28px;margin-top:auto;padding-top:32px;display:flex}.brand-stats div{flex-direction:column;display:flex}.brand-stats strong{font-family:var(--font-mono);font-size:21px;font-weight:700}.brand-stats span{color:#e0f2ff99;margin-top:2px;font-size:12px}.auth-form-panel{isolation:isolate;background:#fff;flex-direction:column;justify-content:center;padding:48px 44px;display:flex;position:relative}.auth-title{color:#0f172a;letter-spacing:-.4px;margin:0 0 6px;font-size:26px;font-weight:800}.auth-subtitle{color:#6b7280;margin:0 0 30px;font-size:14px}.auth-form{flex-direction:column;gap:18px;animation:.5s .1s both floatUp;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#374151;text-transform:uppercase;letter-spacing:.4px;font-size:12.5px;font-weight:700}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap svg{color:#9ca3af;pointer-events:none;width:18px;height:18px;transition:color .15s;position:absolute;left:14px}.input-wrap input{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:13px 14px 13px 42px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.input-wrap input::placeholder{color:#b0b6c0}.input-wrap input:focus{background:#fff;border-color:#2979ff;box-shadow:0 0 0 4px #2979ff29}.input-wrap input:focus+svg,.input-wrap:focus-within svg{color:#2979ff}.toggle-visibility{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.toggle-visibility:hover{color:#2979ff}.field.has-error .input-wrap input{background:#fef2f2;border-color:#f87171}.field-error{color:#dc2626;font-size:12px;font-weight:500}.form-error{color:#b91c1c;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:11px 14px;font-size:13px;animation:.3s both floatUp}.form-success{color:#166534;text-align:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:11px 14px;font-size:13px;animation:.3s both floatUp}.row-between{justify-content:space-between;align-items:center;font-size:13px;display:flex}.checkbox-label{color:#4b5563;cursor:pointer;align-items:center;gap:7px;display:flex}.checkbox-label input{accent-color:#2979ff;width:15px;height:15px}.link{color:#1854c7;font-weight:700;text-decoration:none}.link:hover{text-decoration:underline}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2979ff,#1854c7);border:none;border-radius:10px;margin-top:4px;padding:13px 14px;font-size:15px;font-weight:700;transition:transform .12s cubic-bezier(.16,1,.3,1),filter .12s;box-shadow:0 12px 24px -10px #1854c773}.submit-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.submit-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#a3aab5}.auth-divider{color:#9ca3af;align-items:center;gap:12px;margin:4px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.auth-footer{text-align:center;color:#6b7280;margin-top:26px;font-size:13.5px}.auth-shell{grid-template-columns:1fr;max-width:420px}.auth-brand-panel{padding:32px 28px}.brand-copy{margin-top:24px}.brand-copy h2{font-size:22px}.brand-stats{padding-top:20px}.auth-form-panel{padding:36px 28px}