:root{--sky-top:#3d2468;--sky-bottom:#8e3b9a;--green:#a6ec7d;--orange:#ff8508;--scene-scale:1}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#1a0b27}body{font-family:Arial,Helvetica,sans-serif}.viewport{position:relative;width:100%;min-height:100svh;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#512470 0,#321747 55%,#210e31 100%)}.scene{position:relative;width:1376px;height:768px;flex:none;overflow:hidden;isolation:isolate;background:linear-gradient(155deg,var(--sky-top) 20%,#502475 49%,var(--sky-bottom) 76%,#53205f);transform-origin:center}.sky-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 49% 59%,#b244b44d,transparent 52%),radial-gradient(ellipse at 15% 58%,#1d0d3b80,transparent 44%)}.landscape,.webs{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.moon{position:absolute;left:900px;top:80px;width:188px;height:188px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff9c7,#ffec99 80%);box-shadow:0 0 52px 28px #ffe7aa50,0 0 150px 70px #f1d68525;overflow:hidden}.moon i{position:absolute;border-radius:47%;background:#edc564;opacity:.22;box-shadow:inset 5px 5px 10px #ffe399}.moon i:nth-child(1){width:43px;height:48px;left:35px;top:31px;transform:rotate(25deg)}.moon i:nth-child(2){width:19px;height:13px;left:114px;top:22px}.moon i:nth-child(3){width:37px;height:41px;left:133px;top:60px}.moon i:nth-child(4){width:26px;height:20px;left:18px;top:87px}.moon i:nth-child(5){width:26px;height:24px;left:73px;top:147px}.moon i:nth-child(6){width:15px;height:14px;left:67px;top:11px}.moon i:nth-child(7){width:23px;height:37px;left:9px;top:116px}.moon i:nth-child(8){width:25px;height:18px;left:145px;top:132px}.moon i:nth-child(9){width:14px;height:10px;left:51px;top:122px}.moon i:nth-child(10){width:33px;height:13px;left:99px;top:174px}.cloud{animation:drift 12s ease-in-out infinite alternate}.cloud-two{animation-delay:-5s}.cloud-three{animation-delay:-9s}.bat{position:absolute;color:#32103f;animation:bat-hover 5s ease-in-out infinite;transform:rotate(var(--angle))}.bat svg{width:100%;height:100%;overflow:visible}.bat .wing{transform-origin:50% 50%;animation:flap 1.8s ease-in-out infinite alternate}.socials{position:absolute;top:15px;left:1055px;display:flex;gap:9px;z-index:6}.socials a{width:57px;height:51px;color:#d8c4e6;opacity:.78;transition:opacity .2s,transform .2s}.socials a:hover{opacity:1;transform:translateY(-4px)}.socials svg{width:100%;height:100%}.brand-row{position:absolute;left:192px;top:185px;display:flex;align-items:center;gap:16px;height:62px;z-index:5}.brand{position:relative;background:#fff;border-radius:17px;width:169px;height:60px;text-decoration:none;color:#113d4c;display:flex;align-items:center;justify-content:center;letter-spacing:-2.2px;font-weight:800;font-size:29px;box-shadow:0 0 22px #d080c32b}.brand-o{color:#9b275b}.brand-mark{display:inline-block;border:3px solid #945573;border-radius:9px;line-height:31px;margin:0 -2px;color:#225360;transform:rotate(-4deg)}.brand small{position:absolute;font-size:8px;letter-spacing:0;right:14px;bottom:11px}.witch-hat{position:absolute;left:-27px;top:-60px;width:132px;height:98px;transform:rotate(-8deg);pointer-events:none}.wood-sign{position:relative;display:grid;place-items:center;height:58px;width:219px;border:5px solid #ad663e;border-radius:20px 16px 21px 13px;background:linear-gradient(#4a1737,#30112d);color:#f1bd83;font-size:16px;font-weight:bold;box-shadow:0 0 0 2px #532039,inset 0 0 0 2px #5c2938;transform:rotate(-1deg);clip-path:polygon(2% 6%,9% 0,18% 9%,33% 3%,48% 9%,64% 3%,81% 7%,96% 0,100% 23%,97% 49%,100% 76%,94% 100%,77% 93%,65% 100%,48% 94%,30% 100%,13% 94%,3% 100%,0 72%,2% 48%,0 25%)}.welcome{position:absolute;left:192px;top:279px;z-index:4}.welcome h1{margin:0;font-size:70px;font-weight:800;line-height:1.34;letter-spacing:-1.3px;color:var(--green);text-shadow:0 0 8px #9cf56f9c,0 0 24px #72be5f85,5px 9px 4px #182320;filter:drop-shadow(0 0 9px #a4ed792b)}.intro{display:flex;align-items:center;gap:31px;margin-top:13px}.intro p{font-size:28px;line-height:1.64;color:#fff1f3;margin:0;text-shadow:2px 3px 3px #1f0c25;letter-spacing:.1px}.cta{width:68px;height:68px;flex:none;border:0;border-radius:50%;background:linear-gradient(135deg,#ff9706,#ff7900);color:#ffe3a5;box-shadow:0 0 25px 12px #ff8c0035;cursor:pointer;transition:transform .2s,box-shadow .2s}.cta svg{width:36px;height:30px}.cta:hover{transform:translateX(5px);box-shadow:0 0 35px 15px #ff8c0060}.cta:active{transform:scale(.94)}a:focus-visible,button:focus-visible{outline:3px solid #f8e4aa;outline-offset:6px}.pumpkin{position:absolute;padding:0;border:0;background:none;cursor:pointer;transform-origin:50% 95%;filter:drop-shadow(0 6px 5px #250a2550);transition:filter .3s,transform .3s;z-index:5}.pumpkin svg{display:block;width:100%;height:100%;overflow:visible}.pumpkin:hover{transform:rotate(-4deg) translateY(-5px)}.pumpkin .face{fill:#ffed69;filter:drop-shadow(0 0 5px #ffd638);animation:flicker 4s ease-in-out infinite}.pumpkin.unlit .face{fill:#7b3206;filter:none;animation:none}.pumpkin .cut-edge{fill:#af4807}.pumpkin .stem{fill:#735023;stroke:#8b6428;stroke-width:3}.pumpkin .rib{fill:none;stroke:#c35608;stroke-width:2;opacity:.42}.pumpkin .shine{fill:none;stroke:#ffcc52;stroke-width:2;opacity:.65}.pumpkin-patch{position:absolute;inset:0;pointer-events:none}.pumpkin-patch .pumpkin{pointer-events:auto}.webs{z-index:7;stroke:#e0cbe8;stroke-width:.85;fill:none;opacity:.65}.hanging-spider{position:absolute;border-left:1px solid #cfb5d580;top:0;height:80px;left:311px;z-index:7}.hanging-spider span{position:absolute;bottom:-6px;left:-6px;width:12px;height:15px;background:#c9b1d3;border-radius:50%;box-shadow:0 0 8px #d8bde850}.hanging-spider span:before,.hanging-spider span:after{content:"";position:absolute;left:-8px;top:1px;width:26px;height:12px;border:1px solid #c9b1d3;border-radius:50%;transform:rotate(45deg)}.hanging-spider span:after{transform:rotate(-45deg)}.spider-two{left:1190px;height:76px;transform:scale(.7);transform-origin:top}.motion-toggle{position:absolute;z-index:9;right:21px;bottom:18px;color:#cfb5d2;background:#2b133c99;border:1px solid #bca0c13b;width:32px;height:32px;border-radius:50%;cursor:pointer;opacity:.5;font-size:14px}.motion-toggle:hover{opacity:1}.toast{position:absolute;bottom:35px;left:50%;transform:translate(-50%,20px);z-index:10;background:#261032eF;color:#ffe7b4;border:1px solid #cb8b4e;padding:12px 22px;border-radius:30px;font-size:16px;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%,0)}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.magic .moon{box-shadow:0 0 75px 45px #ffe7aa70,0 0 160px 90px #f1d68535}.magic .face{filter:drop-shadow(0 0 10px #fff477)}@keyframes drift{to{transform:translateX(14px)}}@keyframes bat-hover{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes flap{to{transform:scaleY(.83)}}@keyframes flicker{0%,100%{opacity:1}43%{opacity:.87}46%{opacity:1}49%{opacity:.9}63%{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:600px){.viewport{min-height:100svh}.scene{transform-origin:top left}}