.login-modern{--lm-radius: 20px;--lm-radius-sm: 12px;--lm-shadow: 0 25px 60px -15px rgba(15, 23, 42, .25), 0 8px 24px -8px rgba(15, 23, 42, .15);--lm-glass-bg: rgba(255, 255, 255, .85);--lm-glass-border: rgba(255, 255, 255, .65);--lm-text: #0f172a;--lm-text-muted: #64748b;--lm-input-bg: rgba(255, 255, 255, .9);--lm-input-border: rgba(148, 163, 184, .35);--lm-input-border-focus: var(--brand-primary, #009ac8);--lm-danger: #ef4444;--lm-success: #10b981;--lm-warning: #f59e0b;min-height:100vh;margin:0;font-family:Inter,DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--lm-text);background:#f1f5f9;position:relative;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lm-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(1200px 800px at 10% 10%,rgba(0,0,0,.04),transparent 60%),radial-gradient(1000px 700px at 90% 90%,rgba(0,0,0,.04),transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--brand-primary, #009ac8) 20%,#ffffff) 0%,color-mix(in srgb,var(--brand-secondary, #00a86b) 15%,#ffffff) 100%)}.lm-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;will-change:transform}.lm-blob--primary{width:520px;height:520px;top:-140px;left:-120px;background:var(--brand-primary, #009ac8);animation:lm-drift-a 22s ease-in-out infinite alternate}.lm-blob--secondary{width:480px;height:480px;bottom:-140px;right:-120px;background:var(--brand-secondary, #00a86b);animation:lm-drift-b 26s ease-in-out infinite alternate}.lm-blob--accent{width:360px;height:360px;top:40%;left:55%;background:color-mix(in srgb,var(--brand-primary, #009ac8) 60%,var(--brand-secondary, #00a86b));opacity:.3;animation:lm-drift-c 30s ease-in-out infinite alternate}@keyframes lm-drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(80px,60px,0) scale(1.08)}}@keyframes lm-drift-b{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-60px,-80px,0) scale(1.12)}}@keyframes lm-drift-c{0%{transform:translate3d(-50%,-50%,0) scale(1)}to{transform:translate3d(-55%,-45%,0) scale(1.15)}}.lm-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 75%)}.lm-shell{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.lm-card{width:100%;max-width:440px;background:var(--lm-glass-bg);border:1px solid var(--lm-glass-border);border-radius:var(--lm-radius);box-shadow:var(--lm-shadow);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:36px 32px 28px;animation:lm-card-in .6s cubic-bezier(.16,1,.3,1) both}@keyframes lm-card-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.lm-logo-wrap{display:flex;justify-content:center;margin-bottom:22px}.lm-logo-wrap img{max-width:180px;height:auto}.lm-heading{text-align:center;font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--lm-text);margin:0 0 6px}.lm-subheading{text-align:center;font-size:13.5px;color:var(--lm-text-muted);margin:0 0 26px}.lm-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:18px;border-radius:var(--lm-radius-sm);background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);color:#b91c1c;font-size:13px;line-height:1.45}.lm-banner svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.lm-field{margin-bottom:16px}.lm-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.lm-label{font-size:12.5px;font-weight:600;color:#334155;letter-spacing:.01em}.lm-forgot{font-size:12px;color:var(--lm-text-muted);text-decoration:none;transition:color .15s ease}.lm-forgot:hover{color:var(--brand-primary, #009ac8);text-decoration:underline;text-underline-offset:2px}.lm-input-wrap{position:relative}.lm-input-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);width:18px;height:18px;color:var(--lm-text-muted);pointer-events:none;transition:color .15s ease}.lm-input{width:100%;padding:12px 44px 12px 42px;font-size:14px;color:var(--lm-text);background:var(--lm-input-bg);border:1px solid var(--lm-input-border);border-radius:var(--lm-radius-sm);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;font-family:inherit;box-sizing:border-box}.lm-input::-moz-placeholder{color:#94a3b8}.lm-input::placeholder{color:#94a3b8}.lm-input:hover{border-color:#64748b80}.lm-input:focus{border-color:var(--lm-input-border-focus);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary, #009ac8) 18%,transparent);background:#ffffff}.lm-input:focus+.lm-input-icon,.lm-input-wrap:focus-within .lm-input-icon{color:var(--brand-primary, #009ac8)}.lm-input--invalid{border-color:var(--lm-danger)}.lm-input--invalid:focus{box-shadow:0 0 0 4px #ef44442e}.lm-eye{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--lm-text-muted);cursor:pointer;transition:color .15s ease,background .15s ease;padding:0}.lm-eye:hover{color:var(--brand-primary, #009ac8);background:rgba(15,23,42,.04)}.lm-eye:focus-visible{outline:2px solid var(--brand-primary, #009ac8);outline-offset:2px}.lm-eye svg{width:18px;height:18px}.lm-chip{position:absolute;top:50%;right:12px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;border-radius:999px;transition:opacity .18s ease,transform .18s ease;pointer-events:none}.lm-chip svg{width:12px;height:12px}.lm-chip--ok{color:#047857;background:rgba(16,185,129,.14)}.lm-chip--bad{color:#b91c1c;background:rgba(239,68,68,.14)}.lm-message{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;line-height:1.4}.lm-message svg{width:14px;height:14px;flex-shrink:0}.lm-message--error{color:var(--lm-danger)}.lm-message--warn{color:var(--lm-warning)}.lm-remember{display:flex;align-items:center;gap:8px;margin:4px 0 20px;font-size:13px;color:#334155;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.lm-remember input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid var(--lm-input-border);border-radius:4px;background:#ffffff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease;margin:0;flex-shrink:0}.lm-remember input[type=checkbox]:checked{background:var(--brand-primary, #009ac8);border-color:var(--brand-primary, #009ac8)}.lm-remember input[type=checkbox]:checked:after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.lm-remember input[type=checkbox]:focus-visible{outline:2px solid var(--brand-primary, #009ac8);outline-offset:2px}.lm-btn{width:100%;padding:13px 16px;border:none;border-radius:var(--lm-radius-sm);font-size:14px;font-weight:600;letter-spacing:.01em;color:#fff;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--brand-primary, #009ac8) 0%,var(--brand-secondary, #00a86b) 100%);background-size:200% 100%;background-position:0% 50%;transition:background-position .35s ease,transform .15s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 8px 20px -8px color-mix(in srgb,var(--brand-primary, #009ac8) 80%,transparent),inset 0 1px #ffffff40;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.lm-btn:hover:not(:disabled){background-position:100% 50%;transform:translateY(-1px);box-shadow:0 14px 28px -10px color-mix(in srgb,var(--brand-primary, #009ac8) 85%,transparent),inset 0 1px #ffffff47}.lm-btn:active:not(:disabled){transform:translateY(0)}.lm-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary, #009ac8) 40%,transparent);outline-offset:2px}.lm-btn:disabled{cursor:not-allowed;opacity:.85}.lm-spinner{width:16px;height:16px;animation:lm-spin .7s linear infinite}@keyframes lm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lm-footer{margin-top:22px;text-align:center;font-size:11.5px;color:var(--lm-text-muted)}@media (max-width: 480px){.lm-card{padding:28px 22px 22px;border-radius:18px}.lm-heading{font-size:20px}.lm-logo-wrap img{max-width:150px}}@media (prefers-reduced-motion: reduce){.lm-blob,.lm-card,.lm-btn,.lm-spinner{animation:none!important;transition:none!important}}