:root {
    --bg:#050d18; --surface:#0b1728; --border:rgba(148,163,184,.16); --text:#f6fbff;
    --muted:#8ea3bd; --primary:#1688ff; --primary2:#34b8ff;
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{
    min-height:100dvh;display:grid;place-items:center;padding:24px;
    font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    color:var(--text);
    background:
      radial-gradient(circle at 12% 8%,rgba(22,136,255,.25),transparent 30rem),
      radial-gradient(circle at 90% 90%,rgba(31,211,215,.10),transparent 28rem),
      linear-gradient(155deg,#06111f,#030813 72%);
    overflow-x:hidden;
}
body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 85%);pointer-events:none}
.content{
    width:min(100%,430px);padding:38px;border:1px solid var(--border);border-radius:24px;
    background:linear-gradient(145deg,rgba(14,29,49,.93),rgba(6,17,30,.94));
    box-shadow:0 32px 100px rgba(0,0,0,.42);backdrop-filter:blur(16px);position:relative;overflow:hidden;
}
.content::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(105,201,255,.55),transparent)}
.text{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:22px!important}
.text::before,.text::after{display:none!important;content:none!important}

.text img{display:block!important;max-width:min(100%,320px);height:auto;filter:drop-shadow(0 14px 34px rgba(22,136,255,.18))}
form{margin:0}
.field{position:relative;width:100%;height:auto;margin:0 0 16px!important;display:block}
.field input{width:100%;height:52px;padding:0 15px 0 46px;border:1px solid rgba(142,163,189,.20);border-radius:14px;background:rgba(3,12,22,.72);color:#edf7ff;font-size:.92rem;outline:none;box-shadow:none;transition:.16s ease}
.field input::placeholder{color:#61758e}
.field input:focus{border-color:rgba(52,184,255,.65);box-shadow:0 0 0 4px rgba(22,136,255,.11);background:rgba(5,17,30,.95)}
.field span{position:absolute;left:15px;top:0;width:20px;height:52px;display:grid;place-items:center;color:#6e89a8;line-height:normal}
.field label{display:none}
button{width:100%;height:52px;margin:8px 0 0;border:1px solid rgba(103,191,255,.28);border-radius:14px;background:linear-gradient(135deg,var(--primary),#2767ec);color:#fff;font-size:.92rem;font-weight:750;cursor:pointer;box-shadow:0 14px 30px rgba(22,136,255,.20);transition:.16s ease}
button:hover{transform:translateY(-1px);filter:brightness(1.06)}
button:active{transform:none}
.content::after{content:'Acesso seguro • PHP 8.5';display:block;text-align:center;color:var(--muted);font-size:.7rem;margin-top:18px}
@media(max-width:480px){body{padding:14px}.content{padding:28px 20px;border-radius:20px}.text{margin-bottom:24px!important}.field input,button{height:50px}}

.login-error{margin:0 0 1rem;padding:.8rem 1rem;border:1px solid rgba(248,113,113,.32);border-radius:12px;background:rgba(127,29,29,.24);color:#fecaca;font-size:.875rem;line-height:1.35}