:root{--primary-purple: #0f7bf7;--primary-yellow: #ffee00;--text-dark: #333;--surface-light: #ffffff;--error: #ff4757;--success: #2ed573}.background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f7bf7;z-index:-2}body.legal-container,body:has(.legal-container){background:#0f7bf7!important;background-attachment:fixed!important;position:relative}.flag-icon,.gender-icon{width:30px;height:30px;object-fit:contain;margin-bottom:.2rem;display:block}@media (max-width: 480px){.flag-icon,.gender-icon{width:25px;height:25px}.inline-icon{width:16px;height:16px}}.inline-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:5px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto}body{background:none;color:var(--text-dark);min-height:100vh;display:flex;flex-direction:column;align-items:center;line-height:1.6;position:relative;overflow-x:hidden;margin:0}.main-nav{position:fixed;top:20px;left:0;width:100%;display:flex;justify-content:center;z-index:100}.nav-container{width:380px;height:54px;display:flex;justify-content:space-between;align-items:center;border:2px solid hsla(0,0%,100%,.85);border-radius:30px;box-sizing:border-box;overflow:hidden;background-color:#6951ed33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0}.nav-item{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease;position:relative;padding:0;margin:0;border-radius:0}.nav-item.active{background-color:var(--primary-yellow);color:var(--text-dark);font-weight:600;border-radius:28px;margin:0;height:100%}.nav-icon{width:22px;height:22px;margin-bottom:2px;filter:brightness(0) invert(1);transition:all .3s ease}.nav-item.active .nav-icon{filter:none}.nav-text{font-size:.7rem;font-weight:500}#pages-container{width:100%;padding-top:90px;overflow:hidden;position:relative}.page{display:none;width:100%;height:auto;overflow:visible;opacity:0;transition:opacity .3s ease;position:absolute;left:0;top:0}.page{min-height:calc(100vh - 90px)}.page.active{display:block;opacity:1;position:relative;z-index:1}html{scroll-behavior:smooth;overflow-x:hidden}.placeholder-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:2rem}.placeholder-icon{width:100px;height:100px;margin-bottom:2rem;opacity:.8}.placeholder-title{font-size:2.5rem;color:#fff;margin-bottom:1rem;font-weight:700}.placeholder-text{font-size:1.2rem;color:#ffffffe6;max-width:600px}.wrapper{width:100%;max-width:1800px;padding:0;text-align:center;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 auto}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative!important;padding:5rem 1rem 3rem;min-height:90vh;overflow:visible!important}.main-title{font-family:Montserrat,sans-serif!important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:900;color:#fff;text-transform:uppercase;margin-bottom:1.5rem;width:100%;max-width:100%;padding:0;box-sizing:border-box;line-height:1.3}.headline-first-line,.headline-second-line{font-family:Montserrat,sans-serif!important;display:inline-block;width:auto;text-align:center;white-space:nowrap;padding:0 10px}.headline-first-line{font-size:3.2rem;margin-bottom:.6rem}.headline-second-line{font-size:3.2rem}@media screen and (min-width: 1200px){.headline-first-line,.headline-second-line{font-size:3.5rem}}@media (min-width: 481px) and (max-width: 768px){.headline-first-line,.headline-second-line{font-size:2.2rem}}@media (max-width: 480px){.main-title{width:100%}.headline-first-line,.headline-second-line{font-size:1.4rem;padding:0 5px;max-width:120%}}@media (max-width: 350px){.headline-first-line,.headline-second-line{font-size:1.3rem;max-width:95%}}.main-title span{display:inline-block}.description{font-size:1.3rem;color:#ffffffe6;max-width:600px;margin:0 auto 2rem;text-align:center;padding:0 15px}.flag-icon{width:30px;height:30px;object-fit:contain;margin-bottom:.2rem;display:block;border-radius:4px}.inline-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:5px;border-radius:3px}.coffee-icon img{display:inline-block;animation:steam 2s ease infinite}.language-selection{display:flex;flex-direction:column;align-items:center;width:100%}.cta-btn{background:var(--primary-yellow);color:var(--text-dark);padding:1.1rem 1.5rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1.5rem;width:100%;max-width:340px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 3px 10px #ffd30033}.cta-btn:hover{transform:scale(1.03);box-shadow:0 4px 15px #ffd3004d}@keyframes waveMove{0%{transform:translate(-5%)}to{transform:translate(5%)}}.avatar{position:absolute;border-radius:50%;background-color:#fff;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:0;border:3px solid white}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-1{width:70px;height:70px;top:5%;left:15%;animation:float 6s ease-in-out infinite}.avatar-2{width:70px;height:70px;top:15%;left:78%;animation:float 8s ease-in-out infinite 1s}.avatar-3{width:70px;height:70px;top:5%;right:15%;animation:float 7s ease-in-out infinite .5s}.avatar-4{width:70px;height:70px;top:15%;right:74%;animation:float 9s ease-in-out infinite 1.5s}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}@media (max-width: 768px){.avatar-1{top:5%;left:10%}.avatar-3{top:10%;right:10%}.avatar-2{top:16%;left:20%}.avatar-4{top:17%;right:20%}}.features-section{padding:4rem 1rem;text-align:center;position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto}.section-title{font-size:clamp(1.5rem,4vw + .5rem,3rem);font-weight:800;margin-bottom:3rem;color:#fff;text-transform:uppercase;letter-spacing:clamp(.5px,.1vw,1px);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.2}.title-top,.title-bottom{display:block;width:110%}.title-top{margin-bottom:clamp(.2rem,.7vw,.5rem)}.section-title:after{content:"";position:absolute;width:clamp(40px,10vw,60px);height:4px;background-color:#ffd200;bottom:-12px;left:50%;transform:translate(-50%);border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:3rem}.feature-card{background-color:#448fff;border:2px solid rgba(255,255,255,.2);border-radius:50px;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease!important;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;max-width:600px;margin:0 auto;cursor:pointer;box-shadow:0 5px 10px #0051a721}.feature-card:hover{transform:translateY(-10px);background-color:#fff;box-shadow:0 15px 30px #0003}.feature-card:hover .feature-title,.feature-card:hover .feature-description{color:#1d1d1d}.feature-icon{width:80px;height:80px;margin-bottom:1.5rem;position:relative;animation:float-icon 4s ease-in-out infinite}.feature-icon img{width:100%;height:100%;object-fit:contain}.feature-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#fff}.feature-description{color:#fff;line-height:1.6;font-size:1.1rem}@keyframes float-icon{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.faq-section{padding:4rem 1rem;text-align:center;position:relative;z-index:2;width:100%;max-width:900px;margin:0 auto}.faq-container{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.faq-item{background-color:#448fff;border:2px solid rgba(255,255,255,.2);border-radius:22px;box-shadow:0 4px 15px #0000000d;overflow:hidden;transition:all .3s ease}.faq-item:hover{background-color:#ffffff4d}.faq-question{padding:1.25rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-question h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0;text-align:left}.faq-arrow{transition:transform .3s ease;color:#fff}.faq-item.active .faq-arrow{transform:rotate(180deg)}.faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;text-align:left}.faq-item.active .faq-answer{padding:0 1.5rem 1.25rem;max-height:500px}.faq-answer p{margin:0;color:#ffffffe6;line-height:1.6}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:#ffffffe4;padding:2rem;border-radius:16px;width:90%;max-width:500px;animation:modalSlide .3s ease-out;box-shadow:0 10px 25px #0000001a;color:var(--text-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content h3{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.5rem}@keyframes modalSlide{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.modal-option{padding:1rem;background:#f7f7f7;border:none;color:var(--text-dark);border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.modal-option:hover{background:#a3bbff;transform:translateY(-2px)}.modal-option.selected{background:var(--primary-purple);color:#fff}.loading-overlay{background:#0f7bf7;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:999;color:#fff}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid var(--primary-purple);border-radius:16px;padding:2rem;z-index:1001;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 25px #0000001a;color:var(--text-dark)}.alert-content{display:flex;flex-direction:column;gap:1.5rem}.alert-actions{display:flex;gap:1rem;justify-content:center}.alert-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.alert-actions .retry{background:var(--primary-purple);color:#fff}.alert-actions .change-lang{background:#9c63ff1a;color:var(--text-dark)}.error-alert{color:var(--error);display:flex;align-items:center;gap:.5rem;margin:.5rem 0;transition:all .3s ease;opacity:0}.error-alert.visible{opacity:1}.contact-container{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;width:100%;min-height:calc(100vh - 90px)}.contact-header{text-align:center;margin-bottom:2rem;color:#fff}.contact-title{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#fff;text-transform:uppercase}.contact-description{font-size:1.2rem;color:#ffffffe6;max-width:600px}.contact-form-container{width:100%;max-width:550px;background-color:#ffffffe6;border-radius:24px;box-shadow:0 10px 30px #0003;padding:2.5rem;margin:1rem auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.contact-form-container:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000040}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:var(--text-dark);font-size:1rem}.form-input{padding:1rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #9c63ff33}.form-textarea{min-height:150px;resize:vertical}.submit-btn{background:var(--primary-yellow);color:var(--text-dark);padding:1rem 1.5rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;box-shadow:0 3px 10px #ffd30033}.submit-btn:hover{transform:scale(1.03);box-shadow:0 4px 15px #ffd3004d}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-error{color:var(--error);font-size:.9rem;display:none}.form-error.visible{display:block}.form-success{background-color:#2ed57326;color:var(--success);padding:1rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;font-weight:600;border:1px solid var(--success)}@media (max-width: 768px){.contact-title{font-size:2.5rem}.contact-form-container{padding:2rem}.submit-btn{font-size:1rem}}@media (max-width: 480px){.contact-title{font-size:2rem}.contact-description{font-size:1rem}.contact-form-container{padding:1.5rem}.form-label{font-size:.9rem}.form-input{padding:.9rem;font-size:.9rem}.submit-btn{padding:.9rem 1.3rem;font-size:.9rem}}.notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--success);color:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 10px 25px #0000004d;font-weight:600;font-size:1.2rem;z-index:2000;display:flex;align-items:center;justify-content:center;gap:12px;max-width:90%;text-align:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.notification.show{opacity:1;visibility:visible}.notification i{font-size:1.4rem}.notification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1999;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.notification-overlay.show{opacity:1;visibility:visible}@media (max-width: 768px){.notification{font-size:1.1rem;padding:18px 25px}.notification i{font-size:1.3rem}}@media (max-width: 480px){.notification{font-size:1rem;padding:15px 20px}.notification i{font-size:1.2rem}}@media (max-width: 768px){.wrapper{padding:0 1rem}.description{font-size:1.2rem;padding:0}.features-grid{grid-template-columns:1fr;gap:2rem}.section-title{margin-bottom:2.5rem}.feature-card{padding:2rem;max-width:100%}.feature-icon{width:250px;height:200px}.feature-title{font-size:1.3rem}.modal-options{grid-template-columns:repeat(2,1fr);gap:.75rem}.modal-option{padding:.75rem .5rem;font-size:.9rem}.modal-option img{width:30px;height:30px}.modal-content{padding:1.5rem;width:95%;max-width:450px}.modal-content h3{font-size:1.3rem;margin-bottom:1rem}.cta-btn{padding:1rem;font-size:1rem}.combined-selection-btn{padding:.75rem 1rem;font-size:.9rem}.avatar-1,.avatar-3{display:none}.avatar-2{left:5%}.avatar-4{right:5%}.nav-container{width:330px}.notification{font-size:1rem;padding:12px 20px}.notification i{font-size:1.2rem}}@media (max-width: 480px){.section-title{margin-bottom:2rem}.feature-icon{width:200px;height:160px}.feature-title{font-size:1.2rem}.feature-description{font-size:.9rem}.faq-question h3{font-size:1rem}.modal-options{grid-template-columns:repeat(2,1fr);gap:.5rem}.modal-content{padding:1.25rem;width:95%;border-radius:12px}.modal-option{padding:.6rem .4rem;font-size:.8rem}.modal-option img{width:24px;height:24px}.alert-actions{flex-direction:column}.alert-actions button{width:100%}.combined-selection-btn,.cta-btn{padding:1.1rem 1rem;font-size:1rem;max-width:340px}.gender-section,.language-section{padding:0 .25rem;gap:.25rem}.selection-separator{margin:0 .25rem}.nav-container{width:300px;height:50px}.nav-icon{width:20px;height:20px}.nav-text{font-size:.65rem}.notification{font-size:.9rem;padding:10px 15px}.notification i{font-size:1.1rem}}@media screen and (min-width: 992px){.feature-icon{width:350px!important;height:280px!important}.feature-card{max-width:650px!important;padding:3rem!important}.feature-title{font-size:1.8rem!important}.feature-description{font-size:1.1rem!important}}#media-error-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;padding:2.5rem;border-radius:24px;text-align:center;z-index:10000;box-shadow:0 10px 30px #0003;max-width:90%;width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:cameraModalSlide .3s ease-out;border:1px solid rgba(255,255,255,.2);font-family:Montserrat,sans-serif;color:#333}@keyframes cameraModalSlide{0%{transform:translate(-50%,-60%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}#media-error-modal h3{color:#0f7bf7;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px}#media-error-modal h3:before{content:"⚠️";font-size:2rem}#media-error-modal p#media-error-text{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;color:#555}#media-error-modal button{background:#0f7bf7;color:#fff;border:none;padding:1rem 2rem;border-radius:50px;margin-top:1rem;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;width:100%;max-width:220px;box-shadow:0 4px 15px #3385ff4d}#media-error-modal button:hover{background:#2e77e6;transform:translateY(-2px);box-shadow:0 6px 20px #3385ff66}#media-error-modal .retry-text{display:block;font-size:.9rem;color:#0f7bf7;margin-top:.5rem;font-style:italic}@media (max-width: 480px){#media-error-modal{padding:2rem;width:85%}#media-error-modal h3{font-size:1.5rem}#media-error-modal p#media-error-text{font-size:1rem}#media-error-modal button{padding:.8rem 1.5rem;font-size:1rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.visible{opacity:1;visibility:visible}#media-error-modal{z-index:10000}.site-footer{padding:1.5rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;margin-top:3rem;z-index:50}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:.5rem}.footer-links a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease}.footer-links a:hover{color:var(--primary-yellow)}.footer-copyright{color:#ffffffb3;font-size:.9rem}@media (max-width: 480px){.footer-links{gap:1rem;font-size:.9rem}.site-footer{padding:1rem;margin-top:2rem}}.social-icons-container{display:flex;align-items:center;justify-content:center;gap:1.2rem;padding:1rem 0;width:100%;margin-top:1rem;z-index:5}.social-icon{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;transition:all .3s ease;background-color:#ffffff1a;padding:.6rem 1rem;border-radius:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.social-icon:hover{background-color:var(--primary-yellow);color:var(--text-dark);transform:translateY(-3px);box-shadow:0 4px 10px #0000001a}.social-icon i{font-size:1.2rem}.social-username{font-weight:600;font-size:.9rem}@media (max-width: 992px){.social-icons-container{left:1.5rem}}@media (max-width: 768px){.social-icons-container{left:1rem;gap:.8rem}.social-icon{padding:.5rem .8rem}.social-icon i{font-size:1.1rem}}@media (max-width: 576px){.social-icons-container{gap:.8rem;padding:.5rem 0}.social-username{display:none}.social-icon{padding:.6rem}}@media (max-width: 350px){.social-icons-container{gap:.5rem}.social-icon{padding:.5rem}.social-icon i{font-size:1rem}}.hidden{display:none!important}.blurred{filter:blur(4px);pointer-events:none;transition:filter .3s ease}.error-alert.visible{display:flex}.about-page-container{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;width:100%;min-height:calc(100vh - 90px)}.about-header{text-align:center;margin-bottom:2rem;color:#fff}.about-title{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#fff;text-transform:uppercase}.about-description{font-size:1.2rem;color:#ffffffe6;max-width:800px;margin:0 auto}.about-content{max-width:1200px;margin:0 auto}.about-section{display:flex;flex-direction:row;align-items:center;margin-bottom:4rem;background-color:#448fff;border:2px solid rgba(255,255,255,.2);border-radius:24px;overflow:hidden;box-shadow:0 8px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease!important}.about-section:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000040}.about-image{flex:.4;max-width:40%;position:relative;overflow:hidden;height:auto;min-height:150px;padding:1rem}.about-image img{width:100%;height:auto;max-height:250px;object-fit:contain;border-radius:12px;transition:transform .5s ease}.about-section:hover .about-image img{transform:scale(1.05)}.about-text-content{flex:.6;padding:2.5rem;color:#fff}.about-text-content h3{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.about-text-content p{font-size:1.1rem;line-height:1.7;margin-bottom:1rem}@media (max-width: 768px){.about-section{flex-direction:column}.about-image{flex:none;width:90%;max-width:400px;min-height:auto;margin:1.5rem auto 0}.about-image img{max-height:150px}.about-text-content{padding:1.5rem}.about-text-content h3{font-size:1.5rem}.about-text-content p{font-size:1rem}.about-title{font-size:2rem}.about-description{font-size:1.1rem}}