body{min-height:100vh;background:linear-gradient(rgba(10,32,70,.55),rgba(10,32,70,.65)),url('../images/hero-1.svg') center/cover no-repeat}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,460px);padding:28px;background:rgba(255,255,255,.96);border-radius:24px;border:1px solid rgba(255,255,255,.5);box-shadow:0 18px 60px rgba(0,0,0,.18)}.login-header{text-align:center;margin-bottom:24px}.login-header .logo{width:74px;height:74px;margin:0 auto 10px}.login-header h1{margin:0 0 6px;font-size:28px}.login-header p{margin:0;color:#5b6475}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:700}.input-box{display:flex;align-items:center;gap:8px;background:#f8fbff;border:1px solid var(--border);border-radius:12px;padding:0 12px}.input-box input{flex:1;padding:14px 4px;border:none;background:transparent;outline:none}.eye-icon{cursor:pointer}.login-btn{width:100%;background:var(--blue);color:#fff;padding:14px;border-radius:12px;font-weight:700}.helper-links{margin-top:12px;text-align:center;color:var(--muted)}