@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";
:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--primary-amber:#f59e0b;--primary-amber-hover:#d97706;--accent-gold:#fbbf24;--accent-emerald:#10b981;--bg-dark:#070d17;--text-primary:#fff;--text-muted:#ffffffd1;--text-subtle:#ffffff8c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100dvh;font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow:hidden}.main-wrapper{box-sizing:border-box;background-image:linear-gradient(#070d17a6 0%,#050a1299 45%,#04080fd9 100%),url(/images/bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100dvh;max-height:100dvh;padding:clamp(1.25rem,3.5vh,2.75rem) clamp(1.25rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.main-wrapper:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#0000 35%,#03070e8c 100%);position:absolute;inset:0}.content-container{z-index:2;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:1100px;height:100%;margin:0 auto;display:flex;position:relative}.top-nav{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:.25rem .5rem;display:flex}.brand-logo-link{align-items:center;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.brand-logo-link:hover{transform:translateY(-2px)}.brand-logo-badge{-webkit-backdrop-filter:blur(10px);background:#fffffff2;border-radius:14px;justify-content:center;align-items:center;padding:clamp(5px,1vh,8px) clamp(12px,1.8vw,18px);transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 18px #00000052,0 0 0 1px #fff6}.brand-logo-badge:hover{background:#fff;box-shadow:0 6px 24px #00000073,0 0 0 1px #ffffffb3}.brand-logo-img{object-fit:contain;width:auto;height:clamp(34px,5.5vw,46px);display:block}.status-badge{-webkit-backdrop-filter:blur(8px);color:#ffffffeb;letter-spacing:.04em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 2px 10px #0003}.status-pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;position:relative}.status-pulse-dot:after{content:"";opacity:.6;background-color:#10b981;border-radius:50%;animation:2s ease-out infinite pulse-animation;position:absolute;inset:-3px}@keyframes pulse-animation{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.hero-center{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:clamp(1.85rem,4.6vh,3.5rem);width:100%;padding:clamp(.5rem,1.5vh,1.25rem) 0;display:flex}.title-group{flex-direction:column;align-items:center;gap:clamp(.75rem,1.8vh,1.25rem);max-width:840px;display:flex}.main-headline{font-family:var(--font-heading);letter-spacing:-.025em;color:#fff;text-shadow:0 4px 24px #0009;font-size:clamp(1.85rem,4.3vw,3.5rem);font-weight:800;line-height:1.18}.sub-headline{color:var(--text-muted);max-width:640px;font-size:clamp(.95rem,1.7vw,1.2rem);font-weight:400;line-height:1.6}.countdown-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(1.15rem,3.4vw,2.85rem);width:100%;display:flex}.dial-item{aspect-ratio:1;-webkit-backdrop-filter:blur(8px);background:#0c14218c;border-radius:50%;justify-content:center;align-items:center;width:clamp(80px,11.5vw,124px);height:clamp(80px,11.5vw,124px);transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 12px 30px #0006,inset 0 0 14px #ffffff0f}.dial-item:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 16px 36px #00000080,inset 0 0 16px #f59e0b26}.dial-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.dial-bg-ring{fill:none;stroke:#ffffffe0;stroke-width:3.5px}.dial-progress-ring{fill:none;stroke:#f59e0b;stroke-width:4.2px;stroke-linecap:round;transition:stroke-dashoffset .8s}.dial-inner{text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.dial-number{font-family:var(--font-heading);color:#fff;letter-spacing:-.02em;font-size:clamp(1.5rem,2.8vw,2.5rem);font-weight:800;line-height:1}.dial-label{color:#ffffffe0;letter-spacing:.03em;margin-top:clamp(4px,.8vh,7px);font-size:clamp(.68rem,1.1vw,.88rem);font-weight:600}.notify-wrapper{width:100%;max-width:580px;position:relative}.notify-form{background:#0a101ae0;border:1.5px solid #f59e0b;border-radius:10px;align-items:stretch;transition:border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 32px #00000073,0 0 18px #f59e0b2e}.notify-form:focus-within{border-color:#fbbf24;box-shadow:0 12px 36px #0000008c,0 0 24px #f59e0b59}.notify-input{color:#fff;font-family:var(--font-main);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:clamp(.85rem,1.8vh,1.15rem) clamp(1rem,2.2vw,1.4rem);font-size:clamp(.88rem,1.35vw,1.02rem);font-weight:500}.notify-input::placeholder{color:#ffffff7a}.notify-button{color:#fff;font-family:var(--font-main);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;justify-content:center;align-items:center;gap:.5rem;padding:0 clamp(1.2rem,2.8vw,2rem);font-size:clamp(.88rem,1.35vw,1.02rem);font-weight:700;transition:all .2s;display:flex;box-shadow:inset 0 1px #ffffff40}.notify-button:hover{color:#0b111e;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);transform:translateY(-1px)}.notify-button:active{transform:translateY(0)}.notify-button:disabled{opacity:.7;cursor:not-allowed}.success-banner{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10b98129;border:1px solid #10b981;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.15rem;font-size:.92rem;font-weight:500;animation:.3s ease-out fadeIn;display:flex}.success-icon{color:#10b981;flex-shrink:0}.success-reset-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:none;font-size:.82rem;text-decoration:underline}.success-reset-btn:hover{color:#fff}.contact-text{color:#ffffffc7;letter-spacing:.015em;text-align:center;margin-top:clamp(.85rem,1.8vh,1.35rem);font-size:clamp(.82rem,1.25vw,.95rem);font-weight:400;line-height:1.6}.contact-link{color:#f59e0b;text-underline-offset:3px;font-weight:600;text-decoration:underline;transition:color .2s,text-shadow .2s}.contact-link:hover{color:#fbbf24;text-shadow:0 0 10px #fbbf2499}.bottom-footer{text-align:center;flex-shrink:0;width:100%;padding:.5rem .5rem .25rem}.copyright-text{color:#ffffffa6;letter-spacing:.02em;font-size:clamp(.75rem,1.1vw,.88rem);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-height:740px){.hero-center{gap:1.4rem;padding:.25rem 0}.title-group{gap:.5rem}.main-headline{font-size:1.75rem}.sub-headline{font-size:.9rem}.dial-item{width:72px;height:72px}.dial-number{font-size:1.4rem}.dial-label{font-size:.65rem}.contact-text{margin-top:.65rem}}@media (max-height:640px){.main-wrapper{padding:.75rem 1rem}.hero-center{gap:1rem}.main-headline{font-size:1.5rem}.sub-headline{font-size:.82rem}.dial-item{width:62px;height:62px}.dial-number{font-size:1.25rem}.contact-text{margin-top:.45rem;font-size:.76rem}}@media (max-width:480px){.main-wrapper{padding:1rem .9rem}.brand-logo-badge{border-radius:10px;padding:4px 10px}.brand-logo-img{height:28px}.status-badge{padding:.3rem .65rem;font-size:.68rem}.hero-center{gap:1.5rem}.title-group{gap:.6rem}.countdown-row{gap:.65rem}.dial-item{width:68px;height:68px}.dial-number{font-size:1.3rem}.dial-label{font-size:.65rem}.notify-input{padding:.75rem .85rem;font-size:.86rem}.notify-button{padding:0 1.15rem;font-size:.86rem}.contact-text{margin-top:.75rem;font-size:.8rem}}@media (max-width:340px){.countdown-row{gap:.4rem}.dial-item{width:60px;height:60px}.dial-number{font-size:1.15rem}.dial-label{font-size:.6rem}}