.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#031722,#06283a,#007fa8);margin:0;font-family:Arial,Helvetica,sans-serif}
.login-wrapper{width:min(1100px,92%);display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}
.login-intro{color:#fff}.login-intro span{color:#50e6ff;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.login-intro h1{font-size:clamp(46px,7vw,82px);line-height:.95;margin:14px 0}.login-intro p{font-size:21px;color:#d7f4ff;line-height:1.7}
.login-card{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.45);box-shadow:0 28px 80px rgba(3,23,34,.28);border-radius:32px;padding:36px;display:grid;gap:16px;backdrop-filter:blur(18px)}
.login-card h2{font-size:34px;margin:0;color:#0b2d3b}.login-card label{display:grid;gap:8px;font-weight:900;color:#0b2d3b}.login-card input,.reset-box input{box-sizing:border-box;width:100%;padding:14px 15px;border-radius:14px;border:1px solid #cfe5ed;font-size:15px;outline:none;background:#fff}
.login-card button,.back-site-link,.forgot-link,.reset-box button{border:0;border-radius:999px;padding:12px 18px;font-weight:900;color:#fff!important;background:linear-gradient(135deg,#005f83,#00b8dc);cursor:pointer;box-shadow:0 16px 34px rgba(0,127,168,.25);text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.back-site-link{background:#031722}.notice{padding:14px 16px;border-radius:18px;background:rgba(0,184,220,.12);color:#007fa8;font-weight:900}.danger{background:rgba(229,72,72,.12);color:#b42323}
.forgot-password-area{display:flex;justify-content:center;align-items:center;width:100%;margin-top:8px}.forgot-link{width:100%;background:#fff!important;color:#005f83!important;border:2px solid rgba(0,127,168,.35)!important;text-shadow:none!important}.forgot-link:hover{background:rgba(0,184,220,.12)!important;color:#031722!important;border-color:#00b8dc!important}
.reset-modal{position:fixed;inset:0;z-index:9999;display:none;place-items:center;padding:24px;background:rgba(3,23,34,.72);backdrop-filter:blur(12px)}.reset-modal.show{display:grid}.reset-box{width:min(520px,94vw);padding:30px;border-radius:28px;background:rgba(255,255,255,.97);border:1px solid rgba(80,230,255,.28);box-shadow:0 34px 90px rgba(0,0,0,.32)}.reset-box h2{margin:0 0 12px;color:#0b2d3b}.reset-box p{color:#607887;line-height:1.6}.reset-box label{display:grid;gap:8px;font-weight:900;color:#0b2d3b}.reset-box .actions{display:flex;gap:10px;margin-top:18px}.btn-cancel{background:linear-gradient(135deg,#8b1e1e,#e54848)!important}
@media(max-width:900px){.login-wrapper{grid-template-columns:1fr;padding:28px 0}.login-intro{text-align:center}}