*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:#061848;color:#fff}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 14px;background:radial-gradient(circle at top,#fff 0,#39b8ff55 25%,transparent 45%),linear-gradient(135deg,#00218d,#007bff 55%,#eaf8ff)}.box{width:min(100%,560px);text-align:center;padding:16px;border-radius:30px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);box-shadow:0 25px 70px #0007}.logo{display:inline-block;background:#fff;color:#0064df;font-weight:900;padding:10px 24px;border-radius:999px;margin-bottom:12px}.banner{width:100%;display:block;border-radius:24px;border:6px solid #ffffff66;box-shadow:0 18px 40px #0008}h1{text-transform:uppercase;font-size:clamp(32px,8vw,56px);line-height:.95;margin-top:18px;text-shadow:0 5px 0 #0042a7,0 12px 24px #0007}h1 span{color:#eaf8ff}p{font-size:16px;line-height:1.45;margin:14px auto 20px;max-width:450px}.btn{display:inline-block;width:min(100%,420px);padding:18px 22px;border-radius:20px;background:linear-gradient(180deg,#fff,#dff6ff 45%,#0094ff);color:#003b9e;text-decoration:none;text-transform:uppercase;font-size:24px;font-weight:900;box-shadow:0 9px 0 #003e9c,0 18px 30px #0006}@media(max-width:480px){.box{padding:10px;border-radius:22px}.banner{border-radius:18px}p{font-size:14px}.btn{font-size:21px}}