@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Shrikhand&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}html,body,#root{height:100%}.page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px 90px;overflow:hidden;color:#f8fafc}.bg-layer{position:fixed;inset:0;z-index:0;overflow:hidden}.bg-base{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,#111827,#020617 75%)}.bg-color-overlay{position:absolute;inset:0;opacity:.9;mix-blend-mode:overlay}.bg-photo{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.55);opacity:.9}.fade-in{animation:fadeInBg .25s ease-out forwards}.fade-out{animation:fadeOutBg .25s ease-out forwards}@keyframes fadeInBg{0%{opacity:0;transform:scale(1.01)}to{opacity:.9;transform:scale(1)}}@keyframes fadeOutBg{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.01)}}.cd-flying-layer{position:fixed;inset:0;pointer-events:none;z-index:3}.cd-flying{position:absolute;left:50%;top:72%;width:220px;height:220px;background:url(/images/cd.png) center / contain no-repeat;filter:drop-shadow(0 14px 30px rgba(0,0,0,.85));transform:translate(-50%,-50%);animation:cdFlyUp 1s cubic-bezier(.22,.61,.36,1) forwards}@keyframes cdFlyUp{0%{top:82%;opacity:0;transform:translate(-50%,-50%) scale(.9) rotate(0)}20%{opacity:1}55%{top:32%;transform:translate(-50%,-50%) scale(1.05) rotate(220deg)}85%{top:5%;opacity:1;transform:translate(-50%,-50%) scale(.96) rotate(320deg)}to{top:-10%;opacity:0;transform:translate(-50%,-50%) scale(.9) rotate(340deg)}}.content{position:relative;z-index:2;text-align:center;max-width:720px}.title-block{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:2.5rem;margin-left:3rem}.title{font-size:clamp(5rem,8vw,8.2rem);letter-spacing:.08em;font-family:Shrikhand,cursive;font-weight:400;margin-bottom:-1rem}.comiats{font-size:clamp(1.5rem,2.4vw,2rem);font-family:Helvetica,sans-serif}.subtitle{margin-top:1rem;margin-bottom:28px;max-width:600px;opacity:.75;font-style:italic;line-height:1.3}.countdown{display:flex;justify-content:center;gap:22px;margin-bottom:40px}.time-box{display:flex;flex-direction:column;align-items:center}.number{font-size:2.8rem;font-weight:800}.label{margin-top:4px;font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;opacity:.85}.finished{margin-top:10px;font-weight:600;color:#4ade80}.info-text{margin-top:24px;font-size:1rem;opacity:.75;font-style:italic}.info-text.muted{opacity:.75;font-style:italic}.buttons{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-wrap:nowrap;gap:12px;justify-content:center;padding:0 12px;z-index:4}.btn{background:#94a3b838;border:1px solid rgba(148,163,184,.7);padding:9px 18px;border-radius:999px;font-size:.95rem;color:#e5e7eb;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;flex:0 0 auto;transition:transform .15s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px);background:#f8fafc38;box-shadow:0 8px 20px #0f172ab3}.btn:active{transform:translateY(1px) scale(.97)}@media(max-width:600px){.page{padding:32px 24px 115px}.content{max-width:100%;padding:0 4px}.title-block{margin-left:0;align-items:flex-start;width:100%;padding-left:4px;margin-bottom:2rem}.title{font-size:3.8rem;line-height:1.05;margin-bottom:-.4rem}.comiats{font-size:2.2rem;line-height:1}.subtitle,.info-text{padding:0 10px}.number{font-size:2.5rem}.buttons{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:360px;padding:0 10px}.btn{flex:0 0 auto;min-width:90px;text-align:center}}@media(max-width:360px){.title{font-size:3.3rem}.comiats{font-size:1.9rem}}