@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;background:#101010;color:#fafafa;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 48%,#202020 0, #101010 67%)}
.header{display:flex;justify-content:space-between;align-items:center;margin:0 6%;height:110px;border-bottom:1px solid #2b2b2b}
.brand{font-family:'Manrope',Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-2px;color:#fff;text-decoration:none}.brand-dot{color:#878787}
.header-note{font-size:10px;letter-spacing:2px;color:#999}
main{flex:1;display:grid;place-items:center;padding:76px 24px 90px}
.card{text-align:center;width:100%;max-width:790px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #414141;border-radius:100px;padding:11px 17px;color:#ccc;font-size:10px;font-weight:600;letter-spacing:2px}
.dot{width:6px;height:6px;border-radius:100%;background:#fff}
h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(46px,6.8vw,82px);line-height:1.1;letter-spacing:-4px;font-weight:600;margin:30px 0 24px}.muted{color:#8b8b8b}
p{font-size:17px;line-height:1.7;color:#a8a8a8;margin:0 0 36px}
.button{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:350px;min-height:62px;margin:0 auto;padding:18px 25px;background:#fafafa;border:1px solid #fafafa;color:#151515;border-radius:7px;text-decoration:none;font-size:15px;font-weight:700;transition:background .2s,transform .2s}
.button:hover{background:#dcdcdc;transform:translateY(-2px)}.button:focus-visible,.brand:focus-visible{outline:3px solid #fff;outline-offset:6px}.button span{font-size:24px;font-weight:400}
.hint{display:block;margin-top:18px;font-size:12px;color:#888}
footer{display:flex;justify-content:space-between;gap:20px;margin:0 6%;padding:27px 0;border-top:1px solid #2b2b2b;color:#737373;font-size:9px;letter-spacing:1.6px}
.progress{height:2px;background:#383838;max-width:350px;margin:0 auto 24px;overflow:hidden}.progress span{display:block;background:#fff;height:100%;width:100%;transform-origin:left;animation:progress 4.5s linear both}
@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.button{justify-content:center;gap:12px;background:#25d366;border-color:#25d366;color:#092512;animation:whatsapp-pulse 1.8s ease-out infinite}
.button:hover{background:#49e282;border-color:#49e282}
.whatsapp-icon{width:24px;height:24px;flex-shrink:0}
@keyframes whatsapp-pulse{0%{box-shadow:0 0 0 0 #25d36655}75%,100%{box-shadow:0 0 0 15px #25d36600}}
.countdown{font-family:'Manrope',Arial,sans-serif;font-size:64px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;color:#25d366}
.countdown-label{display:block;color:#aaa;font-size:12px;margin:8px 0 24px}
.progress span{background:#25d366;animation-duration:3s}
.catalog-title{font-size:clamp(26px,5vw,64px);letter-spacing:-.045em}
.title-line{display:block;white-space:nowrap}
@media(max-width:600px){.header{height:86px}.header-note{font-size:8px;letter-spacing:1.5px}main{padding:65px 24px 75px}h1{letter-spacing:-2.5px;font-size:clamp(42px,10vw,60px)}p{font-size:15px}.eyebrow{font-size:9px;letter-spacing:1.5px}footer{justify-content:center;text-align:center;font-size:8px}footer span:last-child{display:none}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}