.login-page-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden;padding:2rem 1rem}.login-page-wrapper:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 30% 30%,rgba(5,150,105,.05) 0,transparent 60%),radial-gradient(circle at 70% 70%,rgba(16,185,129,.04) 0,transparent 60%);pointer-events:none}.login-outer{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px}.login-brand{text-align:center;margin-bottom:2rem}.logo-glow{width:72px;height:72px;background:linear-gradient(135deg,#059669,#047857);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 12px 28px rgba(5,150,105,.3);transition:transform .3s ease,box-shadow .3s ease}.logo-glow:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(5,150,105,.38)}.brand-title{font-size:1.85rem;font-weight:900;color:#059669;letter-spacing:-.5px;margin:0}.brand-subtitle{color:#475569;font-size:.8rem;margin-top:.35rem;font-weight:700;letter-spacing:1.2px}.login-card{width:100%;padding:2.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 40px -10px rgba(15,23,42,.08)}.card-heading{text-align:center;margin-bottom:1.75rem}.card-heading h2{color:#0f172a;font-size:1.35rem;font-weight:800;margin:0 0 .35rem;letter-spacing:-.02em}.card-heading p{color:#64748b;font-size:.875rem;margin:0}.form-group{margin-bottom:1.25rem;text-align:left}.form-group label{display:block;color:#334155;font-size:.85rem;margin-bottom:7px;font-weight:600;text-transform:none;letter-spacing:normal}.input-wrapper{position:relative}.input-icon-left{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#059669;pointer-events:none;transition:color .2s}.input-wrapper input{width:100%!important;padding:.85rem 2.8rem .85rem 48px!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:12px!important;color:#0f172a!important;font-size:.95rem!important;font-weight:600!important;transition:all .2s ease!important;box-sizing:border-box!important}.input-wrapper input:focus{outline:none;background:#fff;border-color:#059669;box-shadow:0 0 0 4px rgba(5,150,105,.12)}.input-wrapper input::placeholder{color:#94a3b8;font-weight:400}.pass-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:0;transition:color .2s}.pass-toggle:hover{color:#059669}.login-btn{width:100%;padding:.9rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:12px;font-weight:800;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-top:.5rem;letter-spacing:.3px;box-shadow:0 8px 20px rgba(5,150,105,.25)}.login-btn:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(5,150,105,.35);background:linear-gradient(135deg,#047857,#065f46)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-msg{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.8rem;border-radius:12px;font-weight:700;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center;gap:8px}.error-msg,.login-footer{font-size:.85rem;text-align:center}.login-footer{margin-top:2rem;color:#475569;font-weight:600;line-height:1.6}.footer-link{color:#06f;text-decoration:none;font-weight:800;transition:color .2s ease}.footer-link:hover{color:#0052cc;text-decoration:underline}.footer-security{margin-top:.4rem;color:#475569;font-size:.82rem;font-weight:600;letter-spacing:.3px}