*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.axi-login-page{
  min-height:100vh;
  background:
    linear-gradient(rgba(63,120,183,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(63,120,183,.06) 1px,transparent 1px),
    radial-gradient(circle at 18% 16%,rgba(0,111,230,.12),transparent 25%),
    linear-gradient(135deg,#f7fbff,#eaf3fc);
  background-size:32px 32px,32px 32px,auto,auto;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  color:#102b4a;
}
.axi-login-shell{
  width:min(1180px,calc(100vw - 40px));
  min-height:100vh;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,460px);
  gap:70px;
  align-items:center;
  padding:50px 0;
}
.axi-login-brand{display:grid;grid-template-columns:180px 1fr;gap:34px;align-items:center}
.axi-login-logo{
  width:180px;height:210px;display:grid;place-items:center;
}
.axi-login-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 18px 35px rgba(11,43,79,.18));
}
.axi-login-copy>span,.axi-login-card-head>span{
  color:#086de1;font-size:10px;font-weight:900;letter-spacing:.16em
}
.axi-login-copy h1{font-size:40px;line-height:1.12;margin:12px 0 16px;max-width:620px}
.axi-login-copy p{font-size:15px;line-height:1.7;color:#627991;max-width:620px}
.axi-login-card{
  background:#fff;border:1px solid #d6e4f2;border-radius:20px;
  box-shadow:0 28px 80px rgba(13,52,91,.14);
  padding:34px;
}
.axi-login-card-head h2{font-size:27px;margin:8px 0 7px}
.axi-login-card-head p{margin:0;color:#71859a}
.axi-login-form{display:grid;gap:16px;margin-top:25px}
.axi-login-form label{display:grid;gap:7px}
.axi-login-form label span{font-size:11px;font-weight:800;color:#415c78}
.axi-login-form input{
  width:100%;height:46px;border:1px solid #c9d9e9;border-radius:10px;
  padding:0 13px;background:#fbfdff;color:#102b4a;outline:none;font:inherit
}
.axi-login-form input:focus{border-color:#5ca7f5;box-shadow:0 0 0 3px rgba(8,109,225,.09)}
.axi-login-form button{
  height:47px;border:0;border-radius:10px;background:linear-gradient(90deg,#0870e7,#0fa7ed);
  color:#fff;font:800 13px/1 Inter,"Segoe UI",Arial;cursor:pointer;
  box-shadow:0 10px 25px rgba(8,109,225,.2)
}
.axi-login-footer{margin-top:22px;padding-top:18px;border-top:1px solid #edf2f7}
.axi-login-footer p{margin:0 0 10px;color:#687e95}
.axi-login-footer a{color:#086de1;text-decoration:none;font-weight:700}
.axi-alert{margin:18px 0 0;padding:12px 13px;border-radius:9px;font-size:12px}
.axi-alert.error{background:#fff0f2;color:#a43a48;border:1px solid #f1c4ca}
.axi-alert.ok{background:#eaf9f2;color:#187451;border:1px solid #bfe7d4}
@media(max-width:900px){
  .axi-login-shell{grid-template-columns:1fr;gap:28px;padding:28px 0}
  .axi-login-brand{grid-template-columns:90px 1fr}
  .axi-login-logo{width:90px;height:105px}
  .axi-login-copy h1{font-size:30px}
}
@media(max-width:560px){
  .axi-login-shell{width:min(100% - 24px,460px)}
  .axi-login-brand{grid-template-columns:64px 1fr;gap:16px}
  .axi-login-logo{width:64px;height:76px}
  .axi-login-copy h1{font-size:24px}
  .axi-login-copy p{font-size:13px}
  .axi-login-card{padding:24px}
}