html,body{margin:0;height:100%;font-family:Segoe UI,Arial,sans-serif}
body{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#dfe9f8}
.bg{position:fixed;inset:0;background:
radial-gradient(circle at top,#7eb4ff 0,#4f88d9 35%,#dfe9f8 80%);
}
.bg:before{content:"";position:absolute;inset:0;opacity:.15;
background-image:
repeating-radial-gradient(circle at 20% 20%,transparent 0 22px,#fff2 22px 23px),
repeating-radial-gradient(circle at 80% 70%,transparent 0 26px,#fff2 26px 27px);}
.card{position:relative;max-width:760px;width:90%;background:rgba(255,255,255,.82);
backdrop-filter:blur(8px);padding:40px;border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.18);text-align:center}
.logo{max-width:180px;max-height:90px;margin-bottom:10px}
h1{margin:0;color:#194b8f}h2{font-weight:400;color:#3f6da8}
.sep{height:2px;background:#8cb4eb;margin:25px auto;width:120px}
.btn{display:inline-block;background:#2f6fc2;color:#fff;text-decoration:none;
padding:12px 22px;border-radius:8px}
footer{margin-top:30px;color:#666;font-size:.9em}