.hero{min-height:100vh;position:relative;overflow:hidden;padding-top:max(5vh,20px)}.hero:after{content:"";display:block;position:absolute;width:100%;height:10%;bottom:0;background:linear-gradient(0deg,#010103 8%,#fff0 50%)}.hero .container{max-width:1400px;margin:0 auto}.hero .container .content{min-height:100vh;height:auto;display:flex;justify-content:center;align-items:center;padding:max(2vh,10px) 0}.hero .container .content .background-line{display:flex;justify-content:center;gap:7rem;height:100%;width:100%;position:absolute}.hero .container .content .background-line .line-1,.hero .container .content .background-line .line-2,.hero .container .content .background-line .line-3{position:relative;height:100%;width:1px;z-index:-1;background:var(--darkgray)}.hero .container .content .background-line .line-1:after,.hero .container .content .background-line .line-3:after{content:"";position:absolute;height:5%;width:1px;background:var(--accent);box-shadow:0 0 2px var(--accent),0 0 5px var(--accent),0 0 10px var(--accent),0 0 20px var(--accent),0 0 40px var(--accent);animation:lineAnimationFromTop 20s linear infinite}.hero .container .content .background-line .line-2:after{content:"";position:absolute;height:5%;width:1px;background:var(--primary);box-shadow:0 0 2px var(--primary),0 0 5px var(--primary),0 0 10px var(--primary),0 0 20px var(--primary),0 0 40px var(--primary);animation:lineAnimationFromBottom 20s linear infinite}.hero .container .content .background-line .line-4{display:none;position:relative;height:100%;width:1px;z-index:-1;background:var(--darkgray)}.hero .container .content .background-line .line-4:after{content:"";position:absolute;bottom:0;height:5%;width:1px;background:var(--primary);box-shadow:0 0 2px var(--primary),0 0 5px var(--primary),0 0 10px var(--primary),0 0 20px var(--primary),0 0 40px var(--primary);animation:lineAnimationFromBottom 20s linear infinite}.hero .container .content .background-line .line-5{display:none;position:relative;height:100%;width:1px;z-index:-1;background:var(--darkgray)}.hero .container .content .background-line .line-5:after{content:"";position:absolute;top:15%;height:5%;width:1px;background:var(--accent);box-shadow:0 0 2px var(--accent),0 0 5px var(--accent),0 0 10px var(--accent),0 0 20px var(--accent),0 0 40px var(--accent);animation:lineAnimationFromTop 20s linear infinite}.hero .container .content .main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.5rem,2vh,1rem);width:100%;padding:clamp(1rem,3vh,2rem) 1rem;text-align:center;z-index:5}.hero .container .content .main h2{font-size:.8rem;font-family:var(--montserrat);color:var(--lightgray);letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem}.rotating-container{width:100%;display:flex;justify-content:center;align-items:center;position:relative;margin:.5rem 0;min-height:6rem;overflow:visible;padding:0 1rem}.phrase{font-family:var(--montserrat);font-weight:700;font-size:2.8rem;line-height:1.1;margin:0;padding:0;text-align:center;position:absolute;width:auto;left:50%;transform:translate(-50%) translateY(30px) scale(.95);will-change:transform,opacity;backface-visibility:hidden;white-space:nowrap;max-width:90vw}.phrase-enter{opacity:0;transform:translate(-50%) translateY(30px) scale(.95);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.phrase-visible{opacity:1;transform:translate(-50%) translateY(0) scale(1);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.phrase-exit{opacity:0;transform:translate(-50%) translateY(-30px) scale(.95);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.hero .container .content .main h1{font-family:var(--montserrat);font-weight:700;font-size:3.5rem;line-height:1.1;margin:0}.hero .container .content .main h1.highlight{color:var(--primary);font-size:3.5rem;margin-top:-10px}.hero .container .content .main p{font-size:1rem;font-weight:300;max-width:600px;margin:1.5rem 0}.hero .container .content .main .hero-form{width:450px;background:#26262666;display:flex;align-items:center;border:2px solid var(--dark);border-radius:50px;padding:4px;animation:inputShadow 1s linear forwards;margin-top:1rem}.hero .container .content .main .hero-form input{width:70%;padding:14px 20px;border:none;border-radius:50px;background:transparent;color:var(--white);font-size:1rem}.hero .container .content .main .hero-form input:focus,.hero .container .content .main .hero-form button:focus{outline:none}.hero .container .content .main .hero-form button{cursor:pointer;width:30%;padding:12px 0;border-radius:50px;border:none;background-color:var(--primary);color:#fff;font-weight:700;font-size:.9rem;transition:background-color .3s ease}.hero .container .content .main .hero-form button:hover{background-color:var(--secondary)}.hero .container .content .light{position:absolute;bottom:0;height:2%;width:40%;filter:blur(80px);background:var(--primary);box-shadow:0 0 2px var(--primary),0 0 5px var(--primary),0 0 10px var(--primary),0 0 20px var(--primary),0 0 40px var(--primary);animation:fade-up-light 1s linear forwards}@media (min-width: 450px){.hero .container .content .background-line{gap:9rem}.hero .container .content .main p{width:65%}}@media (min-width: 610px){.hero .container .content .background-line .line-4{display:block}.hero .container .content .main h2{font-size:.9rem}.hero .container .content .main h1,.hero .container .content .main h1.highlight,.phrase{font-size:3.2rem}.hero .container .content .main p{font-size:.9rem}.rotating-container{min-height:6.5rem}}@media (min-width: 768px){.hero .container .content .background-line{gap:11rem}}@media (min-width: 1024px){.hero .container .content .background-line{gap:12rem}.hero .container .content .background-line .line-5{display:block}.hero .container .content .main h2{font-size:1rem}.hero .container .content .main p{font-size:1.1rem;max-width:600px}.hero .container .content .main h1,.hero .container .content .main h1.highlight,.phrase{font-size:3.8rem}.rotating-container{min-height:7.5rem}.hero .container .content .main .hero-form{width:500px;padding:5px}.hero .container .content .main .hero-form input{width:70%;font-size:1rem;padding:16px 24px}.hero .container .content .main .hero-form button{width:30%;padding:16px 2px;font-size:1rem}}@media (min-width: 1280px){.hero .container .content .background-line{gap:15rem}.phrase{font-size:4.2rem}}@media (min-width: 1536px){.hero .container .content .background-line{gap:19rem}.hero .container .content .main h1,.hero .container .content .main h1.highlight,.phrase{font-size:4.8rem}.rotating-container{min-height:8.5rem}.hero .container .content .main h2{font-size:1.2rem}.hero .container .content .main p{font-size:1.2rem;max-width:700px}.hero .container .content .main .hero-form{width:550px}.hero .container .content .main .hero-form input,.hero .container .content .main .hero-form button{font-size:1.1rem}}@media (max-height: 700px){.hero{padding-top:max(3vh,15px)}.hero .container .content .main{gap:clamp(.3rem,1.5vh,.8rem)}.hero .container .content .main h2{font-size:clamp(.7rem,2vw,1rem)}.hero .container .content .main h1,.hero .container .content .main h1.highlight{font-size:clamp(2.5rem,5vw,3.5rem)}.hero .container .content .main p{font-size:clamp(.8rem,1.5vw,1rem);margin:1rem 0}.rotating-container{min-height:clamp(4rem,8vh,6rem)}.phrase{font-size:clamp(2.5rem,5vw,3.5rem)}}@keyframes lineAnimationFromTop{0%{top:0}to{top:100%}}@keyframes lineAnimationFromBottom{0%{bottom:0}to{bottom:100%}}@keyframes fade-up-light{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes inputShadow{0%{box-shadow:none}to{box-shadow:0 0 5px 1px var(--primary)}}.about{overflow:hidden;position:relative;padding:6rem 0}.about:before{content:"";display:block;position:absolute;width:100%;height:10%;top:0;background:linear-gradient(180deg,#010103 8%,#fff0 50%)}.about .container .content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem}.about .container .content .title{position:relative;display:flex;align-items:center;justify-content:center;padding:20px 16px;border:2px solid var(--darkgray);border-top-color:var(--black);border-bottom-color:var(--black);border-radius:16px;transition:.2s linear}.about .container .content .title:hover{border-top-color:var(--darkgray);border-bottom-color:var(--darkgray);transition:.2s linear}.about .container .content .title h1{font-family:var(--montserrat);font-weight:700;font-size:1.4rem;text-align:center}.about .container .content .title .light-1{position:absolute;left:-2px;width:2px;height:35%;background-color:var(--primary);box-shadow:0 0 2px var(--primary),0 0 5px var(--primary)}.about .container .content .title .light-2{position:absolute;right:-2px;width:2px;height:35%;background-color:var(--accent);box-shadow:0 0 2px var(--accent),0 0 10px var(--accent)}.about .container .content .row{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem}.about .container .content .row .box{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:1rem;padding:30px 16px;background-color:var(--black);border:2px solid var(--darkgray);border-radius:16px;text-align:center;overflow:hidden}.about .container .content .row .box .box-light{align-self:center;position:absolute;top:0;width:50%;height:7%;background:var(--accent);filter:blur(50px)}.about .container .content .row .box h2{font-family:var(--montserrat);font-weight:700;font-size:1.5rem;color:var(--lightgray)}.about .container .content .row .box h2 span{color:var(--primary)}.about .container .content .row .box p{font-size:.7rem}.about .container .content .row .box button{cursor:pointer;position:relative;display:inline-block;color:var(--white);width:50%;border:2px solid var(--darkgray);border-radius:12px;background-color:var(--dark);padding:8px;font-weight:700;overflow:hidden}.about .container .content .row .box button:before{content:"";display:block;width:100%;position:absolute;top:0;left:0;height:0;transition:.3s ease-in-out;background-color:var(--primary)}.about .container .content .row .box button:hover:before{height:100%;top:initial;bottom:0}.about .container .content .row .box button span{position:relative;transition:color .3s ease-in-out}.about .container .content .row .box button:hover span{color:var(--white)}.about .container .content .row .light-area{position:absolute;height:200px;display:flex;justify-content:center;gap:2rem;z-index:-1}.about .container .content .row .light-area .light-1,.about .container .content .row .light-area .light-2{position:relative;height:100%;width:1px;background-color:var(--darkgray)}.about .container .content .row .light-area .light-1:after{content:"";position:absolute;top:0;width:1px;height:20px;background-color:var(--primary);box-shadow:0 0 2px var(--primary),0 0 10px var(--primary);animation:lineAnimationFromTop 4s linear infinite}.about .container .content .row .light-area .light-2:after{content:"";position:absolute;bottom:0;width:1px;height:20px;background-color:var(--accent);box-shadow:0 0 2px var(--accent),0 0 10px var(--accent);animation:lineAnimationFromBottom 4s linear infinite}@media (min-width: 450px){.about .container .content .title{padding:20px 24px}}@media (min-width: 610px){.about .container .content .title{width:75%}.about .container .content .title h1{font-size:2rem}.about .container .content .row .box h2{font-size:1.7rem}.about .container .content .row .box p{width:75%;font-size:.9rem}.about .container .content .row .box button{width:30%}}@media (min-width: 768px){.about .container .content .title{width:75%}.about .container .content .row{flex-direction:row}.about .container .content .row .box{height:350px;gap:1.5rem}.about .container .content .row .box h2{font-size:1.5rem}.about .container .content .row .box p{width:100%;font-size:.8rem}.about .container .content .row .box button{width:50%}.about .container .content .row .light-area{transform:rotate(90deg)}}@media (min-width: 1024px){.about .container .content .title{width:60%}.about .container .content .row .box h2{font-size:1.7rem;width:85%}.about .container .content .row .box button{width:40%}.about .container .content .row .light-area{margin-left:30px}}@media (min-width: 1280px){.about .container .content .title{width:50%}.about .container .content .title h1{font-size:2.2rem}.about .container .content .row .box h2{font-size:2rem;width:75%}.about .container .content .row .box p{font-size:1rem;width:85%}.about .container .content .row .box button{width:30%}}@media (min-width: 1536px){.about .container .content .title h1{font-size:2.5rem}.about .container .content .row .box{height:400px}.about .container .content .row .box h2{font-size:2.4rem}.about .container .content .row .box p{width:75%;font-size:1.1rem}.about .container .content .row .box button{width:30%;font-size:1.1rem;padding:12px}}.grid{min-height:100vh;position:relative;padding:6rem 0;overflow:hidden}.grid .container .content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem}.grid .container .content .title{position:relative;display:flex;align-items:center;justify-content:center;padding:20px 16px;border:2px solid var(--darkgray);border-top-color:var(--black);border-bottom-color:var(--black);border-radius:16px;transition:.2s linear}.grid .container .content .title:hover{border-top-color:var(--darkgray);border-bottom-color:var(--darkgray);transition:.2s linear}.grid .container .content .title h1{font-family:var(--montserrat);font-weight:700;font-size:1.4rem;text-align:center}.grid .container .content .title .light-1{position:absolute;left:-2px;width:2px;height:35%;background-color:var(--primary);box-shadow:0 0 2px var(--primary),0 0 5px var(--primary)}.grid .container .content .title .light-2{position:absolute;right:-2px;width:2px;height:35%;background-color:var(--accent);box-shadow:0 0 2px var(--accent),0 0 10px var(--accent)}.grid .container .content .grid-container{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);gap:16px}.grid .container .content .grid-container .box{padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center;background-color:#10101080;border:2px solid var(--darkgray);backdrop-filter:blur(50px);border-radius:16px;transition:all .3s ease;overflow:hidden}.grid .container .content .grid-container .box .box-content h1{font-family:var(--montserrat);font-weight:700;color:var(--lightgray);font-size:1.8rem}.grid .container .content .grid-container .box .box-content h1 span{color:var(--primary)}.grid .container .content .grid-container .box .box-content p{font-size:.9rem;width:100%}.grid .container .content .grid-container .box-6{padding:2rem .5rem;display:flex;justify-content:center;align-items:center}.grid .container .content .grid-container .box-2 .light,.grid .container .content .grid-container .box-2 .rope,.grid .container .content .grid-container .box-2 .star{display:none}.grid .container .content .grid-container .box-6 button{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;color:var(--white);width:100%;border:2px solid var(--darkgray);border-radius:12px;background-color:var(--primary);padding:20px 8px;font-size:1.2rem;font-weight:700;overflow:hidden}.grid .container .content .grid-container .box-6 button:after{content:"";position:absolute;transform:scale(0);width:5%;height:5%;border-radius:50%;background-color:var(--white);z-index:1;transition:.2s linear}.grid .container .content .grid-container .box-6 button:hover:after{transform:scale(30);transition:transform .2s linear}.grid .container .content .grid-container .box-6 button span{position:relative;z-index:2}.grid .container .content .grid-container .box-6 button:hover span{color:var(--primary);transition:.2s linear}@media (min-width: 450px){.grid .container .content .title{padding:20px 24px}}@media (min-width: 610px){.grid .container .content .title{width:75%}.grid .container .content .title h1{font-size:2rem}}@media (min-width: 768px){.grid .container .content .title{width:75%}.grid .container .content .grid-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);gap:16px}.grid .container .content .grid-container .box-6 button{width:75%}}@media (min-width: 1024px){.grid .container .content .title{width:60%}.grid .container .content .title h1,.grid .container .content .grid-container .box .box-content h1{font-size:2.2rem}.grid .container .content .grid-container .box p{font-size:1rem}}@media (min-width: 1280px){.grid .container .content .title{width:50%}.grid .container .content .title h1{font-size:2.2rem}.grid .container .content .grid-container{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(5,1fr);gap:32px;height:90vh}.grid .container .content .grid-container .box{justify-content:end;align-items:start;padding:2rem 1.5rem;text-align:start}.grid .container .content .grid-container .box .box-content h1{font-size:1.7rem}.grid .container .content .grid-container .box p{font-size:.8rem;width:100%}.grid .container .content .grid-container .box-1{grid-column:span 2 / span 2;grid-row:span 4 / span 4}.grid .container .content .grid-container .box-2{position:relative;grid-column:span 5 / span 5;grid-row:span 3 / span 3;overflow:hidden}.grid .container .content .grid-container .box-3{grid-row:span 3 / span 3;grid-column:span 3 / span 3;grid-column-start:8}.grid .container .content .grid-container .box-4{grid-column:span 4 / span 4;grid-row:span 2 / span 2;grid-column-start:3;grid-row-start:4}.grid .container .content .grid-container .box-5{grid-column:span 4 / span 4;grid-row:span 2 / span 2;grid-column-start:7;grid-row-start:4}.grid .container .content .grid-container .box-6{grid-row-start:5;grid-column:span 2 / span 2}.grid .container .content .grid-container .box-6 button{width:100%;border-radius:32px;font-size:1rem}}@media (min-width: 1536px){.grid .container .content .grid-container{height:80vh}.grid .container .content .grid-container .box .box-content h1{font-size:2rem}.grid .container .content .grid-container .box p{font-size:1rem}}.grid .container .content .title{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.grid .container .content .title .title-icon{width:80px;height:80px;margin-bottom:1rem;border-radius:50%;overflow:hidden;border:2px solid var(--darkgray);box-shadow:0 0 10px #f1202f4d}.grid .container .content .title .title-icon img{width:100%;height:100%;object-fit:cover}@media (min-width: 1280px){.grid .container .content .grid-container .box{display:flex;flex-direction:column}.grid .container .content .grid-container .box .box-image{height:140px;margin-bottom:1rem}}.box-content{transition:all .3s ease;text-decoration:none}.box-hover-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#101010e6;opacity:0;transform:translateY(20px);transition:all .3s ease;text-align:center}.box-hover-content img{width:80px;height:80px;margin-bottom:1rem;border-radius:50%;object-fit:cover;border:.2rem solid var(--primary)}.box-hover-content .hover-btn{margin-top:1.5rem;padding:10px 20px;background-color:var(--primary);color:var(--white);border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s}.box-hover-content .hover-btn:hover{background-color:var(--accent)}a.hover-btn{text-decoration:none}.grid .container .content .grid-container .box:hover .box-content{opacity:0;transform:translateY(-20px)}.grid .container .content .grid-container .box:hover .box-hover-content{opacity:1;transform:translateY(0)}.how-it-works{background-color:var(--black);min-height:80vh;position:relative;padding:6rem 0;overflow:hidden}.how-it-works .container .content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}.how-it-works .container .content .title{position:relative;display:flex;align-items:center;justify-content:center;padding:20px 16px;border:2px solid var(--darkgray);border-top-color:var(--black);border-bottom-color:var(--black);border-radius:16px;transition:.2s linear}.how-it-works .container .content .title:hover{border-top-color:var(--darkgray);border-bottom-color:var(--darkgray);transition:.2s linear}.how-it-works .container .content .title h1{font-family:var(--montserrat);font-weight:700;font-size:1.4rem;text-align:center}.how-it-works .container .content .title .light-1{position:absolute;left:-2px;width:2px;height:35%;background-color:var(--primary);box-shadow:0 0 2px var(--primary),0 0 5px var(--primary)}.how-it-works .container .content .title .light-2{position:absolute;right:-2px;width:2px;height:35%;background-color:var(--accent);box-shadow:0 0 2px var(--accent),0 0 10px var(--accent)}.how-it-works .container .content .subtitle{text-align:center;max-width:800px;margin:0 auto 20px;color:var(--lightgray);font-size:.9rem}.how-it-works .container .content .steps{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:40px}.how-it-works .container .content .step{flex:1;min-width:260px;background-color:#42176c1a;padding:30px;border-radius:12px;text-align:center;box-shadow:0 10px 30px #00000014;position:relative;border:1px solid var(--dark);transition:transform .3s ease,box-shadow .3s ease}.how-it-works .container .content .step:hover{transform:translateY(-5px);box-shadow:0 15px 30px #8522e226}.how-it-works .container .content .step-number{position:absolute;top:-20px;left:30px;width:40px;height:40px;background-color:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 5px 15px #f1202f4d}.how-it-works .container .content .step h3{margin-top:10px;margin-bottom:15px;color:var(--primary);font-family:var(--montserrat)}.how-it-works .container .content .step p{color:var(--lightgray);font-size:.9rem}@media (min-width: 450px){.how-it-works .container .content .title{padding:20px 24px}}@media (min-width: 610px){.how-it-works .container .content .title{width:75%}.how-it-works .container .content .title h1{font-size:2rem}.how-it-works .container .content .subtitle{font-size:1rem}}@media (min-width: 768px){.how-it-works .container .content .title{width:75%}.how-it-works .container .content .subtitle{font-size:1rem}.how-it-works .container .content .steps{display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.how-it-works .container .content .title{width:60%}.how-it-works .container .content .title h1{font-size:2.2rem}.how-it-works .container .content .subtitle{font-size:1.2rem}.how-it-works .container .content .steps{grid-template-columns:repeat(4,1fr)}.how-it-works .container .content .step h3{font-size:1.3rem}.how-it-works .container .content .step p{font-size:1rem}}@media (min-width: 1280px){.how-it-works .container .content .title{width:50%}.how-it-works .container .content .title h1{font-size:2.2rem}}@media (min-width: 1536px){.how-it-works .container .content .subtitle{font-size:1.2rem}.how-it-works .container .content .step h3{font-size:1.3rem}.how-it-works .container .content .step p{font-size:1rem}}.how-it-works .container .content .step .step-image{width:100%;height:160px;overflow:hidden;border-radius:8px;margin:1.2rem 0;border:1px solid var(--dark);box-shadow:0 5px 15px #0000001a;transition:box-shadow .3s ease}.how-it-works .container .content .step:hover .step-image{box-shadow:0 8px 25px #8522e233}.how-it-works .container .content .step .step-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.how-it-works .container .content .step:hover .step-image img{transform:scale(1.05)}.how-it-works .container .content .step{display:flex;flex-direction:column;align-items:center}@media (min-width: 610px){.how-it-works .container .content .step .step-image{height:180px}}@media (min-width: 1024px){.how-it-works .container .content .steps{gap:1.5rem}.how-it-works .container .content .step{padding:2rem}.how-it-works .container .content .step .step-image{height:160px}}.platforms{min-height:80vh;position:relative;padding:6rem 0;overflow:hidden;background:linear-gradient(180deg,#000,#140a28cc)}.platforms .title{position:relative;display:flex;align-items:center;justify-content:center;padding:20px 16px;border:2px solid var(--darkgray);border-top-color:var(--black);border-bottom-color:var(--black);border-radius:16px;transition:.2s linear;width:75%;margin:0 auto 3rem}.platforms .title:hover{border-top-color:var(--darkgray);border-bottom-color:var(--darkgray);transition:.2s linear}.platforms .title h1{font-family:var(--montserrat);font-weight:700;font-size:1.4rem;text-align:center}.platforms .title .light-1{position:absolute;left:-2px;width:2px;height:35%;background-color:var(--primary);box-shadow:0 0 2px var(--primary),0 0 5px var(--primary)}.platforms .title .light-2{position:absolute;right:-2px;width:2px;height:35%;background-color:var(--accent);box-shadow:0 0 2px var(--accent),0 0 10px var(--accent)}.platforms-grid{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1200px}.platform-card{flex:1;background:#101010b3;border:1px solid var(--darkgray);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.platform-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #8522e233;border-color:var(--accent)}.platform-icon{width:60px;height:60px;background:#42176c4d;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;overflow:hidden}.platform-icon img{max-width:80%;max-height:80%;object-fit:contain}.platform-card h3{font-size:1.5rem;font-weight:700;color:var(--white);font-family:var(--montserrat)}.platform-card p{color:var(--lightgray);font-size:.9rem;line-height:1.6}.platform-highlight{color:var(--white)!important;font-style:italic;font-weight:500;font-size:.95rem!important;border-left:3px solid var(--primary);padding-left:1rem;margin:1rem 0}.platform-features{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.feature{display:flex;align-items:center;gap:.5rem}.feature span{color:var(--white);font-size:.9rem}.platform-card button{background-color:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;margin-top:auto;transition:background-color .3s;font-size:.9rem}.platform-card button:hover{background-color:var(--secondary)}.platform-btn{background-color:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;margin-top:auto;transition:background-color .3s;font-size:.9rem;text-decoration:none;display:inline-block;text-align:center}.platform-btn:hover{background-color:var(--secondary);color:#fff;text-decoration:none}@media (min-width: 450px){.platforms .title{padding:20px 24px}}@media (min-width: 610px){.platforms .title{width:75%}.platforms .title h1{font-size:2rem}}@media (min-width: 768px){.platforms-grid{flex-direction:row}.platform-card{min-height:480px}}@media (min-width: 1024px){.platforms .title{width:60%}.platforms .title h1{font-size:2.2rem}.platform-card h3{font-size:1.8rem}.platform-card p{font-size:1rem}.platform-highlight{font-size:1.1rem!important}.feature span{font-size:1rem}.platform-card button{font-size:1rem;padding:14px 28px}}@media (min-width: 1280px){.platforms .title{width:50%}.platforms .title h1{font-size:2.2rem}}@media (min-width: 1536px){.platform-card h3{font-size:1.9rem}.platform-card p{font-size:1.05rem}.platform-highlight{font-size:1.15rem!important}}.join{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;padding:2rem 1rem;box-sizing:border-box}.join .container .content{min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.join .container .content .wrapper{position:relative;width:100%;max-width:900px;margin:0 auto;background:linear-gradient(45deg,#42176ccc,#8522e266);background-size:cover;background-position:center;border-radius:16px;overflow:hidden;padding:2rem 1.5rem}.join .container .content .wrapper .light-1{position:absolute;top:-30%;left:-20%;width:40%;height:60%;border-radius:50%;background:#f1202f33;filter:blur(120px)}.join .container .content .wrapper .light-2{position:absolute;bottom:-30%;right:-20%;width:40%;height:60%;border-radius:50%;background:#8522e233;filter:blur(120px)}.join .container .content .wrapper .wrapper-content{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:12px;text-align:center;position:relative;z-index:2}.join .container .content .wrapper .wrapper-content .text{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.join .container .content .wrapper .wrapper-content .text h1{font-family:var(--montserrat);font-weight:700;font-size:2.2rem;margin-bottom:1.5rem;color:var(--white)}.join .container .content .wrapper .wrapper-content .text p{font-size:1rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;color:var(--white)}.contact-form{width:100%;max-width:750px;margin:0 auto}.form-row{display:flex;flex-direction:column;gap:15px;margin-bottom:10px}.form-group{margin-bottom:10px}.contact-form input,.contact-form textarea{width:100%;padding:15px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--white);font-size:16px;transition:border-color .3s,box-shadow .3s}.contact-form textarea{min-height:60px}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #f1202f40}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fff9}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;color:var(--white);width:100%;max-width:250px;margin:20px auto 0;border:none;border-radius:50px;background-color:var(--primary);padding:16px 24px;font-size:1rem;font-weight:700;transition:background-color .3s,transform .2s}.contact-form button:hover{background-color:var(--secondary);transform:translateY(-2px)}.contact-form button:active{transform:translateY(0)}@media (min-width: 768px){.form-row{flex-direction:row}.form-row .form-group{flex:1}.join .container .content .wrapper .wrapper-content .text h1{font-size:2.5rem}}@media (min-width: 1024px){.join .container .content .wrapper{padding:80px 60px}.join .container .content .wrapper .wrapper-content .text h1{font-size:2.8rem}.contact-form input,.contact-form textarea{font-size:18px}}
