@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";.loader-container{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000;z-index:9999;display:flex;justify-content:center;align-items:center;pointer-events:none}.loader-image{max-width:90%;max-height:90%;width:300px;opacity:0;will-change:transform,opacity}@media (max-width: 768px){.loader-image{width:250px}}@media (max-width: 480px){.loader-image{width:200px}}.navbar{position:relative;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background-color:transparent;z-index:1000;transition:background-color .3s ease-in-out}.navbar-logo a{font-size:1.5rem;font-weight:700;color:var(--color-text)}.navbar-links{display:flex;list-style:none;gap:2rem}.navbar-links a{font-size:1rem;font-weight:500;transition:color .3s ease}.navbar-links a:hover{color:var(--color-primary)}.navbar-contact-btn{padding:.5rem 1.5rem;border:1px solid var(--color-primary);border-radius:20px;transition:all .3s ease}.navbar-contact-btn:hover{background-color:var(--color-primary);color:#fff}.navbar-toggle{display:none;flex-direction:column;cursor:pointer}.navbar-toggle .bar{width:25px;height:3px;background-color:var(--color-text);margin:4px 0;transition:.4s}.nav-link-button{background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:1rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:color .3s ease}.nav-link-button:hover{color:var(--color-primary)}@media (max-width: 768px){.navbar-links{display:none;flex-direction:column;width:100%;position:absolute;top:70px;left:0;background-color:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0}.navbar-links.active{display:flex;align-items:center}.navbar-links li{padding:1rem 0;text-align:center}.navbar-toggle{display:flex}}.footer{background-color:#050505;color:#a0a0a0;padding:4rem 5% 2rem;position:relative;z-index:10;border-top:1px solid #1c1c1c}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-column h4{font-size:1.2rem;color:#fff;margin-bottom:1.5rem;position:relative}.footer-column h4:after{content:"";position:absolute;left:0;bottom:-8px;width:30px;height:2px;background-color:var(--color-primary)}.footer-column.about p{line-height:1.7}.footer-column.links ul{list-style:none;padding:0}.footer-column.links li{margin-bottom:.8rem}.footer-column.links a{color:#a0a0a0;text-decoration:none;transition:all .3s ease}.footer-column.links a:hover{color:var(--color-primary);padding-left:5px}.footer-column.contact p{margin-bottom:.8rem}.social-links{margin-top:1.5rem;display:flex;gap:1rem}.social-links a{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border:1px solid #333;border-radius:50%;color:#a0a0a0;text-decoration:none;font-size:1.1rem;transition:all .3s ease}.social-links a:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #1c1c1c}.whatsapp-button{position:fixed;bottom:2rem;right:2rem;z-index:1000;width:60px;height:60px;background-color:#25d366;color:#fff;border-radius:50%;box-shadow:0 5px 15px #0000004d;display:flex;justify-content:center;align-items:center;font-size:2rem;text-decoration:none;transition:all .3s ease}.whatsapp-button:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 8px 25px #25d36680}@media (max-width: 600px){.whatsapp-button{width:50px;height:50px;font-size:1.8rem;bottom:1.5rem;right:1.5rem}}.hero-section{height:100vh;width:100%;position:relative}.hero-3d-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;max-width:800px;width:90%;padding:0 1rem}.hero-content h1{font-size:4rem;font-weight:700;margin-bottom:1rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem;line-height:1.6}.hero-cta-button{padding:1rem 2.5rem;font-size:1rem;font-weight:500;color:#fff;background-color:var(--color-primary);border:none;border-radius:30px;cursor:pointer;transition:all .3s ease}.hero-cta-button:hover{transform:scale(1.05)}@media (max-width: 768px){.hero-content h1{font-size:3rem}.hero-content p{font-size:1.1rem}}@media (max-width: 480px){.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem}}.about-hero{width:100%;height:80vh;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.about-3d-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;filter:brightness(.8)}.about-hero-content{position:relative;z-index:10;max-width:900px;padding:0 1.5rem}.about-title{font-size:4.5rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;display:flex;justify-content:center}.about-title span{display:inline-block}.about-subtitle{font-size:1.2rem;line-height:1.7;color:#a0a0a0;max-width:600px;margin:0 auto}@media (max-width: 768px){.about-title{font-size:3rem}}@media (max-width: 480px){.about-hero{height:70vh}.about-title{font-size:2.2rem;flex-wrap:wrap}.about-subtitle{font-size:1rem}}.mission-section{width:100%;padding:8rem 5%;background-color:#050505;overflow:hidden}.mission-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.mission-text-content h2{text-align:left;margin-bottom:2rem;font-size:3rem}.mission-text-content p{font-size:1.1rem;line-height:1.8;color:#a0a0a0;margin-bottom:1.5rem}.mission-image-container{width:100%;aspect-ratio:1 / 1;position:relative;border-radius:20px;overflow:hidden}.mission-image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (max-width: 900px){.mission-container{grid-template-columns:1fr}.mission-image-container{margin-top:3rem;aspect-ratio:16 / 9}.mission-text-content h2{text-align:center}}.timeline-line{position:absolute;top:50%;left:0;width:100%;height:2px;background-color:#333;z-index:1}.timeline-milestone{display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:2;background-color:#050505;padding:0 1rem;cursor:pointer}.milestone-number{width:50px;height:50px;border-radius:50%;border:2px solid #333;display:flex;justify-content:center;align-items:center;font-weight:700;transition:all .3s ease}.milestone-title{font-weight:500;transition:color .3s ease}.timeline-milestone.active .milestone-number{border-color:var(--color-primary);color:#fff;transform:scale(1.1)}.get-to-know-section{width:100%;padding:8rem 5%;background-color:var(--color-background);box-sizing:border-box}.get-to-know-container{max-width:1200px;margin:0 auto;text-align:center}.section-title{font-size:3rem}.know-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem}.know-card{background:#101010;border:1px solid #222;border-radius:15px;padding:2.5rem 2rem;text-align:left;transition:transform .3s ease,border-color .3s ease}.know-card:hover{transform:translateY(-10px);border-color:var(--color-primary)}.card-content{display:flex;flex-direction:column;height:100%}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.card-icon{font-size:2.5rem;color:var(--color-primary)}.card-number{font-size:1.2rem;font-weight:700;color:#555}.card-title{font-size:1.8rem;color:#fff;margin-bottom:1rem}.card-description{font-size:1rem;line-height:1.7;color:#a0a0a0}@media (max-width: 768px){.get-to-know-section{padding:6rem 3%}.section-title{font-size:2.5rem}}@media (max-width: 480px){.get-to-know-section{padding:4rem 1.5rem}.know-card{padding:2rem 1.5rem}.card-title{font-size:1.5rem}}.quote-section{width:100%;padding:8rem 5%;background-color:#050505}.quote-container{max-width:1200px;margin:0 auto;text-align:center}.quotes-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:4rem}@media (min-width: 768px){.quotes-grid{grid-template-columns:1fr 1fr}}.quote-card{background:#1c1c1c80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #333;border-radius:20px;padding:2.5rem;text-align:left;display:flex;flex-direction:column}.quote-video-wrapper{width:100%;aspect-ratio:16 / 10;border-radius:10px;overflow:hidden;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}.quote-video{width:100%;height:100%;object-fit:cover}.quote-text{font-size:1.2rem;font-style:italic;line-height:1.8;color:silver;margin-bottom:2rem;flex-grow:1}.quote-author{display:flex;align-items:center;gap:1rem;margin-top:auto}.author-info{display:flex;justify-content:space-between;align-items:center;width:100%}.author-name{font-size:1.2rem;color:#fff;font-weight:700}.quote-project-link{font-family:var(--font-family);font-size:.9rem;font-weight:500;color:#fff;text-decoration:none;padding:.6rem 1.2rem;border-radius:20px;border:1px solid var(--color-primary);position:relative;overflow:hidden;z-index:1;transition:color .4s ease-in-out;white-space:nowrap}.quote-project-link:before{content:"";position:absolute;z-index:-1;background:var(--color-primary);height:100px;width:200px;border-radius:50%;top:100%;left:100%;transition:all .7s cubic-bezier(.19,1,.22,1)}.quote-project-link:hover:before{top:-20px;left:-20px}@media (max-width: 480px){.quote-section{padding:6rem 5%}.quote-text{font-size:1.1rem}}.cta-section{width:100%;height:80vh;min-height:500px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center;background-image:url(https://res.cloudinary.com/dww2kvivh/image/upload/f_auto,q_auto,w_auto/v1758783504/cta-bg1_oh9wyc.jpg);background-size:cover;background-position:center;background-attachment:fixed}.cta-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1}.cta-content{position:relative;z-index:10;max-width:700px;padding:0 1.5rem}.cta-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem}.cta-subtitle{font-size:1.2rem;color:#a0a0a0;margin-bottom:2.5rem}.cta-button{font-family:var(--font-family);font-size:1.1rem;font-weight:500;color:#fff;text-decoration:none;padding:1rem 3rem;border-radius:30px;background-color:var(--color-primary);box-shadow:0 5px 20px #07f6;transition:all .3s ease}.cta-button:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 8px 30px #07f9}@media (max-width: 768px){.cta-title{font-size:2.8rem}}@media (max-width: 480px){.cta-section{height:70vh}.cta-title{font-size:2.2rem}.cta-subtitle{font-size:1rem}.cta-button{padding:.8rem 2.5rem;font-size:1rem}}.page-hero{height:60vh;min-height:400px;width:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;text-align:center}.page-hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-bg-media{width:100%;height:100%;object-fit:cover}.page-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:2}.page-hero-content{position:relative;z-index:3;max-width:900px;padding:0 1.5rem}.page-hero-title{font-size:4rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem}.page-hero-subtitle{font-size:1.2rem;line-height:1.7;color:#a0a0a0;max-width:600px;margin:0 auto}@media (max-width: 768px){.page-hero{height:50vh}.page-hero-title{font-size:3rem}}@media (max-width: 480px){.page-hero-title{font-size:2.2rem}.page-hero-subtitle{font-size:1rem}}.main-contact-content{padding:4rem 5%}.main-contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:4rem}.contact-form-wrapper .contact-section{padding:0;min-height:auto;background:none}.contact-form-wrapper .contact-container{max-width:100%;padding:0}.contact-form-wrapper .section-title,.contact-form-wrapper .contact-subtitle{text-align:left}@media (max-width: 900px){.main-contact-container{grid-template-columns:1fr}}.contact-section{width:100%;min-height:100vh;padding:6rem 5%;box-sizing:border-box;position:relative;z-index:10;overflow:hidden;display:grid;place-items:center}.contact-background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://res.cloudinary.com/dww2kvivh/image/upload/f_auto,q_auto,w_auto/v1758783508/contact-bg_oxwpzg.jpg);background-size:cover;background-position:center;background-attachment:fixed;z-index:1;filter:brightness(.3)}.contact-content-wrapper{max-width:800px;width:100%;margin:0 auto;text-align:center;position:relative;z-index:2;background-color:#0a0a0a99;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem}.section-title{font-size:3rem;font-weight:700;color:var(--color-text)}.contact-subtitle{font-size:1.2rem;color:#a0a0a0;margin-top:1rem;margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:grid;grid-template-columns:1fr;gap:1.5rem}.contact-form input,.contact-form textarea{width:100%;padding:1rem;background-color:#1c1c1cb3;border:1px solid #333;border-radius:8px;color:var(--color-text);font-family:var(--font-family);font-size:1rem;transition:border-color .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--color-primary)}.submit-button{padding:1rem 2.5rem;font-size:1rem;font-weight:500;color:#fff;background-color:var(--color-primary);border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;align-self:center;margin-top:1rem}.submit-button:hover{transform:scale(1.05)}@media (min-width: 600px){.form-group:first-child{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.contact-section{padding:4rem 1.5rem}.contact-content-wrapper{padding:2rem}.section-title{font-size:2.5rem}.contact-subtitle{font-size:1rem;margin-bottom:2rem}}.direct-info-container{display:flex;flex-direction:column;gap:3rem}.contact-details h3,.quick-faq h3{font-size:1.8rem;color:#fff;margin-bottom:1.5rem;border-bottom:1px solid #333;padding-bottom:1rem}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.contact-icon{font-size:1.5rem;color:var(--color-primary)}.contact-item a,.contact-item span{font-size:1.1rem;color:#a0a0a0;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:var(--color-primary)}.quick-faq .accordion-item{background:transparent;border:1px solid #333;border-radius:10px;margin-bottom:1rem;-webkit-backdrop-filter:none;backdrop-filter:none}.quick-faq .accordion-button{padding:1.2rem 1.5rem;font-size:1.1rem}.quick-faq .accordion-panel{padding:0 1.5rem 1.2rem}.quick-faq .accordion-panel p{font-size:1rem;color:#a0a0a0}.quick-faq .accordion-button:after{content:"+";font-size:1.5rem}.quick-faq .accordion-button[aria-expanded=true]:after{content:"-"}.address-section{padding:8rem 5%;background-color:#050505}.address-container{max-width:1200px;margin:0 auto;text-align:center}.address-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem}.address-card{background:#1c1c1c80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #333;border-radius:20px;padding:2.5rem;text-align:center;overflow:hidden;transition:all .3s ease}.address-card:hover{transform:translateY(-10px);border-color:var(--color-primary)}.address-image-wrapper{width:100%;height:200px;border-radius:10px;overflow:hidden;margin-bottom:2rem}.address-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.address-card:hover .address-image-wrapper img{transform:scale(1.05)}.country-name{font-size:1.8rem;color:#fff;font-weight:700;margin-bottom:.5rem}.location-text{font-size:1.1rem;color:#a0a0a0;margin-bottom:1rem}.phone-text{font-size:1.1rem;color:#a0a0a0;margin-bottom:1.5rem}.email-link{font-size:1.1rem;color:var(--color-primary);text-decoration:none;font-weight:500;transition:all .3s ease}.email-link:hover{text-decoration:underline}@media (max-width: 768px){.address-section{padding:6rem 5%}}.direct-connect-section{padding:8rem 5%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background-image:url(https://res.cloudinary.com/dww2kvivh/image/upload/f_auto,q_auto,w_auto/v1758783504/cta-bg1_oh9wyc.jpg);background-size:cover;background-position:center;background-attachment:fixed}.direct-connect-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1}.connect-card{display:block;max-width:900px;margin:0 auto;padding:3rem;border-radius:20px;background:#0f0f0f80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);text-align:center;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;z-index:2}.connect-card:hover{transform:translateY(-10px);border-color:var(--color-primary);box-shadow:0 10px 30px #0000004d}.connect-title{font-size:2.5rem;color:#fff;margin-bottom:1rem}.connect-subtitle{font-size:1.1rem;color:#a0a0a0;max-width:500px;margin:0 auto 2rem;line-height:1.6}.connect-icon-wrapper{margin-top:2rem}.connect-icon{font-size:4rem;color:#25d366;transition:transform .3s ease}.connect-card:hover .connect-icon{transform:scale(1.1)}@media (max-width: 600px){.direct-connect-section{padding:6rem 5%}.connect-card{padding:2rem}.connect-title{font-size:2rem}}.careers-container,.job-detail-container{max-width:900px;margin:0 auto;padding:4rem 5%}.job-listings{display:flex;flex-direction:column;gap:1.5rem}.job-card-link{text-decoration:none;color:inherit}.job-card{padding:2rem;background:#101010;border:1px solid #222;border-radius:15px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.job-card:hover{border-color:var(--color-primary);transform:scale(1.03)}.job-title{font-size:1.8rem;color:#fff;margin-bottom:.5rem}.job-meta{font-size:1.1rem;color:#a0a0a0}.job-card-arrow{font-size:2rem;color:var(--color-primary);transition:transform .3s ease}.job-card:hover .job-card-arrow{transform:translate(10px)}.no-positions-message{text-align:center;font-size:1.2rem;color:#a0a0a0;padding:4rem 0}.job-detail-header h1{font-size:3rem;margin-bottom:.5rem}.job-detail-header p{font-size:1.2rem;color:#a0a0a0;margin-bottom:3rem;border-bottom:1px solid #333;padding-bottom:3rem}.job-detail-content p,.job-detail-content ul{font-size:1.1rem;line-height:1.8;color:silver}.job-detail-content ul{padding-left:1.5rem;margin-top:1rem}.job-detail-header{border-bottom:1px solid #333;margin-bottom:2rem;padding-bottom:2rem}.job-detail-header h1{font-size:3rem;margin-bottom:.5rem;color:#fff}.job-detail-header p{font-size:1.2rem;color:#a0a0a0}.job-detail-content h3{font-size:1.8rem;color:var(--color-primary);margin-top:2rem;margin-bottom:1rem}.job-detail-content p{font-size:1.1rem;line-height:1.8;color:silver;white-space:pre-wrap}.application-form-section{margin-top:4rem;padding-top:4rem;border-top:1px solid #333}.application-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.application-form .form-group{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 600px){.application-form .form-group{grid-template-columns:1fr}}.application-form input,.application-form textarea{width:100%;padding:1rem;background-color:#1c1c1c;border:1px solid #333;border-radius:8px;color:var(--color-text);font-family:var(--font-family);font-size:1rem;transition:border-color .3s ease}.application-form input:focus,.application-form textarea:focus{outline:none;border-color:var(--color-primary)}.file-upload-wrapper label{font-size:1.1rem;font-weight:500;margin-bottom:.8rem;display:block}.application-form .submit-button{padding:1rem 2.5rem;font-size:1rem;font-weight:500;color:#fff;background-color:var(--color-primary);border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;align-self:flex-start}.application-form .submit-button:hover{transform:scale(1.05)}.status-message{margin-top:1.5rem;padding:1rem;border-radius:8px;font-weight:500}.status-message.success{background-color:#0077ff1a;color:var(--color-primary)}.status-message.error{background-color:#ff00321a;color:#ff0032}.back-link{display:inline-block;margin-top:4rem;font-size:1.1rem;color:#a0a0a0;text-decoration:none;transition:color .3s ease}.back-link:hover{color:var(--color-primary)}.service-page-content{max-width:900px;margin:0 auto;padding:4rem 5%}.service-page-content h2{font-size:2.5rem;color:var(--color-primary);border-bottom:1px solid #333;padding-bottom:1.5rem;margin-bottom:2rem}.service-page-content p{font-size:1.1rem;line-height:1.8;color:#a0a0a0}.section-title-left{font-size:2.5rem;color:#fff;margin-bottom:2rem;text-align:left}.section-paragraph{font-size:1.1rem;line-height:1.8;color:#a0a0a0;margin-bottom:1.5rem}.section-paragraph:first-letter{font-size:120%;color:silver}@media (max-width: 768px){.service-page-content h2{font-size:2rem}}.two-column-section{width:100%;padding:6rem 5%;overflow:hidden}.two-column-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 768px){.two-column-container{grid-template-columns:1fr 1fr}}.two-column-container.image-left .two-column-image{order:-1}.two-column-image{width:100%;aspect-ratio:1 / 1;border-radius:20px;overflow:hidden}.two-column-image img{width:100%;height:100%;object-fit:cover}.feature-grid-section{width:100%;padding:6rem 5%;background-color:var(--color-background);box-sizing:border-box}.feature-grid-container{max-width:1200px;margin:0 auto;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem;text-align:left}.feature-card{background:#101010;border:1px solid #222;border-radius:15px;padding:2.5rem 2rem;transition:transform .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-10px);border-color:var(--color-primary)}.feature-icon{font-size:2.5rem;color:#fff;margin-bottom:1.5rem}.feature-title{font-size:1.5rem;color:#fff;margin-bottom:1rem}.feature-description{font-size:1rem;line-height:1.7;color:#a0a0a0}.process-section{width:100%;padding:8rem 5%;background-color:#050505;overflow:hidden}.process-container{max-width:1200px;margin:0 auto;text-align:center}.timeline{display:flex;justify-content:space-between;position:relative;margin:4rem 0}.timeline-line{position:absolute;top:25px;left:0;width:100%;height:2px;background-color:#333;z-index:1}.timeline-milestone{display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:2;background-color:#050505;padding:0 1.5rem;cursor:pointer;position:relative}.milestone-number{width:50px;height:50px;border-radius:50%;border:2px solid #333;display:flex;justify-content:center;align-items:center;font-weight:700;transition:all .3s ease;position:relative;color:#a0a0a0}.milestone-number:before{content:"";position:absolute;width:10px;height:10px;background-color:#333;border-radius:50%;transition:all .3s ease}.milestone-title{font-weight:500;color:#a0a0a0;transition:color .3s ease}.timeline-milestone:hover .milestone-number{border-color:#a0a0a0}.timeline-milestone:hover .milestone-number:before{background-color:#a0a0a0}.timeline-milestone.active .milestone-number{border-color:var(--color-primary);color:#fff;box-shadow:0 0 15px #0077ff80}.timeline-milestone.active .milestone-number:before{background-color:var(--color-primary)}.timeline-milestone.active .milestone-title{color:var(--color-primary)}.process-display{background-color:#1c1c1c80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #333;border-radius:20px;padding:3rem;overflow:hidden}.display-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;text-align:left}.display-image img{width:100%;height:100%;max-height:400px;object-fit:cover;border-radius:15px}.display-text h3{font-size:2rem;margin-bottom:1rem}.display-text p{font-size:1.1rem;line-height:1.8;color:#a0a0a0}@media (max-width: 900px){.display-content{grid-template-columns:1fr}}@media (max-width: 768px){.timeline{display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:2rem;margin:4rem 0;padding-left:3rem}.timeline-line{position:absolute;left:25px;top:0;width:2px;height:100%;background-color:#333;z-index:1}.timeline-milestone{display:flex;flex-direction:row;align-items:center;gap:1.5rem;z-index:2;position:relative;padding:0}.milestone-number{background-color:#050505;padding:1rem;position:absolute;left:-3rem;top:50%;transform:translateY(-50%)}.milestone-title{text-align:left}.timeline-milestone.active .milestone-number{border-color:var(--color-primary);color:#fff;transform:translateY(-50%) scale(1.1)}.timeline-milestone.active .milestone-title{color:var(--color-primary)}}:root{--background-color: #050505;--card-background: #101010;--border-color: #2a2a2a;--primary-color: #007bff;--text-color: #ffffff;--text-secondary-color: #a0a0a0}.service-portfolio-section{padding:6rem 5%;background-color:var(--background-color)}.service-portfolio-container{max-width:1200px;margin:0 auto;text-align:center}.section-title{font-size:clamp(2rem,5vw,3rem);color:var(--text-color);margin-bottom:1rem}.section-description{font-size:1.1rem;color:var(--text-secondary-color);max-width:700px;margin:0 auto 4rem;line-height:1.6}.feedback-message{grid-column:1 / -1;text-align:center;font-size:1.2rem;color:var(--text-secondary-color);padding:4rem 0}.dual-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.video-card{background:var(--card-background);border-radius:12px;overflow:hidden;border:1px solid var(--border-color);transition:border-color .3s ease,box-shadow .3s ease;text-align:left}.video-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #0000004d}.video-wrapper{width:100%;aspect-ratio:16 / 10;position:relative;overflow:hidden;background-color:#000}.video-container{width:100%;height:100%}.portfolio-video{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.video-card:hover .portfolio-video{transform:scale(1.05)}.video-info{padding:1.5rem}.video-title{font-size:1.4rem;color:var(--text-color);margin-bottom:.5rem}.video-tech{font-size:.95rem;color:var(--text-secondary-color)}@media (max-width: 768px){.dual-video-grid{grid-template-columns:1fr;gap:2rem}.service-portfolio-section{padding:4rem 5%}.section-description{margin-bottom:3rem}}.diff-section{padding:8rem 5%;position:relative;overflow:hidden;background-image:url(https://res.cloudinary.com/dww2kvivh/image/upload/v1759130396/gameW_pa4ibq.png);background-size:cover;background-position:center;background-attachment:fixed;display:flex;justify-content:center;align-items:center}.diff-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.diff-container{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2;background:#0f0f0f80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem}.diff-list{margin-top:4rem;text-align:left}.diff-item{padding:2rem 0;border-bottom:1px solid #333}.diff-item:first-child{padding-top:0}.diff-item:last-child{border-bottom:none;padding-bottom:0}.diff-item h3{font-size:1.8rem;color:var(--color-primary);margin-bottom:.8rem}.diff-item p{font-size:1.1rem;line-height:1.7;color:silver;max-width:700px}@media (max-width: 768px){.diff-section{padding:6rem 5%}.diff-container{padding:2rem}.diff-item h3{font-size:1.5rem}.diff-item p{font-size:1rem}}.faq-section{padding:8rem 5%;background-color:var(--color-background)}.faq-container{max-width:900px;margin:0 auto}.faq-container .section-title{text-align:center;margin-bottom:4rem}.accordion{border:none;border-radius:15px;overflow:hidden}.accordion-item{background:#1c1c1c80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333}.accordion-item:last-child{border-bottom:none}.accordion-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;background:none;border:none;color:#fff;cursor:pointer;text-align:left;font-size:1.2rem;font-weight:500;font-family:var(--font-family)}.accordion-button:after{content:"+";font-size:2rem;transition:transform .3s ease}.accordion-button[aria-expanded=true]:after{content:"-";transform:rotate(180deg)}.accordion-button[aria-expanded=true]{color:var(--color-primary)}.accordion-panel{padding:0 2rem 1.5rem;animation:fadein .35s ease-in}.accordion-panel p{font-size:1.1rem;line-height:1.7;color:#a0a0a0}@media (max-width: 600px){.faq-section{padding:6rem 5%}.accordion-button{font-size:1rem;padding:1.2rem 1.5rem}.accordion-panel{padding:0 1.5rem 1.2rem}.accordion-panel p{font-size:1rem}}.genres-section{width:100%;padding:80px 20px;background-color:#121212;color:#fff;display:flex;justify-content:center;align-items:center}.genres-container{width:100%;max-width:1200px;text-align:center}.genres-title{font-size:2.5rem;font-weight:700;margin-bottom:20px}.genres-description{font-size:1.1rem;color:#b0b0b0;max-width:800px;margin:0 auto 40px;line-height:1.6}.genres-card{background-color:#1a1d24;border-radius:20px;padding:50px}.genres-list-wrapper{width:100%}.genres-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:35px}.genre-item{display:flex;align-items:center;gap:15px;padding:10px;border-radius:8px;transition:background-color .3s ease}.genre-item:hover{background-color:#2c313a}.genre-icon{font-size:1.8rem;color:#00e0c6}.genre-name{font-size:1rem;font-weight:500}@media (max-width: 768px){.genres-section{padding:60px 15px}.genres-title{font-size:2rem}.genres-card{padding:30px 20px}.genres-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px}}@media (max-width: 480px){.genres-grid{grid-template-columns:1fr}.genre-item{justify-content:center}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#0f0f0f;color:#fff;font-family:var(--font-family)}.login-container{width:100%;max-width:400px;padding:2rem;background-color:#1a1a1a;border-radius:15px;border:1px solid #333}.login-container h2{text-align:center;margin-bottom:2rem;font-size:1.8rem}.login-form .form-group{margin-bottom:1.5rem}.login-form label{display:block;margin-bottom:.5rem;font-weight:500}.login-form input{width:100%;padding:.8rem;background-color:#101010;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem}.error-message{color:#ff4d4d;text-align:center;margin-bottom:1rem}.admin-button{width:100%;padding:.9rem;border:none;border-radius:8px;background-color:var(--color-primary);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.admin-button:hover{background-color:#0056b3}.admin-page h1{font-size:2.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #333}.admin-section{background-color:#1a1a1a;border-radius:15px;padding:2rem;margin-top:2rem}.admin-section h3{font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #333}.admin-form{display:grid;gap:1rem}.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:.8rem;background-color:#101010;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;font-family:var(--font-family)}.admin-form button{justify-self:start;width:auto;padding:.8rem 1.5rem}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid #333}.admin-table th{color:#a0a0a0}.delete-button{padding:.5rem 1rem;border:1px solid #ff4d4d;color:#ff4d4d;background:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.delete-button:hover{background-color:#ff4d4d;color:#fff}.form-group-vertical{display:flex;flex-direction:column;gap:.5rem}.message-cell{white-space:pre-wrap;word-break:break-word;max-width:400px}.view-link{color:var(--color-primary);font-weight:500;text-decoration:none}.view-link:hover{text-decoration:underline}.admin-layout{display:flex;min-height:100vh;background-color:#0f0f0f;color:#fff;font-family:var(--font-family)}.admin-sidebar{width:250px;background-color:#1a1a1a;border-right:1px solid #333;display:flex;flex-direction:column;padding:1.5rem}.sidebar-header h3{font-size:1.5rem;text-align:center;padding-bottom:1.5rem;border-bottom:1px solid #333}.sidebar-nav{margin-top:2rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-nav a{color:#a0a0a0;text-decoration:none;font-size:1.1rem;padding:.8rem 1rem;border-radius:8px;transition:all .3s ease}.sidebar-nav a:hover{background-color:#222;color:#fff}.sidebar-nav a.active{background-color:var(--color-primary);color:#fff;font-weight:700}.sidebar-footer{margin-top:auto}.logout-button{width:100%;padding:.8rem;border:1px solid #ff4d4d;border-radius:8px;background:none;color:#ff4d4d;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.logout-button:hover{background-color:#ff4d4d;color:#fff}.admin-content{flex-grow:1;padding:2rem;overflow-y:auto}:root{--color-background: #0a0a0a;--color-primary: #0077ff;--color-text: #e0e0e0;--font-family: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text)}a{color:var(--color-text);text-decoration:none}