.auth-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;padding-top:90px;padding-bottom:24px}.auth-bg{position:fixed;inset:0;z-index:0}.auth-bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a,#1e1b4b 35%,#312e81 55%,#1e1b4b 75%,#0f172a)}.auth-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(99,102,241,.08) 1px,transparent 0);background-size:32px 32px}.auth-bg-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.12) 0,transparent 70%);animation:auth-float 12s ease-in-out infinite;pointer-events:none}@keyframes auth-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.05)}66%{transform:translate(-15px,15px) scale(.95)}}.auth-layout{position:relative;z-index:1;display:flex;width:100%;max-width:1100px;min-height:640px;margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 25px 80px -12px rgba(0,0,0,.5),0 0 120px -40px rgba(99,102,241,.3)}.auth-layout--signup{max-width:1200px}.auth-brand-panel{flex:0 0 420px;display:flex;flex-direction:column;justify-content:center;padding:48px;background:linear-gradient(160deg,#1e1b4b,#312e81 40%,#3730a3);position:relative;overflow:hidden}.auth-brand-panel:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(139,92,246,.15) 0,transparent 60%);pointer-events:none}.auth-brand-panel:after{content:"";position:absolute;bottom:-30%;left:-30%;width:80%;height:80%;background:radial-gradient(circle,rgba(99,102,241,.1) 0,transparent 60%);pointer-events:none}.auth-brand-content{position:relative;z-index:1}.auth-brand-logo{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:40px}.auth-logo-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 4px 16px rgba(99,102,241,.4)}.auth-logo-text{font-size:1.5rem;font-weight:800;color:white;letter-spacing:-.02em}.auth-brand-hero{margin-bottom:32px}.auth-brand-title{font-size:1.85rem;font-weight:700;color:white;line-height:1.3;margin:0 0 14px}.auth-brand-gradient-text{background:linear-gradient(135deg,#818cf8,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-brand-subtitle{font-size:.95rem;color:rgba(203,213,225,.8);line-height:1.6;margin:0;max-width:360px}.auth-brand-stats{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.auth-brand-stat{display:flex;align-items:center;gap:14px}.auth-brand-stat-icon{color:#a5b4fc}.auth-brand-stat-value{display:block;font-size:1.1rem;font-weight:700;color:white}.auth-brand-stat-label{display:block;font-size:.8rem;color:rgba(148,163,184,.8)}.auth-brand-checklist{display:flex;flex-direction:column;gap:12px}.auth-brand-check-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:rgba(226,232,240,.85)}.auth-brand-check-icon{color:#34d399;flex-shrink:0}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 48px;background:white;overflow-y:auto}.auth-form-wrapper{width:100%;max-width:400px}.auth-form-wrapper--signup{max-width:520px}.auth-mobile-logo{display:none;align-items:center;gap:8px;text-decoration:none;margin-bottom:32px}.auth-mobile-logo .auth-logo-text{color:#0f172a}.auth-form-header{margin-bottom:28px}.auth-form-title{font-size:1.6rem;font-weight:700;color:#0f172a;margin:0 0 6px;letter-spacing:-.02em}.auth-form-subtitle{font-size:.9rem;color:#64748b;margin:0;line-height:1.5}.auth-form{width:100%}.auth-form-fields{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.auth-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-field{display:flex;flex-direction:column}.auth-field-label{font-size:.825rem;font-weight:600;color:#374151;margin-bottom:6px}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input{width:100%;padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.9rem;color:#0f172a;background:#f8fafc;transition:all .25s ease;font-family:inherit}.auth-input::placeholder{color:#94a3b8}.auth-input:focus{outline:none;border-color:#6366f1;background:white;box-shadow:0 0 0 4px rgba(99,102,241,.08)}.auth-input--with-icon{padding-right:44px}.auth-input-toggle{position:absolute;right:12px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.auth-input-toggle:hover{color:#6366f1}.auth-select{font-family:inherit}.auth-checkbox-wrapper{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-bottom:18px}.auth-checkbox{position:absolute;opacity:0;width:0;height:0}.auth-checkbox-custom{width:18px;height:18px;border-radius:5px;border:1.5px solid #d1d5db;background:white;transition:all .2s;position:relative;flex-shrink:0;margin-top:1px}.auth-checkbox:checked+.auth-checkbox-custom{background:#6366f1;border-color:#6366f1}.auth-checkbox:checked+.auth-checkbox-custom:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.auth-checkbox:focus-visible+.auth-checkbox-custom{box-shadow:0 0 0 3px rgba(99,102,241,.12)}.auth-checkbox-label{font-size:.8rem;color:#64748b;user-select:none;line-height:1.5}.auth-checkbox-label a{color:#6366f1;text-decoration:none;font-weight:500}.auth-checkbox-label a:hover{text-decoration:underline}.auth-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.85rem;margin-bottom:18px;overflow:hidden}.auth-error svg{flex-shrink:0}.auth-submit-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:white;font-weight:600;font-size:.925rem;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 16px rgba(99,102,241,.3);font-family:inherit;margin-bottom:18px}.auth-submit-btn:hover:not(:disabled){box-shadow:0 8px 28px rgba(99,102,241,.4);transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.auth-spinner{width:22px;height:22px;border:2.5px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-switch-text{text-align:center;font-size:.875rem;color:#64748b;margin:0}.auth-switch-link{color:#6366f1;font-weight:600;text-decoration:none;transition:color .2s}.auth-switch-link:hover{color:#4f46e5;text-decoration:underline}@media (max-width:1000px){.auth-layout--signup{flex-direction:column;max-width:560px;min-height:auto;margin:24px auto;border-radius:20px}.auth-brand-panel{display:none}.auth-mobile-logo{display:flex}.auth-form-panel{padding:32px 28px}}@media (max-width:600px){.auth-layout--signup{margin:12px;border-radius:16px}.auth-form-panel{padding:28px 20px}.auth-fields-row{grid-template-columns:1fr;gap:18px}.auth-form-title{font-size:1.4rem}.auth-form-wrapper--signup{max-width:100%}}