.login-root,.login-root *,.login-root *:before,.login-root *:after{box-sizing:border-box}.login-root{min-height:100vh;background:#f8fafc;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;color:#0f172a;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden}.login-root:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 700px 500px at 10% 20%,rgba(0,204,153,.04) 0%,transparent 60%),radial-gradient(ellipse 500px 400px at 90% 80%,rgba(0,204,153,.03) 0%,transparent 60%);z-index:0}.login-layout{position:relative;z-index:1;display:flex;width:100%;max-width:1040px;min-height:100vh}.login-brand{flex:1;display:flex;flex-direction:column;justify-content:center;padding:64px 56px}.login-brand-logo{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:48px}.login-brand-mark{width:36px;height:36px;border-radius:8px}.login-brand-name{font-size:1.3rem;font-weight:700;color:#0f172a;letter-spacing:-.01em}.login-brand-content{margin-bottom:48px}.login-brand-headline{font-size:2rem;font-weight:700;color:#0f172a;line-height:1.2;margin:0 0 16px;letter-spacing:-.02em}.login-brand-subtitle{font-size:.95rem;color:#475569;line-height:1.65;margin:0 0 28px;max-width:420px}.login-brand-perks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.login-brand-perks li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:#475569}.login-brand-perks li svg{color:#00b386;font-size:1rem;flex-shrink:0}.login-back-home{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:#94a3b8;text-decoration:none;transition:color .2s}.login-back-home:hover{color:#475569}.login-form-panel{flex:0 0 480px;display:flex;align-items:center;justify-content:center;padding:40px}.login-form-card{width:100%;max-width:400px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:44px 36px;box-shadow:0 4px 24px #0000000a,0 1px 2px #00000008}.login-form-header{text-align:center;margin-bottom:32px}.login-form-header h2{font-size:1.6rem;font-weight:700;color:#0f172a;margin:0 0 6px}.login-form-header p{font-size:.9rem;color:#64748b;margin:0}.login-form{display:flex;flex-direction:column;gap:18px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:.82rem;font-weight:600;color:#334155;margin-left:2px}.login-field-wrap{position:relative;display:flex;align-items:center}.login-field-icon{position:absolute;left:14px;color:#94a3b8;font-size:1.05rem;z-index:1;pointer-events:none}.login-field-wrap input{width:100%;padding:13px 14px 13px 44px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:.95rem;font-family:inherit;color:#0f172a;transition:border-color .2s,box-shadow .2s}.login-field-wrap input:focus{outline:none;border-color:#0c9;box-shadow:0 0 0 3px #00cc991a}.login-field-wrap input::placeholder{color:#cbd5e1}.login-toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;padding:4px;border-radius:4px;transition:color .2s}.login-toggle-password:hover{color:#475569}.login-error{font-size:.82rem;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;padding:10px 14px;border-radius:10px;line-height:1.45}.login-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#0c9,#00b386);color:#fff;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #00cc994d}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:login-spin .6s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;gap:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.login-divider span{font-size:.78rem;color:#94a3b8;white-space:nowrap}.login-social{display:flex;gap:10px}.login-social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#334155;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s}.login-social-btn:hover{background:#f8fafc;border-color:#cbd5e1}.login-social-btn:disabled{opacity:.5;cursor:not-allowed}.login-social-icon{font-size:1.2rem}.login-form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9;gap:12px;flex-wrap:wrap}.login-status{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#94a3b8;font-weight:500}.login-status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #22c55e33;flex-shrink:0}.login-support{font-size:.78rem;color:#00b386;font-weight:500;text-decoration:none;transition:color .2s;white-space:nowrap}.login-support:hover{color:#009d76}@media (max-width: 768px){.login-layout{flex-direction:column;min-height:auto}.login-brand{padding:48px 24px 24px}.login-brand-logo{margin-bottom:28px}.login-brand-headline{font-size:1.5rem}.login-brand-subtitle{font-size:.88rem}.login-brand-content{margin-bottom:32px}.login-form-panel{flex:0 0 auto;padding:0 24px 48px}.login-form-card{max-width:100%;padding:32px 24px;border-radius:16px}}@media (max-width: 480px){.login-brand{padding:36px 16px 20px}.login-brand-headline{font-size:1.3rem}.login-form-panel{padding:0 16px 36px}.login-form-card{padding:28px 20px}.login-social{flex-direction:column}}