:root{--bg1:#0f172a;--bg2:#0b2140;--card:#0b1220;--accent:#6ee7b7}
html,body{height:100%;margin:0}
body{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg1),var(--bg2));font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif;color:#e6eef8}
.card{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));box-shadow:0 10px 30px rgba(2,6,23,0.6);text-align:center}
h1{font-size:3.2rem;margin:0;letter-spacing:0.02em}
.robot{width:220px;height:220px}
.float{animation:float 3s ease-in-out infinite}
@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}
.shadow{filter:blur(8px);opacity:0.25}
@media (max-width:420px){h1{font-size:2rem}.card{padding:1.25rem}}