html,body,#root{height:100%;margin:0}.overlap-container{background-color:#000;width:100dvw;height:100dvh;position:relative;overflow:hidden}.section{justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;position:relative;top:-20%;left:-12%}.content{box-sizing:border-box;width:100%;position:absolute;top:0;bottom:0;left:0}.title-container{z-index:100;-webkit-user-select:none;user-select:none;position:absolute;top:25%;left:12%}@media (max-width:768px){.title-container{text-align:center;width:100%;top:auto;bottom:15dvh;left:0}}.title{color:#fff;text-shadow:0 0 10px #fffc;white-space:nowrap;margin:0;font-size:4rem;font-weight:700}@media (max-width:768px){.title{font-size:2.5rem}}.title-bottom{color:#fff;text-shadow:0 0 20px #fffc;white-space:nowrap;margin:0;font-size:5rem;font-weight:700}.description{opacity:.7;color:#fff;text-shadow:0 0 10px #fffc;white-space:nowrap;margin-top:6px;margin-bottom:20px;font-size:1.5rem;font-weight:700}@media (max-width:768px){.description{font-size:1.2rem}}.bottom-title-container{z-index:2}.bottom-title-container .title{color:#fff}@keyframes leftPulse{0%{box-shadow:0 0 #e1e1e140}to{box-shadow:-30px 0 0 20px #dcdcdc00}}.divider{cursor:ew-resize;background-color:#282828;width:4px;height:100%;transition:background-color 2s;position:absolute}.divider-pulse{animation:2s ease-in infinite leftPulse;box-shadow:0 0 15px #80808099}.divider-pulse:hover{background-color:#888;box-shadow:0 0 20px #808080cc}@keyframes jumbo{0%{background-position:50%,50%}to{background-position:350%,350%}}.jumbo{--stripes:repeating-linear-gradient(100deg, #fff 0%, #fff 7%, transparent 10%, transparent 12%, #fff 16%);--stripesDark:repeating-linear-gradient(100deg, #000 0%, #000 7%, transparent 10%, transparent 12%, #000 16%);--rainbow:repeating-linear-gradient(100deg, #60a5fa 10%, #e879f9 15%, #60a5fa 20%, #5eead4 25%, #60a5fa 30%);background-image:var(--stripes), var(--rainbow);filter:invert();pointer-events:none;background-position:50%,50%;background-size:300%,200%;-webkit-mask-image:radial-gradient(at 100% 0,#000 40%,#0000 70%);mask-image:radial-gradient(at 100% 0,#000 40%,#0000 70%)}.jumbo:after{content:"";background-image:var(--stripes), var(--rainbow);mix-blend-mode:difference;background-size:200%,100%;background-attachment:fixed;animation:60s linear infinite jumbo;position:absolute;inset:0}.dark .jumbo{background-image:var(--stripesDark), var(--rainbow);filter:blur(10px)opacity(50%)saturate(200%)}.dark .jumbo:after{background-image:var(--stripesDark), var(--rainbow)}.divider-wrap{z-index:10;height:100%;position:absolute}.divider-text{z-index:11;pointer-events:none}.divider-wrap:hover .divider-text{opacity:1;background:#3c3c3ce6}.divider-wrap.dragging .divider-text{opacity:0}
.gradient-border-wrap{background:linear-gradient(90deg,#ff8a00,#ff0080,#ff8a00,#55b85a,#ff8a00) 0 0/200% 100%;border-radius:8px;width:300px;margin:0 auto;padding:1px;animation:4s linear infinite move-gradient;position:relative}.gradient-border-wrap:before{content:"";filter:blur(5px);background:linear-gradient(90deg,#ff8a00,#ff0080,#ff8a00,#55b85a,#ff8a00) 0 0/200% 100%;border-radius:8px;animation:4s linear infinite move-gradient;position:absolute;inset:0}@keyframes move-gradient{0%{background-position:0 0}to{background-position:200% 0}}.ai-btn{background-color:#030712e6;transition:all .3s}.ai-btn:hover{background-color:#030712b3;transform:scale(1)}.gradient-border-wrap:hover:before{filter:blur(6px);opacity:.8}