*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%}
body.login-screen{
  min-height:100vh;
  background:#080812;
  color:#fff;
  font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  position:relative;
  overflow-x:hidden;
}
body.login-screen::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    radial-gradient(circle at 16% 14%,rgba(124,92,255,.30),transparent 30%),
    radial-gradient(circle at 84% 18%,rgba(64,198,255,.18),transparent 32%),
    linear-gradient(180deg,rgba(8,8,18,.98),#080812 62%,#05050c 100%);
  pointer-events:none;
  z-index:-2;
}
body.login-screen::after{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(90deg,transparent,rgba(124,92,255,.12),transparent),
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 14px);
  pointer-events:none;
  z-index:-1;
}
.login-page{
  min-height:100vh;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 16px;
}
.login-page__main{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.login-card{
  width:100%;
  max-width:470px;
  margin:0 auto;
  border-radius:28px;
  background:rgba(17,17,32,.94);
  border:1.5px solid #7c5cff;
  box-shadow:
    0 30px 90px rgba(0,0,0,.62),
    0 0 0 1px rgba(124,92,255,.12) inset,
    0 0 45px rgba(124,92,255,.20);
  overflow:hidden;
  position:relative;
}
.login-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg,transparent,#9e8cff,transparent);
  pointer-events:none;
}
.login-card__inner{
  padding:38px 34px 32px;
  position:relative;
}
.login-logo-floating{
  width:92px;
  height:92px;
  border-radius:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,#9277ff,#4b2fc0);
  border:1.5px solid #b3a6ff;
  box-shadow:0 16px 45px rgba(124,92,255,.34),0 0 0 1px rgba(255,255,255,.08) inset;
  overflow:hidden;
  font-size:1.5rem;
  font-weight:800;
  letter-spacing:.08em;
  color:#fff;
}
.login-logo-floating img{width:100%;height:100%;object-fit:contain;display:block;padding:8px}
.login-card h1{font-size:2rem;line-height:1.15;font-weight:800;margin:0;color:#fff}
.login-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  padding:.38rem .72rem;
  border-radius:999px;
  background:rgba(124,92,255,.14);
  border:1px solid #7c5cff;
  color:#c7bcff;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.lead-in{color:rgba(255,255,255,.72);font-size:.98rem;line-height:1.5;max-width:330px;margin:0 auto}
.login-form{display:block}
.login-field{position:relative}
.app-form-label{display:block;margin-bottom:8px;font-size:.94rem;font-weight:700;color:rgba(255,255,255,.92)}
.login-input-group{
  position:relative;
  display:flex;
  align-items:center;
  min-height:56px;
  border-radius:16px;
  background:#0c0c19;
  border:1.5px solid #464161;
  box-shadow:0 0 0 1px rgba(124,92,255,.08) inset;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.login-input-group:focus-within{
  border-color:#9986ff;
  background:#111121;
  box-shadow:0 0 0 4px rgba(124,92,255,.18),0 0 28px rgba(124,92,255,.18);
}
.login-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#ad9dff;font-size:1rem;pointer-events:none;z-index:2}
.app-input{
  width:100%;
  height:56px;
  border:0!important;
  border-radius:16px;
  background:transparent!important;
  color:#fff!important;
  padding-left:46px!important;
  padding-right:16px!important;
  font-size:1rem;
  outline:none;
  box-shadow:none!important;
}
.app-input:focus{background:transparent!important;color:#fff!important;box-shadow:none!important}
.app-input::placeholder{color:rgba(255,255,255,.40)}
.login-password-toggle{
  position:absolute;
  right:.9rem;
  top:50%;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  border-radius:12px;
  background:rgba(124,92,255,.10);
  border:1px solid rgba(124,92,255,.55);
  color:#c7bcff;
  cursor:pointer;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.06rem;
  z-index:3;
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.login-password-toggle:hover{background:rgba(124,92,255,.18);border-color:#9986ff;color:#fff}
#password{padding-right:3.65rem!important}
.btn-login{
  width:100%;
  height:56px;
  border:none;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:1rem;
  font-weight:800;
  color:#fff;
  background:linear-gradient(135deg,#7c5cff,#4930c6 55%,#9a82ff);
  box-shadow:0 16px 36px rgba(124,92,255,.32),0 0 0 1px rgba(255,255,255,.08) inset;
  transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;
}
.btn-login:hover{transform:translateY(-1px);box-shadow:0 20px 50px rgba(124,92,255,.44),0 0 0 1px rgba(255,255,255,.10) inset;opacity:1}
.btn-login:active{transform:translateY(0)}
.alert-app{border-radius:16px;padding:14px 16px;font-size:.95rem;line-height:1.45}
.alert-app--danger{background:rgba(251,113,133,.14);border:1.5px solid #fb7185;color:#fff}
.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.d-flex{display:flex}.align-items-center{align-items:center}.gap-2{gap:.5rem}
@media (max-width:991px){.login-page{padding:20px 14px}.login-card{max-width:440px}.login-card__inner{padding:32px 24px 28px}}
@media (max-width:767px){.login-page{padding:16px 12px;align-items:center;justify-content:center}.login-page__main{width:100%}.login-card{max-width:100%;border-radius:24px}.login-card__inner{padding:26px 18px 22px}.login-logo-floating{width:78px;height:78px;border-radius:20px}.login-card h1{font-size:1.55rem}.lead-in{font-size:.92rem;max-width:100%}.app-input,.login-input-group{height:52px;min-height:52px;font-size:.96rem;border-radius:14px}.btn-login{height:52px;font-size:.96rem;border-radius:14px}}
@media (max-width:480px){.login-page{padding:12px 10px}.login-card{border-radius:20px}.login-card__inner{padding:22px 14px 18px}.login-card h1{font-size:1.38rem}.lead-in{font-size:.88rem}.login-logo-floating{width:70px;height:70px;border-radius:18px;margin-bottom:14px!important}.app-form-label{font-size:.88rem}.app-input{height:50px;padding-left:44px!important}.login-input-group{min-height:50px}.login-password-toggle{right:.75rem!important;font-size:1rem!important}.alert-app{font-size:.88rem;padding:12px 14px}}

/* YouCine Codex — preto e dourado */
body.login-screen,.login-page{background:#090909!important;background-image:radial-gradient(circle at 7% 8%,rgba(255,196,0,.2),transparent 18%),radial-gradient(circle at 96% 86%,rgba(255,196,0,.15),transparent 24%),linear-gradient(135deg,transparent 0 43%,rgba(255,196,0,.12) 43.1% 43.35%,transparent 43.45%)!important}.login-card{background:linear-gradient(145deg,rgba(25,24,18,.94),rgba(8,8,7,.96))!important;border-color:rgba(255,196,0,.28)!important;box-shadow:0 30px 90px rgba(0,0,0,.72)!important}.login-eyebrow{background:rgba(255,196,0,.12)!important;border-color:rgba(255,196,0,.58)!important;color:#ffe596!important}.login-logo-floating{background:linear-gradient(135deg,#ffe589,#e4a600)!important;color:#171204!important}.login-input-group{background:#10100d!important;border-color:rgba(255,255,255,.15)!important;box-shadow:none!important}.login-input-group:focus-within{border-color:#ffc400!important;box-shadow:0 0 0 4px rgba(255,196,0,.14),0 0 28px rgba(255,196,0,.14)!important}.login-input-icon,.login-password-toggle{color:#ffe189!important}.login-password-toggle{background:rgba(255,196,0,.08)!important;border-color:rgba(255,196,0,.42)!important}.btn-login{background:linear-gradient(135deg,#ffdb4d,#e6a900)!important;color:#171204!important;box-shadow:0 16px 36px rgba(255,196,0,.22)!important}.btn-login:hover{box-shadow:0 20px 50px rgba(255,196,0,.34)!important}.alert-app--danger{background:rgba(255,196,0,.13)!important;border-color:rgba(255,196,0,.55)!important;color:#ffe9ab!important}