.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:560px;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--compact{max-width:960px}.auth-brand-panel{flex:1;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: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}.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-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-icon-header{display:flex;justify-content:center;margin-bottom:24px}.auth-form-icon-circle{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#eef2ff,#e0e7ff);display:flex;align-items:center;justify-content:center;color:#6366f1}.auth-form-header{text-align:center;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-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:disabled{opacity:.6;cursor:not-allowed}.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-back-link{text-align:center;margin-bottom:16px}.auth-back-link a{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;color:#64748b;text-decoration:none;font-weight:500;transition:color .2s}.auth-back-link a:hover{color:#6366f1}.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}.auth-notification-container{position:fixed;top:100px;right:24px;z-index:1000;max-width:420px}.auth-notification{border-radius:14px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.15)}.auth-notification--success{background:#f0fdf4;border:1px solid #bbf7d0}.auth-notification--error{background:#fef2f2;border:1px solid #fecaca}.auth-notification-content{display:flex;align-items:flex-start;gap:12px;padding:16px 18px}.auth-notification-icon{flex-shrink:0;margin-top:1px}.auth-notification--success .auth-notification-icon{color:#16a34a}.auth-notification--error .auth-notification-icon{color:#dc2626}.auth-notification-text{flex:1;min-width:0}.auth-notification-title{display:block;font-size:.875rem;font-weight:600;margin-bottom:2px}.auth-notification--success .auth-notification-title{color:#166534}.auth-notification--error .auth-notification-title{color:#991b1b}.auth-notification-message{display:block;font-size:.825rem;line-height:1.5}.auth-notification--success .auth-notification-message{color:#15803d}.auth-notification--error .auth-notification-message{color:#b91c1c}.auth-notification-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:2px;color:#94a3b8;transition:color .2s}.auth-notification-close:hover{color:#64748b}.auth-notification-progress{height:3px}.auth-notification--success .auth-notification-progress{background:#22c55e}.auth-notification--error .auth-notification-progress{background:#ef4444}@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}.auth-notification-container{right:12px;left:12px;max-width:none}}