@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;background:linear-gradient(135deg,#1a1d2e 0%,#22304a 50%,#1a1d2e 100%);display:flex;align-items:center;justify-content:center;font-family:'Inter','Segoe UI',system-ui,sans-serif}
.wrapper{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.content{width:100%;max-width:400px}
.form_wrapper{background:#fff;border-radius:14px;box-shadow:0 24px 64px rgba(0,0,0,.45);overflow:hidden}
.form_wrapper::before{content:'';display:block;height:4px;background:linear-gradient(90deg,#0d6efd,#00b4d8)}
.login{padding:36px 32px 32px}
.login-logo{display:block;margin:0 auto 20px;height:auto}
.login h3{text-align:center;font-size:20px;font-weight:700;color:#1a1d2e;margin-bottom:4px}
.login h3 .bh{color:#0d6efd}
.login-sub{text-align:center;color:#6c757d;font-size:12px;margin-bottom:26px}
.login>div:not(.bottom):not(.clear){margin-bottom:14px}
.login label{display:block;font-size:11.5px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}
.login input[type=text],.login input[type=password]{width:100%;padding:10px 13px;border:1.5px solid #dee2e6;border-radius:8px;font-size:14px;color:#343a40;background:#f8f9fa;transition:border-color .2s;outline:none;font-family:inherit}
.login input[type=text]:focus,.login input[type=password]:focus{border-color:#0d6efd;background:#fff;box-shadow:0 0 0 3px rgba(13,110,253,.12)}
.bottom{margin-top:22px}
.form_wrapper input[type=submit]{width:100%;padding:11px;background:linear-gradient(135deg,#0d6efd,#0a58ca);border:none;border-radius:8px;color:#fff;font-size:14.5px;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 4px 14px rgba(13,110,253,.35);display:block}
.form_wrapper input[type=submit]:hover{opacity:.9;transform:translateY(-1px)}
.form_wrapper input[type=submit]:active{transform:translateY(0)}
.clear{clear:both}