@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Playfair+Display:wght@400;700&family=Cormorant+Garamond:wght@300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Overlock+SC&family=Petemoss&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto)))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto)))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*-100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@tailwind base;@tailwind components;@tailwind utilities;@custom-variant dark (&:is(.dark *));*{box-sizing:border-box}html{margin:0;padding:0;width:100%;overflow-x:hidden}body{margin:0!important;padding:0!important;min-height:200vh;width:100%;background-color:#1f1f1f;font-family:Overlock SC,sans-serif;overflow-x:hidden;position:relative}#root{width:100%;margin:0;padding:0}.background-lines-wrapper{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:0}.envelope-container{height:100vh;width:100vw;margin:0;padding:0;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.envelope{position:relative;width:600px;height:400px;background-color:#0b1a4e;border:2px solid #08143a;box-shadow:0 10px 20px #0003;display:flex;justify-content:center;align-items:center;perspective:1000px;border-radius:10px;max-width:90vw;max-height:60vh}.envelope-flap{position:absolute;top:0;width:100%;height:200px;background-color:#08143a;border-bottom:2px solid #08143a;clip-path:polygon(0 0,50% 100%,100% 0);transform-origin:top;transition:transform .5s ease;z-index:2;box-shadow:0 8px 15px #0000004d;border-radius:10px}.envelope-flap:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 30%);clip-path:polygon(0 0,50% 100%,100% 0);z-index:2}.envelope.open .envelope-flap{transform:rotateX(-180deg)}.letter{position:absolute;width:100%;height:100%;background:radial-gradient(circle,#fff,#d6f0ff 80%,#b3e5ff);box-shadow:0 5px 10px #0000001a;opacity:0;transform:translateY(50px);transition:opacity .5s ease,transform .5s ease,top .5s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:1;overflow:hidden;background-size:cover;background-attachment:scroll;border-radius:10px}.letter img{width:100%;height:100%;object-fit:cover;border-radius:10px}.envelope.open .letter{opacity:1;transform:translateY(0);height:170%;z-index:3;top:-42.5%;max-width:90vw;max-height:80vh;width:90%;left:5%}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;font-weight:700;color:#c0392b;cursor:pointer;z-index:4}.close-button:hover{color:#e74c3c}.stamp-button{position:absolute;width:120px;height:120px;background:url(/img/marcoboton.png) no-repeat center center;background-size:cover;background-color:#212222;border:none;cursor:pointer;font-size:14px;z-index:3;transition:transform .2s ease;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0000004d;border-radius:100%}.stamp-button:hover{transform:translate(-50%,-50%) scale(1.1)}.stamp-button:active{transform:translate(-50%,-50%) scale(.95)}.envelope.open .stamp-button{display:none}.arrow-container{position:absolute;bottom:20px;width:100%;text-align:center;opacity:1;z-index:4}.arrow{font-size:36px;color:#f1f1f1;cursor:pointer;animation:float 2s ease-in-out infinite;display:inline-block}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width: 768px){.envelope{width:90vw;height:calc(90vw * .67);max-height:50vh}.envelope.open .letter{height:160%;top:-35%;max-height:80vh}}@media (max-width: 480px){.envelope{width:95vw;height:calc(95vw * .67);max-height:45vh}.envelope.open .letter{height:150%;top:-30%;max-height:80vh}.stamp-button{width:90px;height:90px;font-size:10px}}@media (max-width: 360px){.envelope{width:98vw;height:calc(98vw * .67);max-height:40vh}.envelope.open .letter{height:140%;top:-25%;max-height:50vh}.stamp-button{width:80px;height:80px;font-size:10px}}.new-section{min-height:100vh;width:100vw;margin:0;padding:40px 20px;background-color:radial-gradient(ellipse at bottom,#1b2735 0%,#090a0f 100%);display:flex;justify-content:center;align-items:center;position:relative;overflow:visible;flex-direction:column;box-sizing:border-box}.responsive-grid{display:grid;gap:2rem;width:100%;max-width:1200px;justify-items:center;align-items:center;padding:20px 0}@media (min-width: 1024px){.responsive-grid{grid-template-columns:1fr 1fr;gap:3rem;max-width:900px}}@media (min-width: 768px) and (max-width: 1023px){.responsive-grid{grid-template-columns:1fr 1fr;gap:2rem;max-width:700px}}@media (max-width: 767px){.responsive-grid{grid-template-columns:1fr;gap:1.5rem;max-width:400px}}.image-card{width:100%;aspect-ratio:1;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:12px;box-shadow:0 8px 25px #00000026;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease;min-width:200px;max-width:400px}@media (min-width: 768px){.image-card:nth-child(1){transform:rotate(-3deg)}.image-card:nth-child(2){transform:rotate(2deg)}.image-card:nth-child(3){transform:rotate(-2deg)}.image-card:nth-child(4){transform:rotate(3deg)}}@media (max-width: 767px){.image-card:nth-child(1){transform:rotate(-1.5deg)}.image-card:nth-child(2){transform:rotate(1deg)}.image-card:nth-child(3){transform:rotate(-1deg)}.image-card:nth-child(4){transform:rotate(1.5deg)}}@media (min-width: 1024px){.image-card{min-width:300px;max-width:400px}}@media (min-width: 768px) and (max-width: 1023px){.image-card{min-width:250px;max-width:320px}}@media (max-width: 767px){.image-card{min-width:280px;max-width:350px}}@media (hover: hover) and (min-width: 768px){.image-card:nth-child(1):hover{transform:rotate(-3deg) translateY(-5px);box-shadow:0 12px 35px #0003}.image-card:nth-child(2):hover{transform:rotate(2deg) translateY(-5px);box-shadow:0 12px 35px #0003}.image-card:nth-child(3):hover{transform:rotate(-2deg) translateY(-5px);box-shadow:0 12px 35px #0003}.image-card:nth-child(4):hover{transform:rotate(3deg) translateY(-5px);box-shadow:0 12px 35px #0003}}@media (hover: hover) and (max-width: 767px){.image-card:nth-child(1):hover{transform:rotate(-1.5deg) translateY(-3px);box-shadow:0 10px 25px #0003}.image-card:nth-child(2):hover{transform:rotate(1deg) translateY(-3px);box-shadow:0 10px 25px #0003}.image-card:nth-child(3):hover{transform:rotate(-1deg) translateY(-3px);box-shadow:0 10px 25px #0003}.image-card:nth-child(4):hover{transform:rotate(1.5deg) translateY(-3px);box-shadow:0 10px 25px #0003}}.purple-card{background:#667eeaf2;border:1px solid rgba(255,255,255,.2)}.pink-card{background:#f093fbf2;border:1px solid rgba(255,255,255,.2)}.blue-card{background:#4facfef2;border:1px solid rgba(255,255,255,.2)}.image-container{width:calc(100% - 24px);height:calc(100% - 24px);border-radius:12px;overflow:hidden;position:relative}.responsive-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}@media (hover: hover){.responsive-image:hover{transform:scale(1.05)}}@media (max-width: 767px){.new-section{min-height:100vh;padding:60px 20px 40px}.countdown-timer-wrapper{margin-bottom:20px}}.new-section p{font-size:24px;color:#333;text-align:center}.custom-draggable-card{width:auto!important;height:auto!important}.draggable-card{width:auto!important;height:auto!important;box-shadow:0 5px 15px #0003;-webkit-user-select:none;user-select:none}@keyframes flutter{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(5deg)}75%{transform:translateY(5px) rotate(-5deg)}}.video-section{min-height:100vh;width:100vw;margin:0;padding:40px 20px;background-color:radial-gradient(ellipse at bottom,#1b2735 0%,#090a0f 100%);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;flex-direction:column;box-sizing:border-box}.video-container{width:100%;max-width:800px;margin-bottom:2rem}.responsive-video{width:100%;height:auto;max-height:60vh;border-radius:12px;box-shadow:0 8px 25px #0003;object-fit:cover}.button-container{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.action-button{padding:12px 24px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-family:Overlock SC,sans-serif;background:linear-gradient(135deg,#f8f9fa,#e9ecef,#dee2e6,#c8ccd1,#adb5bd,#6c757d);color:#212529;border:1px solid #adb5bd;text-shadow:0 1px 2px rgba(255,255,255,.8);box-shadow:0 2px 4px #0000001a,inset 0 1px #fff9,inset 0 -1px #0000001a}.action-button:hover{background:linear-gradient(135deg,#fff,#f8f9fa,#e9ecef,#dee2e6,#c8ccd1,#adb5bd);transform:translateY(-2px);box-shadow:0 4px 8px #00000026,inset 0 1px #fffc,inset 0 -1px #0000001a}.action-button:active{background:linear-gradient(135deg,#e9ecef,#dee2e6,#c8ccd1,#adb5bd,#6c757d,#495057);transform:translateY(0);box-shadow:0 1px 2px #0003,inset 0 1px 3px #0003}.primary-button{background-color:#374151;color:#fff}.secondary-button{background-color:#6b7280;color:#fff}.section-title{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;font-family:Overlock SC,sans-serif}@media (min-width: 1024px){.video-container{max-width:900px}.section-title{font-size:3rem}}@media (min-width: 768px) and (max-width: 1023px){.video-container{max-width:700px}.section-title{font-size:2.25rem}}@media (max-width: 767px){.video-container{max-width:100%}.responsive-video{max-height:50vh}.button-container{flex-direction:column;align-items:center;gap:1rem}.action-button{width:100%;max-width:300px;padding:10px 20px}.section-title{font-size:1.75rem}}.snow-container{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);overflow:hidden}.snow{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;filter:drop-shadow(0 0 8px rgba(255,255,255,.8));animation:fall linear infinite}.snow:nth-child(1){left:10%;animation-duration:12s;animation-delay:0s;width:6px;height:6px}.snow:nth-child(2){left:20%;animation-duration:15s;animation-delay:-2s;width:4px;height:4px}.snow:nth-child(3){left:30%;animation-duration:18s;animation-delay:-4s;width:8px;height:8px}.snow:nth-child(4){left:40%;animation-duration:14s;animation-delay:-6s;width:5px;height:5px}.snow:nth-child(5){left:50%;animation-duration:16s;animation-delay:-8s;width:7px;height:7px}.snow:nth-child(6){left:60%;animation-duration:13s;animation-delay:-10s;width:6px;height:6px}.snow:nth-child(7){left:70%;animation-duration:19s;animation-delay:-12s;width:4px;height:4px}.snow:nth-child(8){left:80%;animation-duration:17s;animation-delay:-14s;width:9px;height:9px}.snow:nth-child(9){left:90%;animation-duration:11s;animation-delay:-16s;width:5px;height:5px}.snow:nth-child(10){left:5%;animation-duration:20s;animation-delay:-18s;width:7px;height:7px}.snow:nth-child(11){left:15%;animation-duration:14s;animation-delay:-20s;width:6px;height:6px}.snow:nth-child(12){left:25%;animation-duration:16s;animation-delay:-22s;width:4px;height:4px}.snow:nth-child(13){left:35%;animation-duration:12s;animation-delay:-24s;width:8px;height:8px}.snow:nth-child(14){left:45%;animation-duration:18s;animation-delay:-26s;width:5px;height:5px}.snow:nth-child(15){left:55%;animation-duration:15s;animation-delay:-28s;width:7px;height:7px}.snow:nth-child(16){left:65%;animation-duration:13s;animation-delay:-30s;width:6px;height:6px}.snow:nth-child(17){left:75%;animation-duration:17s;animation-delay:-32s;width:4px;height:4px}.snow:nth-child(18){left:85%;animation-duration:19s;animation-delay:-34s;width:9px;height:9px}.snow:nth-child(19){left:95%;animation-duration:11s;animation-delay:-36s;width:5px;height:5px}.snow:nth-child(20){left:12%;animation-duration:20s;animation-delay:-38s;width:7px;height:7px}@keyframes fall{0%{transform:translateY(-100px) translate(0);opacity:1}25%{transform:translateY(25vh) translate(-20px);opacity:.8}50%{transform:translateY(50vh) translate(10px);opacity:.6}75%{transform:translateY(75vh) translate(-15px);opacity:.4}to{transform:translateY(100vh) translate(5px);opacity:0}}.snow:nth-child(odd){animation-name:fallLeft}.snow:nth-child(2n){animation-name:fallRight}@keyframes fallLeft{0%{transform:translateY(-100px) translate(0) rotate(0);opacity:1}25%{transform:translateY(25vh) translate(-30px) rotate(90deg);opacity:.8}50%{transform:translateY(50vh) translate(15px) rotate(180deg);opacity:.6}75%{transform:translateY(75vh) translate(-25px) rotate(270deg);opacity:.4}to{transform:translateY(100vh) translate(10px) rotate(360deg);opacity:0}}@keyframes fallRight{0%{transform:translateY(-100px) translate(0) rotate(0);opacity:1}25%{transform:translateY(25vh) translate(25px) rotate(-90deg);opacity:.8}50%{transform:translateY(50vh) translate(-10px) rotate(-180deg);opacity:.6}75%{transform:translateY(75vh) translate(20px) rotate(-270deg);opacity:.4}to{transform:translateY(100vh) translate(-5px) rotate(-360deg);opacity:0}}@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }:root{--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.922 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.556 0 0);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0)}@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}.countdown-timer-container{display:flex;justify-content:center;align-items:center;padding:2rem;background:transparent}.countdown-frame{position:relative;display:inline-block}.frame-image{width:100%;height:auto;max-width:600px;display:block}.countdown-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;gap:20px;width:50%}.countdown-circle{display:flex;flex-direction:column;align-items:center;justify-content:center}.countdown-number{font-family:Overlock SC,sans-serif;font-size:2rem;font-weight:700;color:#fff;width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.countdown-label{font-family:Overlock SC,sans-serif;font-size:1rem;color:#fff;text-transform:uppercase;font-weight:600;text-align:center;letter-spacing:.5px}@media (max-width: 768px){.countdown-content{gap:12px;width:80%}.countdown-number{width:50px;height:50px;font-size:1.4rem}.countdown-label{font-size:.6rem}}@media (max-width: 480px){.countdown-content{gap:3px;width:85%}.countdown-number{width:35px;height:35px;font-size:1rem}.countdown-label{font-size:.3rem}}@media (max-width: 360px){.countdown-content{gap:2px;width:90%}.countdown-number{width:30px;height:30px;font-size:.9rem}.countdown-label{font-size:.3rem}}