@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700;9..144,900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--navy:#0f3d7e;--orange:#f15a22;--orange-light:#ff8a4c;--wood-darkest:#1f130a;--wood-deep:#2c1a0e;--wood-walnut:#3f2817;--wood-mid:#6b4226;--wood-oak:#c8975a;--sawdust:#e8b878;--cream:#f6e9d2;--cream-soft:#efe0c4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--wood-darkest);color:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.page{isolation:isolate;min-height:100dvh;position:relative;overflow:hidden}.bg-gradient{z-index:-3;background-color:#0000;background-image:radial-gradient(1100px 700px at 50% -5%,#e8b87847,#0000 60%),radial-gradient(900px 700px at 12% 90%,#f15a2229,#0000 60%),linear-gradient(165deg,#3f2817 0%,#2c1a0e 45%,#1f130a 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:20s ease-in-out infinite bgShift;position:fixed;inset:0}@keyframes bgShift{0%,to{background-position:50% 0,0 100%,0 0}50%{background-position:60% 15%,20% 80%,0 0}}.grid-overlay{z-index:-2;opacity:.7;background-image:repeating-linear-gradient(92deg,#fff0d20a 0,#78461e0d 2px,#fff0d205 5px,#3c230f0f 7px,#fff0d208 11px),repeating-linear-gradient(0deg,#0000 0 118px,#140c068c 119px,#78502840 121px,#0000 123px);position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 50% 40%,#000 35%,#0000 85%);mask-image:radial-gradient(90% 80% at 50% 40%,#000 35%,#0000 85%)}.blob{z-index:-1;filter:blur(80px);opacity:.5;will-change:transform;border-radius:50%;position:fixed}.blob-1{background:radial-gradient(circle, var(--sawdust), transparent 70%);width:42vw;height:42vw;animation:24s ease-in-out infinite float1;top:-12vw;left:50%;transform:translate(-50%)}.blob-2{background:radial-gradient(circle, var(--orange), transparent 70%);width:38vw;height:38vw;animation:28s ease-in-out infinite float2;bottom:-14vw;left:-8vw}.blob-3{background:radial-gradient(circle, var(--wood-oak), transparent 70%);opacity:.35;width:28vw;height:28vw;animation:32s ease-in-out infinite reverse float1;top:45%;right:-8vw}@keyframes float1{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(calc(4vw - 50%),6vw)scale(1.12)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(6vw,-5vw)scale(1.1)}}.floaters{z-index:-1;pointer-events:none;position:fixed;inset:0}.floater{opacity:0;filter:drop-shadow(0 8px 20px #00000059);animation-name:rise;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-10%}@keyframes rise{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-115vh)rotate(40deg)}}.container{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:920px;min-height:100dvh;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1.2rem,5vw,2rem) 2rem;display:flex;position:relative}.top,.badge,.headline,.subtitle,.cd-wrap,.notify,.socials,.foot{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards revealUp;animation-delay:var(--d,0s)}@keyframes revealUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.top{margin-bottom:auto;padding-top:.5rem}.logo{background:#fffffff0;border-radius:18px;padding:.7rem 1.1rem;animation:.9s cubic-bezier(.34,1.56,.64,1) .2s both markPop;display:inline-flex;box-shadow:0 14px 40px #0000004d}@keyframes markPop{0%{opacity:0;transform:scale(.6)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.logo-img{width:auto;height:clamp(38px,6vw,52px);display:block}.hero{flex-direction:column;align-items:center;gap:1.4rem;margin:auto 0;padding:2.5rem 0;display:flex}.badge{letter-spacing:.16em;text-transform:uppercase;color:var(--sawdust);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#e8b8781a;border:1px solid #e8b87866;border-radius:999px;align-items:center;gap:.55rem;padding:.5rem 1.1rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite pulse;box-shadow:0 0 #f15a22b3}@keyframes pulse{0%{box-shadow:0 0 #f15a22b3}70%{box-shadow:0 0 0 10px #f15a2200}to{box-shadow:0 0 #f15a2200}}.headline{letter-spacing:-.01em;color:var(--cream);text-shadow:0 2px 24px #00000059;font-family:Fraunces,Georgia,serif;font-size:clamp(2.6rem,8.5vw,5rem);font-weight:700;line-height:1.02}.grad{background:linear-gradient(100deg, var(--orange), var(--sawdust) 55%, #ffe1b0);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-style:italic;animation:5s linear infinite shine}@keyframes shine{to{background-position:200%}}.subtitle{color:#f6e9d2c7;max-width:600px;font-size:clamp(1rem,2.4vw,1.18rem);line-height:1.7}.cd-wrap{width:100%}.cd-label{letter-spacing:.22em;text-transform:uppercase;color:#e8b878bf;margin-bottom:.9rem;font-size:.78rem;font-weight:600}.countdown{flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,2vw,1rem);display:flex}.count-box{min-width:clamp(74px,18vw,110px);animation:6s ease-in-out infinite boxFloat;animation-delay:calc(var(--i) * .4s);background:linear-gradient(160deg,#6b42268c,#2c1a0ea6),repeating-linear-gradient(90deg,#ffe6c30d 0 3px,#0000 3px 6px);border:1px solid #e8b87838;border-radius:14px;padding:1.1rem .8rem;position:relative;box-shadow:0 14px 40px #0006,inset 0 1px #ffe6c31f}@keyframes boxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.count-value{background:linear-gradient(180deg, #fff3df, var(--sawdust));-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-family:Fraunces,Georgia,serif;font-size:clamp(1.9rem,6vw,3rem);font-weight:700;line-height:1}.count-label{letter-spacing:.18em;text-transform:uppercase;color:#f6e9d28c;margin-top:.5rem;font-size:.72rem;font-weight:600}.notify{width:100%;max-width:520px}.field{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#140c0673;border:1px solid #e8b87847;border-radius:999px;gap:.5rem;padding:.45rem;transition:border-color .25s,box-shadow .25s;display:flex}.field:focus-within{border-color:#f15a22bf;box-shadow:0 0 0 4px #f15a222e}.field input{min-width:0;color:var(--cream);background:0 0;border:none;outline:none;flex:1;padding:0 1rem;font-size:1rem}.field input::placeholder{color:#f6e9d273}.field button{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--orange), var(--orange-light));border:none;border-radius:999px;flex:none;padding:.85rem 1.6rem;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 10px 24px #f15a2266}.field button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #f15a228c}.field button:active:not(:disabled){transform:translateY(0)}.field button:disabled{cursor:default;opacity:.85}.field button[data-status=success]{background:linear-gradient(135deg,#1fb573,#34d399);box-shadow:0 10px 24px #34d39973}.form-note{color:#f6e9d280;margin-top:.75rem;font-size:.85rem;transition:color .3s}.form-note.show{color:var(--sawdust);animation:.4s notePop}@keyframes notePop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.socials{gap:.75rem;margin-top:.25rem;display:flex}.social{color:#f6e9d2d9;background:#6b422659;border:1px solid #e8b87838;border-radius:14px;place-items:center;width:46px;height:46px;transition:transform .25s,background .25s,color .25s,border-color .25s;display:grid}.social:hover{color:#fff;background:var(--orange);border-color:var(--orange);transform:translateY(-4px);box-shadow:0 12px 24px #f15a2266}.foot{color:#f6e9d266;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:auto;padding-top:2rem;font-size:.82rem;display:flex}.dot-sep{opacity:.5}@media (width<=540px){.field{border-radius:22px;flex-direction:column;padding:.6rem}.field input{text-align:center;padding:.7rem 1rem}.field button{width:100%;padding:.9rem}.top{align-self:center}}
