*{box-sizing:border-box;margin:0;padding:0}html{background:#fff!important;color-scheme:only light!important}body{-webkit-font-smoothing:antialiased;animation:moveDots 2s linear infinite;background-color:#fff;background-image:radial-gradient(circle,#d4d4d4 1px,#0000 0);background-size:24px 24px;color:#000!important;color-scheme:only light!important;font-family:JetBrains Mono,monospace;margin:0}@keyframes moveDots{0%{background-position:0 0}to{background-position:24px -24px}}.container{flex-direction:column;justify-content:center;min-height:100vh;padding:1rem;position:relative}.card,.container{align-items:center;display:flex}.card{background:#fff!important;border:2px solid #000!important;border-radius:20px;box-shadow:12px 12px 0 #000;gap:28px;max-width:600px;padding:36px 40px;width:100%}.info{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.text{color:#999!important;font-size:12px;font-weight:400;letter-spacing:1px;text-transform:uppercase}.label{font-size:24px;line-height:1.2;word-break:break-word}.label,.timer{color:#000!important;font-weight:600}.timer{font-size:40px;line-height:1;min-width:56px;text-align:center}.btn{align-items:center;background:#000!important;border:2px solid #000!important;border-radius:12px;color:#fff!important;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:8px;height:56px;justify-content:center;padding:0 24px;transition:all .15s;white-space:nowrap}.btn span{font-size:18px;line-height:1}.btn:hover{background:#1a1a1a;box-shadow:5px 5px 0 #000;transform:translate(-3px,-3px)}.btn:active{box-shadow:2px 2px 0 #000;transform:translate(0)}.progress{background:#0000;bottom:0;height:10px;left:0;position:fixed;right:0;z-index:1000}.progress:before{background:#e8e8e8!important;width:100%}.progress:after,.progress:before{content:"";height:100%;left:0;position:absolute;top:0}.progress:after{background:#000!important;transition:width .1s linear;width:0;width:var(--progress-width,0)}@media (max-width:768px){.card{box-shadow:10px 10px 0 #000;gap:24px;max-width:540px;padding:32px 36px}.text{font-size:11px}.label{font-size:22px}.timer{font-size:36px}}@media (max-width:640px){.card{align-items:stretch;flex-direction:column;gap:24px;max-width:480px;padding:32px}.info{align-items:center;text-align:center}.text{font-size:11px;letter-spacing:1.5px}.label{font-size:22px}.timer{font-size:64px;min-width:auto}.btn{font-size:14px;height:52px;padding:0 24px}.btn span{font-size:16px}}@media (max-width:480px){.card{border-radius:16px;box-shadow:8px 8px 0 #000;gap:20px;padding:28px}.text{font-size:10px;letter-spacing:1.2px}.label{font-size:20px}.timer{font-size:60px;min-width:auto}.btn{font-size:13px;height:48px;padding:0 22px}.btn span{font-size:15px}}@media (max-width:360px){.card{gap:18px;padding:24px}.text{font-size:9px;letter-spacing:1px}.label{font-size:18px}.timer{font-size:56px;min-width:auto}.btn{font-size:12px;height:46px;padding:0 20px}.btn span{font-size:14px}}