.auth-split{display:grid;grid-template-columns:1fr;min-height:100dvh;font-family:Figtree,system-ui,-apple-system,sans-serif}@media(min-width:1024px){.auth-split{grid-template-columns:1fr 1fr}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:2rem 1.25rem;background:linear-gradient(180deg,#fff,#f8fafc);font-family:Figtree,system-ui,-apple-system,sans-serif}.auth-brand{display:none;position:relative;background:#0f172a;padding:3.5rem;overflow:hidden}@media(min-width:1024px){.auth-brand{display:flex;align-items:center;justify-content:center}}.auth-brand-inner{position:relative;z-index:2;max-width:28rem;animation:authBrandSlideIn .8s cubic-bezier(.16,1,.3,1) both}.auth-logo{width:11rem}.auth-headline{font-family:Space Grotesk,system-ui,sans-serif;font-weight:700;font-size:2.75rem;line-height:1.15;letter-spacing:-.03em;color:#fff;margin-top:2.5rem}.auth-headline-accent{display:block;margin-top:.25rem;background:linear-gradient(135deg,#fbbf24,#fb923c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-tagline{margin-top:1.25rem;font-size:1.125rem;color:#94a3b8;line-height:1.5}.auth-features{list-style:none;padding:0;margin:3rem 0 0;display:flex;flex-direction:column;gap:1.25rem}.auth-feature{display:flex;align-items:center;gap:1rem;color:#cbd5e1;font-size:1.0625rem;font-weight:500;animation:authFeatureFadeIn .6s cubic-bezier(.16,1,.3,1) both}.auth-feature svg{flex-shrink:0;width:1.5rem;height:1.5rem;color:#f59e0b}.auth-brand-grid{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:2.5rem 2.5rem;mask-image:radial-gradient(ellipse at 30% 80%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 30% 80%,black 0%,transparent 70%)}.auth-brand-glow{position:absolute;top:-20%;right:-20%;width:60%;height:60%;z-index:0;background:radial-gradient(circle,oklch(60% .18 265 / .12) 0%,transparent 70%);pointer-events:none}.auth-mobile-header{display:flex;align-items:center;padding:1.25rem 1.5rem;background:#0f172a;border-radius:.875rem;margin-bottom:2rem}@media(min-width:1024px){.auth-mobile-header{display:none}}.auth-mobile-logo{width:8rem}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;background:linear-gradient(180deg,#fff,#f8fafc)}@media(min-width:1024px){.auth-form-panel{padding:3rem 3.5rem}}.auth-form-wrapper{width:100%;max-width:26rem;animation:authFormSlideIn .7s cubic-bezier(.16,1,.3,1) .15s both}.auth-form-title{font-family:Space Grotesk,system-ui,sans-serif;font-weight:700;font-size:1.75rem;letter-spacing:-.025em;color:#0f172a}.auth-form-subtitle{margin-top:.5rem;font-size:.9375rem;color:#475569;line-height:1.5}.auth-form{margin-top:2rem;display:flex;flex-direction:column;gap:1.25rem}.auth-field label{display:block;font-size:.8125rem;font-weight:600;color:#334155;margin-bottom:.375rem;letter-spacing:.01em}.auth-field input{display:block;width:100%;height:3rem;border-radius:.625rem;border:1.5px solid #e2e8f0;padding:0 1rem;font-family:inherit;font-size:1rem;color:#0f172a;background:#fff;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0000000a}.auth-field input::placeholder{color:#94a3b8}.auth-field input:hover{border-color:#cbd5e1}.auth-field input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f,0 1px 2px #0000000a}.auth-options{display:flex;align-items:center;justify-content:space-between}.auth-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.auth-checkbox input[type=checkbox]{width:1rem;height:1rem;border-radius:.25rem;border:1.5px solid #cbd5e1;accent-color:#8b5cf6;cursor:pointer}.auth-checkbox span{font-size:.875rem;color:#475569}.auth-forgot{font-size:.875rem;font-weight:500;color:#7c3aed;text-decoration:none;transition:color .15s}.auth-forgot:hover{color:#6d28d9}.auth-submit{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;height:3.25rem;margin-top:.5rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#f59e0b,#f97316);color:#0f172a;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #f59e0b40,0 1px 2px #0000000f}.auth-submit svg{width:1.25rem;height:1.25rem;transition:transform .25s cubic-bezier(.16,1,.3,1)}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b59,0 2px 4px #00000014}.auth-submit:hover:not(:disabled) svg{transform:translate(3px)}.auth-submit:active:not(:disabled){transform:translateY(0) scale(.98)}.auth-submit:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.3)}.auth-info-box{margin-top:1.5rem;padding:1rem;border-radius:.625rem;display:flex;align-items:center;gap:.75rem}.auth-info-box-blue{border:1px solid #bfdbfe;background:#eff6ff}.auth-info-box-amber{border:1px solid #fde68a;background:#fffbeb}.auth-info-box-green{border:1px solid #bbf7d0;background:#f0fdf4}.auth-info-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%}.auth-info-icon svg{width:1.25rem;height:1.25rem}.auth-info-icon-blue{background:#dbeafe;color:#2563eb}.auth-info-icon-amber{background:#fef3c7;color:#d97706}.auth-info-icon-green{background:#dcfce7;color:#16a34a}.auth-info-label{font-size:.875rem}.auth-info-value{font-weight:600}.auth-success-icon{margin:0 auto;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:#dcfce7;color:#16a34a}.auth-success-icon svg{width:2rem;height:2rem}.auth-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;text-align:center;font-size:.875rem;color:#64748b}.auth-footer a{color:#7c3aed;font-weight:600;text-decoration:none;transition:color .15s}.auth-footer a:hover{color:#6d28d9}.auth-footer-sep{display:inline-block;width:1px;height:.75rem;background:#cbd5e1;margin:0 .75rem;vertical-align:middle}.auth-footer-note{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;text-align:center;font-size:.75rem;color:#94a3b8}@keyframes authBrandSlideIn{0%{opacity:0;transform:translate(-1.5rem)}to{opacity:1;transform:translate(0)}}@keyframes authFormSlideIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes authFeatureFadeIn{0%{opacity:0;transform:translate(-.75rem)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.auth-brand-inner,.auth-form-wrapper,.auth-feature{animation:none}}
