*{margin:0;padding:0;box-sizing:border-box}
body{overflow:hidden;height:100vh;font-family:Inter,Arial,sans-serif;
background:linear-gradient(#eef8ff,#dceefe 60%,#c8def7);display:flex;
justify-content:center;align-items:center;color:#24415d}
.bg{position:fixed;inset:0;background:
radial-gradient(circle at 20% 20%,rgba(255,255,255,.8),transparent 30%),
radial-gradient(circle at 80% 15%,rgba(255,255,255,.7),transparent 25%);
animation:clouds 18s ease-in-out infinite alternate}
@keyframes clouds{to{transform:translateX(-40px) translateY(15px)}}
.mountains{position:fixed;left:0;right:0;bottom:0;height:35vh;
background:linear-gradient(180deg,transparent,#9dc3e8 40%);
clip-path:polygon(0 100%,0 70%,10% 50%,20% 68%,35% 35%,50% 75%,67% 30%,82% 60%,100% 45%,100% 100%)}
.card{position:relative;z-index:2;padding:55px 70px;border-radius:26px;
background:rgba(255,255,255,.45);backdrop-filter:blur(18px);
box-shadow:0 20px 60px rgba(40,90,140,.18);text-align:center}
.icon{font-size:64px;margin-bottom:18px}
#title span{display:inline-block;font-size:52px;font-weight:700;transition:transform .25s,opacity .25s}
p{margin:18px 0;font-size:22px}
small{color:#53718f}