*{box-sizing:border-box}
:root{font-family:Arial,Helvetica,sans-serif;color:#fff}
body{margin:0;min-height:100vh;background:
radial-gradient(ellipse at 20% 20%,#192e65 0%,transparent 45%),
radial-gradient(ellipse at 85% 85%,#28184e 0%,transparent 45%),
#090e1c}
.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:25px}
.login-card{width:100%;max-width:440px;padding:45px 38px;background:#141c30;border:1px solid #2c3854;border-radius:20px;box-shadow:0 25px 80px #0005}
.brand{text-align:center;margin-bottom:43px}
.logo{width:65px;height:65px;margin:0 auto 20px;border-radius:18px;background:linear-gradient(135deg,#3578ff,#9a4cff);display:grid;place-items:center;font-size:29px;box-shadow:0 10px 35px #4368ff45}
.brand h1{font-size:27px;letter-spacing:1px;margin:0;white-space:nowrap}
.brand h1 span{color:#958cff}
.brand p{font-size:10px;letter-spacing:2px;color:#91a1c0;margin-top:12px}
.heading{text-align:center;margin-bottom:30px}
.heading h2{font-size:20px;margin:0 0 12px}
.heading p{font-size:13px;color:#98a7c2;margin:0}
label{display:block;font-size:13px;color:#c2cee5;margin:19px 0 9px}
input{width:100%;padding:15px;background:#0e1526;border:1px solid #35415c;border-radius:10px;color:#fff;font-size:14px;outline:none}
input:focus{border-color:#788aff;box-shadow:0 0 0 3px #788aff20}
input::placeholder{color:#667692}
button{width:100%;margin-top:15px;padding:16px;background:linear-gradient(110deg,#3779ff,#7958f5);border:0;border-radius:10px;color:white;font-size:14px;font-weight:bold;cursor:pointer}
button:hover{filter:brightness(1.12)}
button:disabled{opacity:.6;cursor:wait}
.error{min-height:18px;color:#ff929e;font-size:12px;margin:13px 0 0}
footer{text-align:center;color:#7182a1;font-size:11px;margin-top:35px}
@media(max-width:480px){.login-card{padding:35px 23px}.brand h1{font-size:23px}}

/* ILUMINAX PLAY — LOGO OFICIAL */
.brand .official-logo {
    display: block;
    width: 100%;
    max-width: 350px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}
button {
    background: linear-gradient(110deg,#8700d4,#bd00ff);
}
input:focus {
    border-color: #ae00ff;
    box-shadow: 0 0 0 3px #ae00ff25;
}