:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font:16px/1.5 Inter,system-ui,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}#root{min-height:100svh}h1,h2,p{margin:0}a{text-decoration:none}button{font-family:inherit}:root{--navy-950:#000d24;--navy-900:#001233;--navy-800:#00205b;--navy-700:#012f7d;--blue-500:#0058c7;--bordo-300:#e8637f;--bordo-500:#a11d3e;--bordo-600:#7e1631;--bordo-700:#5e0f26;--white:#fff;--ink-soft:#ffffffb8;--ink-faint:#ffffff7a}.page{background:radial-gradient(120% 120% at 50% -10%, var(--navy-700) 0%, var(--navy-800) 45%, var(--navy-950) 100%);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100svh;padding:32px 20px;display:flex;position:relative;overflow:hidden}.bg-grid{pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 60% at 50% 30%,#000 40%,#0000 100%)}.bg-glow{filter:blur(90px);opacity:.55;pointer-events:none;border-radius:50%;animation:16s ease-in-out infinite alternate drift;position:absolute}.bg-glow-a{background:radial-gradient(circle, var(--bordo-500) 0%, transparent 70%);width:520px;height:520px;top:-160px;left:-120px}.bg-glow-b{background:radial-gradient(circle, var(--blue-500) 0%, transparent 70%);width:620px;height:620px;animation-delay:-8s;bottom:-220px;right:-160px}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.08)}}.card{z-index:1;text-align:center;-webkit-backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:28px;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:640px;padding:48px 40px;animation:.7s cubic-bezier(.16,1,.3,1) both rise;display:flex;position:relative;box-shadow:0 30px 80px -20px #0009,inset 0 1px #ffffff14}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.brand{align-items:center;gap:14px;display:flex}.brand-badge{width:52px;height:52px;color:var(--white);background:linear-gradient(155deg, var(--bordo-300), var(--bordo-500) 55%, var(--bordo-700));border-radius:14px;place-items:center;font-size:18px;font-weight:800;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px -6px #a11d3e99}.brand-badge:after{content:"";background:linear-gradient(115deg,#0000 20%,#ffffff8c 42%,#0000 64%);animation:5s ease-in-out infinite badge-sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes badge-sheen{0%,35%{transform:translate(-120%)}55%,to{transform:translate(120%)}}.brand-text{flex-direction:column;align-items:flex-start;display:flex}.brand-name{color:var(--white);letter-spacing:-.2px;font-size:17px;font-weight:700}.brand-tag{color:var(--ink-faint);letter-spacing:.4px;text-transform:uppercase;font-size:12.5px}.pill{letter-spacing:.2px;color:var(--bordo-300);background:#a11d3e29;border:1px solid #e8637f59;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.pill-dot{background:var(--bordo-300);border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite pulse;box-shadow:0 0 #e8637f99}@keyframes pulse{0%{box-shadow:0 0 #e8637f8c}70%{box-shadow:0 0 0 8px #e8637f00}to{box-shadow:0 0 #e8637f00}}.card h1{color:var(--white);letter-spacing:-.8px;font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.15}.subtitle{max-width:460px;color:var(--ink-soft);font-size:16px;line-height:1.6}.countdown{gap:12px;margin-top:4px;display:flex}.unit{background:linear-gradient(160deg,#ffffff1a,#ffffff08);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;align-items:center;gap:6px;min-width:74px;padding:14px 6px;display:flex}.unit-value{font-variant-numeric:tabular-nums;color:var(--white);letter-spacing:-.5px;font-size:clamp(24px,5vw,34px);font-weight:800}.unit-value:after{content:""}.unit-label{letter-spacing:.6px;text-transform:uppercase;color:var(--bordo-300);font-size:11px;font-weight:600}.divider{background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:100%;height:1px;margin-top:4px}.contact-label{color:var(--ink-faint);font-size:13.5px}.contact-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{border-radius:12px;justify-content:center;align-items:center;padding:12px 24px;font-size:14.5px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:var(--white);background:linear-gradient(160deg, var(--bordo-300), var(--bordo-500) 55%, var(--bordo-700));box-shadow:0 10px 24px -8px #a11d3e99}.btn-primary:after{content:"";background:linear-gradient(115deg,#0000 30%,#fff6 48%,#0000 66%);transition:transform .6s;position:absolute;inset:0;transform:translate(-130%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px -8px #a11d3ebf}.btn-primary:hover:after{transform:translate(130%)}.btn-ghost{color:var(--white);background:#ffffff0f;border:1px solid #fff3}.btn-ghost:hover{background:#ffffff1f;transform:translateY(-2px)}.footer{z-index:1;color:var(--ink-faint);letter-spacing:.2px;font-size:12.5px;position:relative}.br-desktop{display:block}@media (width<=560px){.page{gap:20px;padding:20px 14px}.card{border-radius:22px;gap:16px;padding:32px 20px}.brand{gap:10px}.brand-badge{border-radius:12px;width:44px;height:44px;font-size:15px}.brand-name{font-size:15px}.brand-tag{font-size:11px}.br-desktop{display:none}.subtitle{font-size:14.5px}.countdown{justify-content:center;gap:8px;width:100%}.unit{border-radius:12px;flex:1 1 0;min-width:0;max-width:84px;padding:10px 4px}.contact-actions{flex-direction:column;width:100%}.btn{width:100%}}@media (width<=380px){.card{padding:26px 14px}.countdown{gap:6px}.unit{border-radius:10px;padding:8px 2px}.unit-value{font-size:20px}.unit-label{font-size:9.5px}}@media (width<=340px){.brand{flex-direction:column;gap:8px}.brand-text{align-items:center}}
