*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#fff;background:linear-gradient(to bottom right,#000,#111827);margin:0;font-family:Arial,sans-serif}.container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.card{background:#1f2937;border-radius:16px;width:90%;max-width:400px;overflow:hidden;box-shadow:0 10px 40px #00000080}.flier{width:100%;display:block}.countdown{text-align:center;padding:20px}.time-grid{justify-content:space-between;gap:10px;display:flex}.time-box{background:#111827;border-radius:10px;flex:1;padding:10px}.value{font-size:20px;font-weight:700}.label{color:#9ca3af;font-size:12px}.live{color:#22c55e;animation:1s infinite alternate pulse}.footer{color:#9ca3af;margin-top:20px;font-size:14px}@keyframes pulse{0%{opacity:.6}to{opacity:1}}