*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}
body{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0d6efd,#4f46e5);color:#fff;text-align:center;padding:20px}
.container{max-width:700px}
.logo{font-size:32px;font-weight:bold;margin-bottom:20px}
.hero-img{width:320px;max-width:100%;animation:float 3s ease-in-out infinite}
h1{margin:20px 0}
p{line-height:1.7;margin-bottom:20px}
#clock{display:inline-block;background:rgba(255,255,255,.15);padding:12px 20px;border-radius:10px}
.footer{margin-top:25px;opacity:.8}
@keyframes float{50%{transform:translateY(-10px)}}