.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fafafa;position:relative;overflow:hidden}.login-bg-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;z-index:0}.blob-1{width:500px;height:500px;background:#ff6b00;top:-150px;right:-100px}.blob-2{width:600px;height:600px;background:#ff9240;bottom:-200px;left:-200px;opacity:.2}.login-card{width:100%;max-width:440px;background:white;border-radius:24px;padding:48px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.03);position:relative;z-index:1}.login-header{text-align:center;margin-bottom:32px}.login-logo{gap:12px;margin-bottom:24px}.login-logo,.login-logo-icon{display:flex;align-items:center;justify-content:center}.login-logo-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ff6b00,#ff9240);color:white;font-weight:800;font-size:20px;box-shadow:0 8px 16px -6px rgba(255,107,0,.4)}.login-logo-text{font-family:var(--font-outfit),sans-serif;font-weight:700;font-size:28px;letter-spacing:-.02em;color:#111}.login-title{font-size:24px;font-weight:600;color:#111;margin-bottom:8px}.login-subtitle{font-size:15px;color:#71717a}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-size:14px;font-weight:500;color:#3f3f46}.form-input{width:100%;height:44px;padding:0 16px;border-radius:12px;border:1px solid #e4e4e7;background:#fff;font-size:15px;color:#111;transition:all .2s ease;outline:none}.form-input:focus{border-color:#ff6b00;box-shadow:0 0 0 3px rgba(255,107,0,.1)}.form-input::-moz-placeholder{color:#a1a1aa}.form-input::placeholder{color:#a1a1aa}.login-btn{height:48px;border-radius:12px;background:#111;color:white;font-size:15px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:8px}.login-btn:hover{background:#27272a;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{background:#3f3f46;cursor:not-allowed}.login-forgot-btn{background:none;border:none;font-size:13px;color:#ff6b00;cursor:pointer;padding:0;font-weight:500}.login-forgot-btn:hover{text-decoration:underline}.login-divider{display:flex;align-items:center;text-align:center;margin:24px 0}.login-divider:after,.login-divider:before{content:"";flex:1;border-bottom:1px solid #e4e4e7}.login-divider-text{padding:0 12px;color:#71717a;font-size:13px;font-weight:500}.login-oauth-group{display:flex;gap:12px;margin-bottom:24px}.login-oauth-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:8px;border:1px solid #e4e4e7;background:#ffffff;color:#18181b;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.login-oauth-btn:hover{background:#f4f4f5}.login-text-btn{background:none;border:none;color:#111;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.login-text-btn:hover{color:#ff6b00}.login-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-footer{text-align:center;margin-top:24px;font-size:14px;color:#71717a}.login-footer a{color:#111;font-weight:500;text-decoration:none;transition:color .2s}.login-footer a:hover{color:#ff6b00}@media (max-width:640px){.login-page{padding:20px}.login-card{padding:32px 24px;border-radius:20px}.login-title{font-size:20px}.login-logo-text{font-size:24px}.login-back-btn{top:20px;left:20px}}.login-back-btn{position:absolute;top:32px;left:32px;display:flex;align-items:center;gap:8px;color:#71717a;text-decoration:none;font-weight:500;font-size:14px;transition:color .2s;z-index:10}.login-back-btn:hover{color:#111}.login-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:4px;color:#dc2626}.login-error-banner,.login-success-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:500}.login-success-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:16px;color:#16a34a}.login-password-wrapper{position:relative}.login-password-wrapper .form-input{padding-right:44px}.login-eye-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#a1a1aa;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .15s}.login-eye-btn:hover{color:#52525b}.login-remember-row{margin-top:-4px}.login-remember-label{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#52525b;cursor:pointer;font-weight:500}.login-checkbox{width:16px;height:16px;border-radius:4px;accent-color:#ff6b00;cursor:pointer;flex-shrink:0}