@charset "UTF-8";.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;width:100%;height:100%}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:#fff;color:#616161;overscroll-behavior-y:none;overscroll-behavior-x:none;width:100%;height:100%}#root{width:100%;height:100%}a{text-decoration:none;color:inherit}section{height:100vh;scroll-snap-align:center}.store{display:none}@media (max-width: 738px){.store{display:flex;align-items:center;justify-content:center}}.footer-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.footer-container .mobile-screenshots{width:85%;max-width:950px;margin-top:50px}.page-container{display:grid;grid-template-areas:"navbar" "content" "footer";grid-template-columns:1fr;grid-template-rows:240px 1fr auto;height:100%;width:100%}.page-container .navbar{grid-area:navbar}.page-container .content{grid-area:content;width:100%;height:100%}.page-container footer{grid-area:footer}.p-x{padding-left:16px;padding-right:16px}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#000;position:relative;z-index:1000}.sidebar .background{position:fixed;top:0;left:0;bottom:0;width:400px;background:white}.sidebar .background .logo{position:absolute;top:0;padding:30px 0}.sidebar .background .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#23259a}.sidebar .background .links a{font-size:40px;color:inherit}.sidebar .background .links .dashboard{position:absolute;bottom:0;padding:30px 0;border-top:1px solid #c9c9c9}.sidebar button{width:50px;height:50px;border-radius:50%;position:fixed;top:40px;left:25px;background-color:transparent;border:none;cursor:pointer}@media screen and (max-width: 568px){.sidebar .background{width:100%}}.navbar{height:120px;background-color:#23259a;background:linear-gradient(to top,#23259a,#23259a,rgb(0,7,79) 100%);border-bottom:5px solid #f50733;margin-bottom:120px}.navbar .wrapper{width:auto;margin:0 110px;display:flex;justify-content:space-between;align-items:center;height:100%}.navbar .pages{display:flex;gap:22px;align-items:center;justify-content:center;position:relative;z-index:10;color:#fff}.navbar .pages a{font-size:22px;position:relative}@media (max-width: 738px){.navbar .pages{display:none}}@media screen and (max-width: 1420px){.navbar .pages{display:none}}.navbar .social{display:flex;gap:20px}.navbar .social img{width:24px;height:24px}.navbar .social span{color:#fff;font-size:18px;padding-left:16px;border-left:1px solid white}@media (max-width: 738px){.navbar .social{display:none}}@media screen and (max-width: 1420px){.navbar .social{display:none}}.navbar .voc-logo{width:375px;position:absolute;top:10px;left:0;right:0;margin:auto}@media (max-width: 738px){.navbar .voc-logo{width:275px;top:35px}}.main-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;row-gap:40px;column-gap:22px;flex:1}@media (max-width: 738px){.main-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start;column-gap:0px;row-gap:32px}}.phone-mockup{width:25vw;mix-blend-mode:multiply}@media (max-width: 738px){.phone-mockup{width:55vw}}.main-container>.text-container{font-size:52px;font-weight:700;color:#23259a;text-align:center;width:50vw;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:16px;column-gap:22px}.main-container>.text-container span{font-weight:400}@media (max-width: 738px){.main-container>.text-container{width:100%;font-size:32px}}.store-buttons{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center}.store-buttons a{margin:16px 0;height:70px;display:flex;align-items:center;justify-content:center}@media (max-width: 738px){.store-buttons a{height:50px}}.store-buttons img{height:100%;mix-blend-mode:multiply;cursor:pointer}.whatsVoc-container{display:flex;align-items:center;flex-direction:column;width:100%;height:100%}@media (max-width: 738px){.whatsVoc-container{justify-content:flex-start}}.name-from{background:#eeeeee;width:100%;height:150px;font-size:28px;display:flex;justify-content:center;align-items:center}.name-from span{font-style:italic;text-align:center;color:#616161}@media (max-width: 738px){.name-from{height:95px!important;font-size:22px}}.whats-voc{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-evenly;width:100%;height:100%}.whats-voc img{filter:drop-shadow(2px 4px 6px rgba(0,0,0,.15))}@media (max-width: 738px){.whats-voc{flex-flow:column nowrap;align-items:center;justify-content:center}.whats-voc img{width:100%}}.whats-text{display:flex;flex-direction:column;text-align:center;width:40vw}.whats-text .title{font-size:52px;margin-bottom:48px}.whats-text .title span{font-size:60px}.whats-text .text{font-size:22px;display:flex;flex-direction:column;align-items:center;gap:12px}@media (max-width: 738px){.whats-text{width:100%}.whats-text .title{font-size:30px;margin-bottom:24px}.whats-text .title span{font-size:36px}.whats-text .text{font-size:16px;gap:4px}}footer{width:100%;display:flex;height:auto;flex-direction:column;background:#23259a;color:#fff;border-top:5px solid #f50733;position:relative;padding:16px}footer>.row{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:110px;padding:30px 0}@media (max-width: 738px){footer>.row{gap:0px;padding:20px 0}}.interesting-links{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:48px;padding:30px 0}@media (max-width: 738px){.interesting-links{padding:10px 0}}.interesting-links ul{display:flex;flex-direction:column;gap:4px}.interesting-links li{list-style:none}.interesting-links a{font-weight:300;font-size:14px}.interesting-links .title a,.interesting-links .title span{font-weight:400!important;font-size:22px}.branding{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 0}@media (max-width: 738px){.branding{padding:10px 0}}.branding .ssm{width:150px!important;height:40px;margin:0}.branding .love{width:180px!important;height:41px;margin:0}.branding .treenovum{width:152px!important;height:40px;margin:0}.copyright{display:flex;gap:12px;align-items:center;justify-content:center}.copyright img{width:35px;height:39px;margin:0}.social{display:flex;gap:16px}.social a{display:flex;align-items:center}.social img{width:30px;height:30px;margin:0;filter:invert(1)}@media (max-width: 738px){.last-row{flex-direction:row-reverse;gap:12px}}.collabs{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.collabs h1{font-size:72px;color:#23259a}.collabs p{font-size:24px;color:#23259a}.collabs .wrapper{width:100%;display:flex;flex-flow:row wrap;gap:40px;align-items:center;justify-content:center;padding:81px}.collabs .wrapper>.collab-team{width:150px;height:150px}.collabs .collabs-img{width:8000px}@media (max-width: 738px){.collabs{text-align:center}.collabs .wrapper{padding:16px;gap:20px}.collabs .wrapper .collab-team{width:60px;height:60px}.collabs h1{font-size:28px;padding:0 16px}.collabs p{font-size:16px;padding:16px}.collabs .collabs-img{width:2300px}}.parallax{width:100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,rgb(160,207,253))}.parallax>h1{font-size:70px;z-index:10;color:#23259a}@media (max-width: 738px){.parallax>h1{font-size:36px;text-align:center}}.parallax>.stadium{background-image:url(/img/stadium2.png);background-size:cover;width:100%;height:100%;position:absolute;z-index:2}@media (max-width: 738px){.parallax>.stadium{background-size:contain;background-repeat:no-repeat;background-position:bottom}}.parallax>.ball{background-image:url(/img/ball.png);background-size:cover;width:100%;height:100%;position:absolute;z-index:3}@media (max-width: 738px){.parallax>.ball{background-size:contain;background-repeat:no-repeat;background-position:bottom}}.parallax>.clouds{background-image:url(/img/clouds.png);background-size:cover;width:100%;height:100%;position:absolute;z-index:1}@media (max-width: 738px){.parallax>.clouds{background-size:contain;background-repeat:no-repeat;background-position:bottom}}@keyframes ball{0%{transform:translateY(0)}50%{transform:translateY(-30px) scale(1.03)}to{transform:translateY(0)}}.advantages{width:100%;height:100%;background-color:#e31831;background:linear-gradient(180deg,#fb7373 0%,#f50733 20%,#e31831);overflow:hidden}.advantages>.holder{width:100%;height:100%;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:80px;padding:16px}@media (max-width: 738px){.advantages>.holder{flex-flow:column nowrap;gap:8px;padding:8px}}.advantages>.holder>.item{width:45%;height:150px;display:flex;align-items:center;flex-direction:row;font-size:24px;color:#fff;padding:16px;gap:16px}@media (max-width: 738px){.advantages>.holder>.item{width:100%;padding:8px;height:auto}}.advantages>.holder>.item img{width:150px;height:150px}@media (max-width: 738px){.advantages>.holder>.item img{width:100px;height:100px}}.advantages>.holder>.item .text-holder{display:flex;flex-direction:column;justify-content:center;gap:4px;width:65%}.advantages>.holder>.item .text-holder h2{font-size:24px}.advantages>.holder>.item .text-holder p{font-size:14px}@media (max-width: 738px){.advantages>.holder>.item .text-holder{width:auto}.advantages>.holder>.item .text-holder h2{font-size:18px}.advantages>.holder>.item .text-holder p{font-size:12px}}.advantages>.holder>.item:nth-child(odd){flex-direction:row-reverse;text-align:right}@media (max-width: 738px){.advantages>.holder>.item:nth-child(odd){flex-direction:row;text-align:left}}.workflow{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.workflow img{height:100%;padding:32px}@media (max-width: 738px){.workflow img{height:auto;width:100%;padding:16px}}.cookies{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;position:fixed;bottom:0;top:0;left:0;right:0;transition:all .3s cubic-bezier(.28,-.3,0,.99)}.cookies>.container{background-color:#fff;filter:drop-shadow(0px 0px 16px rgba(0,0,0,.2));width:450px;border-radius:10px}@media (max-width: 738px){.cookies>.container{width:90%}}.cookies>.container>.wrapper{display:flex;flex-direction:column;align-items:center;margin:auto;width:85%;gap:10px}.cookies>.container>.wrapper header{display:flex;align-items:flex-end;height:90px;padding:0 16px;gap:16px}.cookies>.container>.wrapper header>.text-holder{flex:4;height:100%;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.cookies>.container>.wrapper header>.text-holder h2{font-size:26px;text-align:left}.cookies>.container>.wrapper header>.img-holder{flex:3}.cookies>.container>.wrapper header>.img-holder img{width:100%;position:relative;filter:drop-shadow(4px 5px 5px rgba(0,0,0,.2))}.cookies>.container>.wrapper main{flex:1;padding:0 16px}.cookies>.container>.wrapper main .link{color:#23259a;font-weight:500}.cookies>.container>.wrapper .actions{padding:16px;display:flex;align-items:center;justify-self:center;gap:16px}.cookies>.container>.wrapper .actions>.accept-button{border:none;outline:none;background-color:#682be2;border:2px solid #23259a;color:#fff;padding:6px 8px;border-radius:8px;font-size:18px;font-weight:500;cursor:pointer}.cookies>.container>.wrapper .actions>.decline-button{border:none;outline:none;background-color:#fff;border:2px solid #23259a;color:#23259a;padding:6px 8px;border-radius:8px;font-size:18px;font-weight:500;cursor:pointer}@media (max-width: 738px){.cookies>.container>.wrapper header{flex-direction:column-reverse;align-items:center;height:210px}.cookies>.container>.wrapper header>.text-holder{flex:auto;justify-content:flex-start}.cookies>.container>.wrapper header>.text-holder h2{text-align:center}.cookies>.container>.wrapper header>.img-holder{flex:auto;height:120px;display:flex;align-items:flex-end;justify-content:center}.cookies>.container>.wrapper header>.img-holder img{width:200px}.cookies>.container>.wrapper main{text-align:justify;padding:0 35px}}.functionalities-container section{display:flex;flex-direction:column}.intro-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:80px;position:relative;overflow:hidden;height:calc(100vh - 240px);padding:0 150px}@media (max-width: 738px){.intro-container{flex-direction:column-reverse;gap:20px;padding:0 25px}}.intro-container .text-holder{flex:3;display:flex;flex-direction:column;gap:16px;color:#23259a}.intro-container .text-holder span{font-size:48px;font-weight:600;line-height:1}.intro-container .text-holder p{font-size:20px}.intro-container .text-holder img{width:50px;filter:invert(1)}@media (max-width: 738px){.intro-container .text-holder{align-items:center;text-align:center}.intro-container .text-holder span{font-size:24px}.intro-container .text-holder p{font-size:14px}}.intro-container .image-holder{flex:4;width:100%;height:100%;display:flex;justify-content:center}.intro-container .image-holder img{height:90%}@media (max-width: 738px){.intro-container .image-holder img{width:95%;height:auto}}.sliding-text{position:absolute;font-size:180px;bottom:-50px;white-space:nowrap;color:#4f4f4f26;width:50%;font-weight:700;z-index:-1}.funcs-cont .progress{position:sticky;top:0;left:0;padding-top:50px;text-align:center;color:#23259a;z-index:10;background:white}.funcs-cont .progress h1{font-size:56px}@media (max-width: 738px){.funcs-cont .progress h1{font-size:32px}}.funcs-cont .progress .progressBar{height:10px;background-color:#f50733}@media (max-width: 738px){.funcs-cont .progress .progressBar{height:5px}}.funcs-cont .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.funcs-cont .container .wrapper{max-width:80%;height:100%;display:flex;gap:50px;justify-content:center;align-items:center;position:relative}@media (max-width: 738px){.funcs-cont .container .wrapper{flex-direction:column;gap:20px;max-width:90%}}.funcs-cont .container .wrapper .image-holder{flex:1;height:50%}.funcs-cont .container .wrapper .image-holder img{height:100%;width:100%;object-fit:contain}@media (max-width: 738px){.funcs-cont .container .wrapper .image-holder{height:250px;flex:none}}.funcs-cont .container .wrapper .text-holder{flex:1;display:flex;flex-direction:column;gap:16px}.funcs-cont .container .wrapper .text-holder h2{font-size:52px;font-weight:600;line-height:1}.funcs-cont .container .wrapper .text-holder p{font-size:22px}@media (max-width: 738px){.funcs-cont .container .wrapper .text-holder{flex:none;text-align:center}.funcs-cont .container .wrapper .text-holder h2{font-size:28px}.funcs-cont .container .wrapper .text-holder p{font-size:14px}}.funcs-cont .container .wrapper>.holder{display:flex;flex-direction:column;gap:32px;max-height:60%}.footer-fill{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.footer-fill h2{font-size:52px;color:#23259a}@media (max-width: 738px){.footer-fill{max-width:80%;text-align:center;margin:auto}.footer-fill h2{font-size:28px}}.contact-link{display:flex;align-items:center;padding:8px 10px;border-radius:5px;border:2px solid #23259a;font-size:24px;color:#23259a;font-weight:500;background-color:transparent;transition:all .3s ease}.contact-link:hover{background-color:#23259a;color:#fff}#error-page{width:100%;height:100%;display:flex;flex-direction:column;gap:50px}#error-page #error-page-content{display:flex;flex-direction:column;align-items:center;justify-content:center}#error-page Footer{position:absolute;bottom:0}.contact{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:40px;padding:20px 0 100px;width:70%!important;align-self:center;justify-self:center}@media (max-width: 738px){.contact{flex-direction:column;gap:25px;width:100%!important;padding:16px}}.contact>.text-container{flex:1;height:100%;display:flex;flex-direction:column;gap:20px;color:#23259a}.contact>.text-container h1{font-size:72px}.contact>.text-container p{font-size:28px}@media (max-width: 738px){.contact>.text-container{text-align:center;gap:12px}.contact>.text-container h1{font-size:28px}.contact>.text-container p{font-size:16px}}.contact>.form-container{flex:1;position:relative}@media (max-width: 738px){.contact>.form-container{width:100%}}.contact>.form-container .phoneSVG{stroke:#f50733;position:absolute;margin:auto;width:100%;height:100%;display:flex;justify-content:center}@media (max-width: 738px){.contact>.form-container .phoneSVG svg{width:300px;height:300px}}.contact>.form-container form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:20px;z-index:1;position:relative}.contact>.form-container form .row{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;gap:20px}.contact>.form-container form .row input{flex:1;height:50px;padding:20px;background-color:transparent;border:1px solid #23259a;color:#23259a;border-radius:5px;outline:none}@media (max-width: 738px){.contact>.form-container form .row input{padding:10px}}.contact>.form-container form .row textarea{flex:1;padding:20px;border:1px solid #23259a;border-radius:5px;color:#23259a;resize:none;outline:none}.contact>.form-container form button{padding:16px;border:none;background-color:#f50733;cursor:pointer;font-weight:500;font-size:20px;color:#fff;width:100%;border-radius:5px}.contact>.form-container form .disabled{background-color:#ff000026;cursor:not-allowed}.tutorial section{display:flex;flex-direction:column}.tutorial .tuto-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.tutorial .tuto-container h1{margin:50px 0;font-size:72px;color:#23259a}@media (max-width: 738px){.tutorial .tuto-container h1{font-size:36px}}.tutorial .tuto-container .items-container{display:flex;flex-flow:row wrap;gap:40px;width:100%;padding:24px;justify-content:center;align-items:center}@media (max-width: 738px){.tutorial .tuto-container .items-container{transition:all .1s;gap:16px}}.tutorial .tuto-container .item{width:270px;height:270px;border:1px solid #23259a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center;cursor:pointer;border-radius:20px;transition-duration:.3s;transition-property:background,color;color:#23259a}@media (max-width: 738px){.tutorial .tuto-container .item{width:155px;height:155px;padding:8px;transition:all .1s}}.tutorial .tuto-container .item h2{font-size:24px;color:inherit;margin:10px 0}@media (max-width: 738px){.tutorial .tuto-container .item h2{font-size:18px;margin:4px}}.tutorial .tuto-container .item p{color:inherit}@media (max-width: 738px){.tutorial .tuto-container .item p{font-size:12px}}.tutorial .tuto-container .item:hover{background:#23259a;color:#fff!important}.tutorial .faq{display:flex;flex:1}.tutorial>section[id=footer] .filler{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;gap:32px}.tutorial>section[id=footer] .filler h1{font-size:52px;color:#23259a}@media (max-width: 738px){.tutorial>section[id=footer] .filler h1{font-size:28px}}.tuto-intro{height:calc(100vh - 240px);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:80px;padding:0 100px}.tuto-intro h1{font-size:92px;color:#23259a;margin-bottom:24px}.tuto-intro h2{font-size:36px;color:#23259a;font-weight:400}@media (max-width: 738px){.tuto-intro{flex-direction:column-reverse;gap:40px;padding:0 24px;text-align:center}.tuto-intro h1{font-size:36px}.tuto-intro h2{font-size:20px}}@media (min-width: 738px) and (max-width: 1024px){.tuto-intro{flex-direction:column-reverse;gap:136px;padding:0 24px;text-align:center}.tuto-intro h1{font-size:56px}.tuto-intro h2{font-size:36px}}.tuto-intro>.text-holder{flex:1}.tuto-intro>.image-holder{flex:1;display:flex;justify-content:center}.tuto-intro>.image-holder img{height:100%}@media (max-width: 738px){.tuto-intro>.image-holder img{width:100%}}.tuto-modal{width:1080px;height:600px;margin:auto;border-radius:20px;overflow:hidden;border:none;outline:none;animation:appear .6s 1 ease-in-out}@media (max-width: 738px){.tuto-modal{width:100%;height:100%}}.tuto-modal::backdrop{background:rgba(0,0,0,.3);animation:backdrop .6s 1 ease-in-out}.tuto-modal>.modal-content{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;position:relative}@media (max-width: 738px){.tuto-modal>.modal-content{flex-direction:column;gap:0;justify-content:flex-start}}.tuto-modal>.modal-content span{position:absolute;top:20px;right:20px;width:24px;height:24px;border-radius:50%;background-color:#fff;border:none;cursor:pointer}.modal-content>.steps-holder{flex:2;height:100%;display:flex;flex-direction:column;padding:16px;gap:20px;position:relative}@media (max-width: 738px){.modal-content>.steps-holder{gap:5px}}.modal-content>.steps-holder h1{font-size:36px;color:#23259a;margin:10px}@media (max-width: 738px){.modal-content>.steps-holder h1{font-size:24px;margin:5px}}.modal-content>.steps-holder .steps{display:flex;flex-direction:column;gap:22px;margin:10px}.modal-content>.steps-holder .steps .step{display:flex;flex-direction:column;max-height:35px;gap:10px;overflow:hidden;transition:all .6s cubic-bezier(.28,-.3,0,.99)}@media (max-width: 738px){.modal-content>.steps-holder .steps .step{max-height:22px}.modal-content>.steps-holder .steps .step .title{font-size:18px}.modal-content>.steps-holder .steps .step .desc{font-size:14px}}.modal-content>.steps-holder .steps>.step>.desc{opacity:0;transform:translate(50px);transition-delay:.3s;transition:all .3s ease}.modal-content>.steps-holder .steps>.step .data{opacity:0;transform:translate(50px);transition-delay:.3s;transition:all .3s ease;margin-left:28px}.modal-content>.steps-holder .steps input{display:none}.modal-content>.steps-holder .steps label{color:#616161}.modal-content>.steps-holder .steps label h2{cursor:pointer}.modal-content>.steps-holder .steps input:checked+label{max-height:200px}.modal-content>.steps-holder .steps input:checked+#stat-step-3{max-height:350px!important}.modal-content>.steps-holder .steps input:checked+label .desc{opacity:1;transform:translate(0)}.modal-content>.steps-holder .steps input:checked+label .data{opacity:1;transform:translate(0)}.modal-content>.image-holder{flex:2;height:100%;overflow:hidden;transition:all .6s cubic-bezier(.28,-.3,0,.99);border-radius:50px;padding:32px;display:flex;align-items:center;justify-content:center}.modal-content>.image-holder img{height:100%;object-fit:contain;border-radius:12px;transition:all .6s cubic-bezier(.28,-.3,0,.99)}@keyframes backdrop{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{transform:scale(0);opacity:0}50%{opacity:1}to{transform:scale(1);opacity:1}}.invitation{height:100%;width:100%;display:flex;flex-direction:column;align-items:center}.invitation>header{width:100%;display:flex;justify-content:center}.invitation>header img{width:300px}@media (max-width: 738px){.invitation>header img{width:200px}}.invitation>main{padding:0 16px;flex:1;width:40%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;color:#23259a}.invitation>main div{text-align:center}.invitation>main ul{width:100%}.invitation>main li{margin:12px 0;list-style-type:none;font-size:18px;font-weight:400;padding:16px;width:100%;border:1px solid #23259a}.invitation>main .stores{display:flex;flex-direction:row;justify-content:center;gap:16px}.invitation>main .stores img{height:80px}@media (max-width: 738px){.invitation>main{width:100%;justify-content:space-evenly}.invitation>main .stores{flex-direction:column;gap:8px;padding:8px}.invitation>main .stores img{max-height:80px;height:8vmax}}.invitation>.screenshot{max-width:600px}@media (max-width: 738px){.invitation>.screenshot{width:430px}}.invitation>footer{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px}.invitation>footer a{padding:12px}html{scroll-snap-type:y none}.cookies-policy{display:flex;flex-direction:column;overflow:hidden}.cookies-policy *{box-sizing:border-box}.cookies-policy>.text-wrapper{display:flex;flex-direction:column;width:60%;align-self:center;text-align:justify;margin-bottom:50px;word-wrap:break-word}@media (max-width: 738px){.cookies-policy>.text-wrapper{width:90%}}.cookies-policy h3{font-size:24px;margin:24px 0 8px}.cookies-policy p{margin:8px}.new-features-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;padding:20px 16px;gap:16px}.new-features-container .intro{text-align:center}.new-features-container .intro h2{font-size:24px;font-weight:700;color:#020e3d;margin-bottom:16px}.new-features-container .intro p{font-size:16px;color:#67677a;margin-bottom:16px}.new-features-container .card{width:100%;height:auto;background:white;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25));-webkit-filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25));transform:translateZ(0);-webkit-transform:translateZ(0);border-radius:8px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.new-features-container .card>.header{display:flex;align-items:center;justify-content:space-between;flex:3;width:100%;padding:16px 24px;gap:16px}.new-features-container .card>.header>.title{display:flex;text-wrap:balance}.new-features-container .card>.header>.title h2{font-size:18px;font-weight:700;color:#020e3d}.new-features-container .card>.header>.img-holder{width:120px;height:120px;overflow:hidden;border-radius:8px}.new-features-container .card>.header>.img-holder img{object-fit:contain}.new-features-container .card>.subtitle{flex:2;width:100%;background:#EBEFFF;padding:16px;color:#9696a3}.new-features-container .img-holder{width:100%;height:180px;overflow:hidden}.new-features-container .img-holder img{width:100%;height:100%;object-fit:cover}.new-features-container .body{padding:24px;width:100%;flex:1;position:relative;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}.new-features-container .modal{position:fixed;margin:auto;top:0;bottom:0;left:0;right:0;width:90%;height:400px;background-color:#fff;border-radius:8px;padding:24px;z-index:1000;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25));display:flex;flex-direction:column;align-items:center;text-align:center}.new-features-container .modal img{width:auto;height:240px;aspect-ratio:1/1;object-fit:cover;margin-bottom:16px}.new-features-container .modal .close-button{position:absolute;top:12px;right:12px;cursor:pointer;display:grid;place-content:center;width:14px;height:14px;border-radius:50%;border:none;background-color:#fff}.new-features-container .modal .close-button img{width:100%;height:100%;color:#020e3d}.club-creation-page{display:flex;flex-direction:column;min-height:100vh}.club-creation-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 20px;max-width:600px;margin:0 auto;width:100%}.club-creation-container h1{color:#23259a;font-size:48px;margin-bottom:20px;text-align:center}@media (max-width: 738px){.club-creation-container h1{font-size:32px}}.club-creation-container h2{color:#0726a3;font-size:28px;margin-bottom:10px;text-align:center}@media (max-width: 738px){.club-creation-container h2{font-size:24px}}.club-creation-container p{color:#67677a;font-size:16px;text-align:center;max-width:800px;margin-bottom:20px}@media (max-width: 738px){.club-creation-container p{font-size:14px}}.club-creation-container p.error-message{color:#f50733;font-weight:500;background-color:#fee3e8;padding:10px 15px;border-radius:8px;border-left:4px solid #f50733}.club-creation-container p.identifier-info{background-color:#ebefff;padding:10px 15px;border-radius:8px;font-size:14px;color:#0726a3;font-family:monospace}.club-creation-container p.hint{font-size:14px;color:#9696a3;font-style:italic;margin-top:10px}.club-creation-container p strong{color:#23259a;font-weight:600}.club-creation-container .form-section{width:100%;background:white;padding:30px;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-top:20px}@media (max-width: 738px){.club-creation-container .form-section{padding:20px}}.club-creation-container .form-section .form-group{margin-bottom:20px;text-align:left}.club-creation-container .form-section .form-group label{display:block;color:#051d7a;font-weight:600;margin-bottom:8px;font-size:14px}.club-creation-container .form-section .form-group input,.club-creation-container .form-section .form-group textarea{width:100%;padding:12px 16px;border:2px solid #E1E1F5;border-radius:8px;font-size:16px;transition:border-color .3s;font-family:DM Sans,sans-serif}.club-creation-container .form-section .form-group input:focus,.club-creation-container .form-section .form-group textarea:focus{outline:none;border-color:#23259a}.club-creation-container .form-section .form-group input::placeholder,.club-creation-container .form-section .form-group textarea::placeholder{color:#9696a3}@media (max-width: 738px){.club-creation-container .form-section .form-group input,.club-creation-container .form-section .form-group textarea{font-size:14px;padding:10px 14px}}.club-creation-container .form-section .form-group textarea{resize:vertical;min-height:80px}.club-creation-container .form-section .form-group .file-input{padding:8px;cursor:pointer}.club-creation-container .form-section .form-group .file-input::file-selector-button{padding:8px 16px;background:#EBEFFF;color:#23259a;border:1px solid #859DFF;border-radius:6px;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:500;margin-right:12px;transition:background-color .3s}.club-creation-container .form-section .form-group .file-input::file-selector-button:hover{background:#D6E0FF}.club-creation-container .form-section .form-group .btn-map{margin-top:10px;padding:10px 16px;background-color:#ebefff;color:#23259a;border:2px solid #859DFF;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.club-creation-container .form-section .form-group .btn-map:hover{background-color:#d6e0ff;border-color:#23259a}.club-creation-container .form-section .logo-preview{margin:20px 0;text-align:center}.club-creation-container .form-section .logo-preview img{max-width:200px;max-height:200px;border-radius:12px;border:2px solid #E1E1F5;object-fit:contain}.club-creation-container .form-section .button-group{display:flex;gap:12px;margin-top:20px}@media (max-width: 738px){.club-creation-container .form-section .button-group{flex-direction:column}}.club-creation-container .form-section button{width:100%;padding:14px 24px;background:#23259a;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s,transform .1s;font-family:DM Sans,sans-serif}.club-creation-container .form-section button:hover:not(:disabled){background:#0930CC;transform:translateY(-1px)}.club-creation-container .form-section button:active:not(:disabled){transform:translateY(0)}.club-creation-container .form-section button:disabled{background:#9696A3;cursor:not-allowed;opacity:.6}@media (max-width: 738px){.club-creation-container .form-section button{font-size:14px;padding:12px 20px}}.club-creation-container .form-section button.btn-secondary{background:transparent;color:#23259a;border:2px solid #23259a}.club-creation-container .form-section button.btn-secondary:hover:not(:disabled){background:#EBEFFF;transform:translateY(-1px)}.club-creation-container .form-section .request-code-section{margin-top:40px;padding-top:30px;border-top:1px solid #E1E1F5;text-align:center}.club-creation-container .form-section .request-code-section .request-code-question{color:#67677a;font-size:15px;margin-bottom:16px;font-weight:500}.club-creation-container .form-section .request-code-section .btn-request-code{width:auto;padding:12px 32px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s,transform .1s;font-family:DM Sans,sans-serif}.club-creation-container .form-section .request-code-section .btn-request-code:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.club-creation-container .form-section .request-code-section .btn-request-code:active:not(:disabled){transform:translateY(0)}.club-creation-container .form-section .request-code-section .btn-request-code:disabled{background:#9696A3;cursor:not-allowed;opacity:.6}@media (max-width: 738px){.club-creation-container .form-section .request-code-section .btn-request-code{width:100%;font-size:14px;padding:12px 20px}}.club-creation-container .form-section.success-section{background:linear-gradient(135deg,#EBEFFF 0%,white 100%);border:2px solid #859DFF;box-shadow:0 8px 24px #23259a1a}.club-creation-container .form-section.success-section h2{color:#23259a;font-size:32px;margin-bottom:16px}.club-creation-container .form-section.success-section h2:before{content:"✓";display:inline-block;width:50px;height:50px;line-height:50px;background:#10b981;color:#fff;border-radius:50%;margin-right:16px;font-size:28px;vertical-align:middle}@media (max-width: 738px){.club-creation-container .form-section.success-section h2{font-size:26px}.club-creation-container .form-section.success-section h2:before{width:40px;height:40px;line-height:40px;font-size:22px;margin-right:12px}}.club-creation-container .form-section.success-section>p{color:#0726a3;font-size:18px;margin-bottom:32px;font-weight:500}@media (max-width: 738px){.club-creation-container .form-section.success-section>p{font-size:16px;margin-bottom:24px}}.club-creation-container .form-section.success-section .club-summary{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;text-align:left}.club-creation-container .form-section.success-section .club-summary h3{color:#23259a;font-size:20px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #D6E0FF}@media (max-width: 738px){.club-creation-container .form-section.success-section .club-summary h3{font-size:18px}}.club-creation-container .form-section.success-section .club-summary .summary-item{display:flex;flex-direction:column;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #F0F1F5}.club-creation-container .form-section.success-section .club-summary .summary-item:last-child{border-bottom:none;padding-bottom:0}.club-creation-container .form-section.success-section .club-summary .summary-item strong{color:#051d7a;font-size:14px;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.club-creation-container .form-section.success-section .club-summary .summary-item span{color:#3e3e52;font-size:16px;line-height:1.5}@media (max-width: 738px){.club-creation-container .form-section.success-section .club-summary .summary-item span{font-size:15px}}.club-creation-container .form-section.success-section .club-summary .summary-item.logo-summary{align-items:center;padding:20px 0}.club-creation-container .form-section.success-section .club-summary .summary-item.logo-summary img{max-width:150px;max-height:150px;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:8px}@media (max-width: 738px){.club-creation-container .form-section.success-section .club-summary .summary-item.logo-summary img{max-width:120px;max-height:120px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-overlay .modal-content{background:white;border-radius:12px;padding:32px;max-width:100%;box-shadow:0 4px 20px #00000026}@media (max-width: 738px){.modal-overlay .modal-content{padding:24px}}.modal-overlay .modal-content h3{color:#23259a;font-size:24px;margin-bottom:16px;text-align:center}@media (max-width: 738px){.modal-overlay .modal-content h3{font-size:20px}}.modal-overlay .modal-content .modal-description{color:#0726a3;font-size:16px;text-align:center;margin-bottom:12px;font-weight:500}@media (max-width: 738px){.modal-overlay .modal-content .modal-description{font-size:14px}}.modal-overlay .modal-content .modal-info{color:#67677a;font-size:14px;text-align:center;margin-bottom:24px;line-height:1.5}@media (max-width: 738px){.modal-overlay .modal-content .modal-info{font-size:13px}}.modal-overlay .modal-content .form-group{margin-bottom:24px}.modal-overlay .modal-content .form-group label{display:block;color:#051d7a;font-weight:600;margin-bottom:8px;font-size:14px}.modal-overlay .modal-content .form-group input,.modal-overlay .modal-content .form-group textarea{width:100%;padding:12px 16px;border:2px solid #E1E1F5;border-radius:8px;font-size:16px;transition:border-color .3s;font-family:DM Sans,sans-serif;box-sizing:border-box}.modal-overlay .modal-content .form-group input:focus,.modal-overlay .modal-content .form-group textarea:focus{outline:none;border-color:#23259a}.modal-overlay .modal-content .form-group input::placeholder,.modal-overlay .modal-content .form-group textarea::placeholder{color:#9696a3}@media (max-width: 738px){.modal-overlay .modal-content .form-group input,.modal-overlay .modal-content .form-group textarea{font-size:14px;padding:10px 14px}}.modal-overlay .modal-content .form-group textarea{resize:vertical;min-height:100px}.modal-overlay .modal-content .error-message{color:#f50733;font-size:14px;margin-top:12px;text-align:center}.modal-overlay .modal-content .modal-buttons{display:flex;gap:12px;margin-top:24px;width:100%}@media (max-width: 738px){.modal-overlay .modal-content .modal-buttons{flex-direction:column-reverse}}.modal-overlay .modal-content .modal-buttons button{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;font-family:DM Sans,sans-serif;box-sizing:border-box}@media (max-width: 738px){.modal-overlay .modal-content .modal-buttons button{font-size:14px;padding:12px 20px;width:100%}}.modal-overlay .modal-content .modal-buttons button.btn-cancel{background:transparent;color:#67677a;border:2px solid #E1E1F5}.modal-overlay .modal-content .modal-buttons button.btn-cancel:hover:not(:disabled){background:#F0F1F5}.modal-overlay .modal-content .modal-buttons button.btn-submit{background:#10b981;color:#fff}.modal-overlay .modal-content .modal-buttons button.btn-submit:hover:not(:disabled){background:#059669}.modal-overlay .modal-content .modal-buttons button:disabled{opacity:.6;cursor:not-allowed}.location-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.location-picker-modal{background:white;border-radius:8px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.location-picker-modal .modal-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.location-picker-modal .modal-header h2{margin:0;font-size:24px;color:#333}.location-picker-modal .modal-header .close-button{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .3s}.location-picker-modal .modal-header .close-button:hover{color:#333}.location-picker-modal .modal-body{padding:20px;overflow-y:auto;flex:1}.location-picker-modal .modal-body .search-section{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.location-picker-modal .modal-body .search-section .search-group,.location-picker-modal .modal-body .search-section .url-group{display:flex;gap:10px}.location-picker-modal .modal-body .search-section .search-group input,.location-picker-modal .modal-body .search-section .url-group input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px}.location-picker-modal .modal-body .search-section .search-group input:focus,.location-picker-modal .modal-body .search-section .url-group input:focus{outline:none;border-color:#4285f4}.location-picker-modal .modal-body .search-section .search-group button,.location-picker-modal .modal-body .search-section .url-group button{padding:10px 20px;background-color:#4285f4;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap;transition:background-color .3s}.location-picker-modal .modal-body .search-section .search-group button:hover,.location-picker-modal .modal-body .search-section .url-group button:hover{background-color:#357ae8}.location-picker-modal .modal-body .error-message{color:#d32f2f;background-color:#ffebee;padding:10px 15px;border-radius:4px;margin-bottom:15px;font-size:14px}.location-picker-modal .modal-body .map-container{width:100%;height:400px;border-radius:8px;overflow:hidden;border:1px solid #ddd;margin-bottom:15px}.location-picker-modal .modal-body .selected-location{background-color:#f5f5f5;padding:15px;border-radius:4px;border-left:4px solid #4285f4}.location-picker-modal .modal-body .selected-location p{margin:5px 0;font-size:14px;color:#333}.location-picker-modal .modal-body .selected-location p strong{color:#000}.location-picker-modal .modal-body .selected-location p.coordinates{font-size:12px;color:#666;font-family:monospace}.location-picker-modal .modal-footer{padding:20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.location-picker-modal .modal-footer button{padding:10px 24px;border-radius:4px;font-size:16px;cursor:pointer;transition:all .3s;border:none}.location-picker-modal .modal-footer button.btn-secondary{background-color:#f5f5f5;color:#333}.location-picker-modal .modal-footer button.btn-secondary:hover{background-color:#e0e0e0}.location-picker-modal .modal-footer button.btn-primary{background-color:#4285f4;color:#fff}.location-picker-modal .modal-footer button.btn-primary:hover{background-color:#357ae8}.location-picker-modal .modal-footer button.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.location-picker-modal{max-width:100%;max-height:100vh;border-radius:0}.location-picker-modal .modal-body .search-section .search-group,.location-picker-modal .modal-body .search-section .url-group{flex-direction:column}.location-picker-modal .modal-body .search-section .search-group button,.location-picker-modal .modal-body .search-section .url-group button{width:100%}.location-picker-modal .modal-body .map-container{height:300px}.location-picker-modal .modal-footer button{flex:1}}