@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,sans-serif;
    height:100vh;display:flex;
    justify-content:center;
    align-items:center;
    background:url("../images/fundo.png") center/cover no-repeat fixed;
    position:relative
}
    body:before{content:"";position:absolute;
        inset:0;
        background:linear-gradient(135deg,rgba(2,9,20,.82),rgba(5,34,70,.70))}.content{position:relative;z-index:2;width:420px;max-width:92%}#login{background:rgba(8,22,46,.72);backdrop-filter:blur(18px);border:1px solid rgba(0,170,255,.25);border-radius:24px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.logo{text-align:center}.logo img{width:120px;height:120px;border-radius:50%}h2{color:#fff;text-align:center}.subtitle{text-align:center;color:#78cfff;margin:8px 0 30px}label{display:block;color:#fff;margin:10px 0 6px}input[type=text],input[type=password]{width:100%;padding:15px;background:#122949;border:1px solid #1f7fd6;border-radius:12px;color:#fff}input[type=submit]{margin-top:25px;width:100%;padding:15px;border:none;border-radius:12px;background:linear-gradient(135deg,#00A8FF,#005CFF);color:#fff;font-weight:600;cursor:pointer}#popup{display:none}