body{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:1rem;}
.container{position:relative;z-index:1;max-width:420px;width:100%;padding:clamp(1.5rem,4vw,2.25rem) clamp(1.25rem,4vw,1.85rem);background:var(--surface);border:1px solid var(--border);border-radius:18px;text-align:center;}
.logo-wrap{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:1.75rem;}
.logo-wrap img{width:clamp(32px,7vw,40px);height:clamp(32px,7vw,40px);border-radius:10px;}
.logo-wrap span{font-family:'Outfit',sans-serif;font-weight:800;font-size:clamp(1rem,3vw,1.25rem);letter-spacing:-.03em;}
.disc-icon{font-size:clamp(2.2rem,8vw,3.5rem);color:var(--accent);margin-bottom:.9rem;animation:bounce 1.4s ease-in-out infinite;}
@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
.container h1{font-family:'Outfit',sans-serif;font-size:clamp(1.4rem,4.5vw,1.8rem);font-weight:900;letter-spacing:-.03em;margin-bottom:.6rem;}
.container p{color:var(--muted);line-height:1.7;margin-bottom:1.5rem;font-size:clamp(.82rem,2.2vw,.93rem);}
.progress-bar{width:100%;height:3px;background:rgba(255,112,20,.12);border-radius:3px;overflow:hidden;margin-bottom:.85rem;}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:3px;width:0%;transition:width .1s linear;}
.timer-text{font-family:'JetBrains Mono',monospace;font-size:clamp(.68rem,1.8vw,.78rem);color:var(--muted);margin-bottom:1.5rem;}
.timer-text span{color:var(--accent);font-weight:500;}
.btn-open{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#000;padding:clamp(10px,2vw,13px) clamp(16px,4vw,26px);border-radius:9px;text-decoration:none;font-weight:800;font-size:clamp(.84rem,2.2vw,.94rem);transition:all .22s;margin-bottom:.75rem;width:100%;}
.btn-open:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(255,112,20,.42);}
.btn-back{display:block;color:var(--muted);text-decoration:none;font-size:clamp(.76rem,1.8vw,.84rem);transition:color .2s;}
.btn-back:hover{color:var(--text);}
@media(max-height:500px){body{align-items:flex-start;padding-top:1.5rem;}}