*{margin:0;padding:0;box-sizing:border-box}
body{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);font-family:Arial,sans-serif;color:#fff}
.container{text-align:center;padding:40px}
h1{font-size:clamp(2.3rem,5vw,4.2rem);letter-spacing:2px;margin-bottom:18px}
h2{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:400;margin-bottom:12px}
p{opacity:.85;margin-bottom:30px;font-size:1.1rem}
.dots span{display:inline-block;width:12px;height:12px;margin:0 6px;border-radius:50%;background:#60a5fa;animation:b 1.4s infinite}
.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}
@keyframes b{0%,80%,100%{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}