@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
html,body{min-height:100%;margin:0}
body{
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:radial-gradient(circle at top right,rgba(215,0,15,.16),transparent 22%),linear-gradient(180deg,#09111d 0%,#132033 100%);
  color:#fff;
}
.container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 16px}
.d-flex.justify-content-center.h-100{width:100%;align-items:center!important}
.card{
  width:min(440px,100%);
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(10,17,29,.92),rgba(16,27,43,.92))!important;
  backdrop-filter:blur(14px);
  box-shadow:0 24px 60px rgba(0,0,0,.34);
  overflow:hidden;
}
.card-header{position:relative;padding:28px 28px 12px;border-bottom:1px solid rgba(255,255,255,.06)}
.card-header h3{margin:0;color:#fff;font-size:30px;font-weight:800}
.card-header .login-lead{margin:10px 0 0;color:#b9c4d5;line-height:1.6;font-size:14px;max-width:28ch}
.card-body{padding:20px 28px 8px}
.card-footer{padding:14px 28px 24px;border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.social_icon{position:static;display:flex;justify-content:flex-start;gap:10px;margin-top:16px}
.social_icon a{text-decoration:none}
.social_icon span{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;font-size:22px;margin:0;background:rgba(215,0,15,.12);color:#ff6b78;border:1px solid rgba(255,107,120,.18);transition:.2s ease}
.social_icon span:hover{color:#fff;background:#d7000f;transform:translateY(-2px);cursor:pointer}
.input-group{margin-bottom:14px}
.input-group-prepend span{width:54px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d7000f,#ff6b35);color:#fff;border:0!important}
.form-control{height:54px;border-radius:0 14px 14px 0;border:1px solid rgba(255,255,255,.12);background:#0d1726;color:#fff}
.form-control::placeholder{color:#8ea0b5}
.form-control:focus{background:#0d1726;color:#fff;border-color:#ff6b35;box-shadow:0 0 0 3px rgba(255,107,53,.16)!important}
input:focus{outline:0!important;box-shadow:none!important}
.login_btn{color:#fff;background:linear-gradient(135deg,#d7000f,#ff6b35);width:180px;height:48px;border-radius:14px;font-weight:700;border:0;letter-spacing:.02em}
.login_btn:hover{color:#fff;filter:brightness(1.03);transform:translateY(-1px)}
.links,.d-flex.justify-content-center{color:#d8e0ea;font-size:14px;text-align:center}
.links a,.d-flex.justify-content-center a{margin-left:6px;color:#ff9aa4;font-weight:700}
.links a:hover,.d-flex.justify-content-center a:hover{color:#fff;text-decoration:none}
.login-signature{margin:18px 0 0;text-align:center;color:#90a0b3;font-size:12px;line-height:1.6}
@media (max-width:576px){.card{border-radius:22px!important}.card-header,.card-body,.card-footer{padding-left:20px;padding-right:20px}.login_btn{width:100%}.card-header h3{font-size:26px}}