.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{z-index:1;width:100%;max-width:1100px;min-height:640px;margin:0 auto;border-radius:24px;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-brand-panel,.auth-layout{position:relative;display:flex;overflow:hidden}.auth-brand-panel{flex:1;flex-direction:column;justify-content:center;padding:48px;background:linear-gradient(160deg,#1e1b4b,#312e81 40%,#3730a3)}.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:48px}.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:40px}.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:380px}.auth-brand-features{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.auth-brand-feature{display:flex;align-items:center;gap:14px}.auth-brand-feature-icon{width:38px;height:38px;border-radius:10px;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;color:#a5b4fc;flex-shrink:0}.auth-brand-feature-title{display:block;font-size:.875rem;font-weight:600;color:white}.auth-brand-feature-desc{display:block;font-size:.8rem;color:rgba(148,163,184,.8)}.auth-brand-testimonial{padding:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;backdrop-filter:blur(8px)}.auth-brand-testimonial p{font-size:.9rem;color:rgba(226,232,240,.9);line-height:1.6;font-style:italic;margin:0 0 14px}.auth-brand-testimonial-author{display:flex;align-items:center;gap:10px}.auth-brand-testimonial-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:white}.auth-brand-testimonial-name{display:block;font-size:.8rem;font-weight:600;color:white}.auth-brand-testimonial-role{display:block;font-size:.75rem;color:rgba(148,163,184,.7)}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:48px;background:white}.auth-form-wrapper{width:100%;max-width:400px}.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:32px}.auth-form-title{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 8px;letter-spacing:-.02em}.auth-form-subtitle{font-size:.9rem;color:#64748b;margin:0;line-height:1.5}.auth-form{width:100%}.auth-form-fields{gap:20px;margin-bottom:24px}.auth-field,.auth-form-fields{display:flex;flex-direction:column}.auth-field-label{font-size:.825rem;font-weight:600;color:#374151;margin-bottom:8px}.auth-field-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.auth-forgot-link{font-size:.8rem;color:#6366f1;text-decoration:none;font-weight:500;transition:color .2s}.auth-forgot-link:hover{color:#4f46e5}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input{width:100%;padding:12px 16px;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:48px}.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-checkbox-wrapper{display:flex;align-items:center;gap:10px;cursor:pointer;margin-top:4px}.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}.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:.85rem;color:#64748b;user-select:none}.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:20px;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:20px}.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 0 16px}.auth-switch-link{color:#6366f1;font-weight:600;text-decoration:none;transition:color .2s}.auth-switch-link:hover{color:#4f46e5;text-decoration:underline}.auth-legal-text{text-align:center;font-size:.75rem;color:#94a3b8;line-height:1.6;margin:0}.auth-legal-text a{color:#6366f1;text-decoration:none;font-weight:500}.auth-legal-text a:hover{text-decoration:underline}@media (max-width:900px){.auth-layout{flex-direction:column;max-width:480px;min-height:auto;margin:24px auto;border-radius:20px}.auth-brand-panel{display:none}.auth-mobile-logo{display:flex}.auth-form-panel{padding:36px 28px}}@media (max-width:500px){.auth-layout{margin:12px;border-radius:16px}.auth-form-panel{padding:28px 20px}.auth-form-title{font-size:1.5rem}}