*{margin:0;padding:0}:root{--primary-color:#0B0B0F;--secondary-color:#444452;--accent-color:#814AC8;--bg-color:#2D2D33;--light-text:#666666;--text-color:#ffffff;--light-bg:#F9F9FA;--border:#E5E5E8;--container-padding:24px;--transition:all 0.3s ease;--border-radius:12px;--card-shadow:0 8px 24px rgba(0,0,0,0.07)}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden}body{font-family:'Manrope',sans-serif;line-height:1.6;color:#ffffff;margin:0;padding:0 15px;background-color:#000000;background-image:url('../images/dallebg.webp');background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;position:relative;box-sizing:border-box}body::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);z-index:-1}.container{max-width:1080px;margin:0 auto;padding:0 20px;position:relative;width:100%;box-sizing:border-box}a{text-decoration:none;color:var(--text-color);transition:var(--transition)}img{max-width:100%;height:auto;display:block}ul{list-style:none}h1,h2,h3,h4,h5,h6{margin:0 0 20px;font-weight:600;line-height:1.2;color:var(--text-color)}p{margin-bottom:1.5rem;color:var(--text-color)}.section{padding:100px 0}header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:var(--transition);background-color:rgba(0,0,0,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,0.3);padding:0 20px;box-sizing:border-box}header .container{width:100%;max-width:1080px;padding:0;box-sizing:border-box}li{margin-bottom:15px}ul,ol{padding-left:0;margin-bottom:30px}nav{display:flex;justify-content:space-between;align-items:center;height:70px;padding:0 var(--container-padding);max-width:100%;width:100%;position:relative;overflow:visible}.logo{display:flex;align-items:center;gap:12px;margin-right:auto;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:clamp(10px,2vw,25px);list-style:none;margin:0;padding:0;margin-left:auto;margin-right:15px;flex-shrink:1;max-width:calc(100% - 150px);justify-content:flex-end}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:22px;cursor:pointer;z-index:1000;position:relative;margin-left:20px;margin-right:10px;flex-shrink:0;padding-right:10px}.menu-toggle span{display:block;width:100%;height:3px;background-color:#ffffff;transition:all 0.3s ease-in-out;border-radius:2px}.menu-toggle.active span:nth-child(1){transform:translateY(10px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:99}.mobile-menu-overlay.active{display:block}.logo{font-size:18px;font-weight:700;color:var(--primary-color)}.nav-links li{position:relative;margin-bottom:0}.nav-links a{text-decoration:none;color:var(--text-color);font-weight:500;font-size:clamp(13px,3vw,17px);position:relative;transition:var(--transition);padding:8px 0;white-space:nowrap;letter-spacing:-0.2px}.nav-links a:hover,.nav-links a.active{color:var(--accent-color)}.nav-links a::after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width 0.3s ease}.nav-links a:hover::after,.nav-links a.active::after{width:100%}.menu-toggle{display:none;flex-direction:column;cursor:pointer;z-index:200;width:30px;height:25px;justify-content:space-between;position:relative}.menu-toggle span{display:block;width:30px;height:2px;background-color:#fff;transition:all 0.3s ease-in-out;border-radius:2px}.menu-toggle.active span:nth-child(1){transform:translateY(10px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}.section{padding:200px 0;margin-bottom:140px}.section-title{font-size:42px;font-weight:700;margin-bottom:60px;color:var(--text-color);position:relative;letter-spacing:-0.5px;text-align:center;width:100%}.section-description{font-size:24px;line-height:1.8;margin-bottom:70px;color:var(--text-color);max-width:550px}.hero-section{padding-top:140px;padding-bottom:80px;position:relative}.hero-content{padding:0}.hero-content h1{font-size:56px;font-weight:700;line-height:1.1;margin-bottom:48px;width:100%;color:var(--primary-color);letter-spacing:-1px;word-break:break-word;white-space:normal;text-align:center;padding:0 18px}.hero-content h2{font-size:24px;font-weight:600;margin-bottom:16px}.hero-description{font-size:20px;margin-bottom:32px;margin-top:-24px}.hero-section .container{display:flex;align-items:center;justify-content:center;gap:80px}.hero-content{flex:1.2;max-width:720px}.hero-content p{font-size:20px;line-height:1.6;margin-bottom:40px;color:var(--secondary-color)}.hero-image{flex:1;display:flex;justify-content:flex-end;align-items:center}.profile-image{max-width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--card-shadow)}.cta-buttons{display:flex;margin-top:24px;gap:16px}.btn{text-decoration:none;padding:15px 30px;border-radius:8px;font-weight:600;display:inline-block;transition:var(--transition);cursor:pointer;font-size:16px;text-align:center}.primary-btn{background-color:var(--accent-color);color:white;border:none}.primary-btn:hover{background-color:darken(var(--accent-color),10%);transform:translateY(-2px);box-shadow:0 6px 12px rgba(58,54,255,0.2)}.secondary-btn{background-color:transparent;color:var(--primary-color);border:1px solid var(--border)}.secondary-btn:hover{background-color:var(--light-bg);border-color:var(--primary-color);transform:translateY(-2px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-top:40px}.project-item{background-color:white;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:var(--transition)}.project-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.1)}.project-image{height:240px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.project-item:hover .project-image img{transform:scale(1.05)}.project-info{padding:25px}.project-info h3{font-size:22px;font-weight:600;margin-bottom:15px;color:var(--primary-color)}.project-info p{font-size:16px;color:var(--light-text);margin-bottom:20px}.project-link{display:inline-block;color:var(--accent-color);text-decoration:none;font-weight:500;transition:var(--transition)}.project-link .arrow{display:inline-block;transition:transform 0.3s ease}.project-link:hover .arrow{transform:translateX(5px)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-image{height:500px;overflow:hidden;border-radius:15px}.about-image img{width:100%;height:100%;object-fit:cover}.about-content{padding-right:20px}.about-content p{font-size:18px;margin-bottom:25px;color:var(--light-text);line-height:1.7}.skills{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.skill-category h3{font-size:20px;font-weight:600;margin-bottom:15px;color:var(--primary-color)}.skill-list{list-style:none}.skill-list li{padding:8px 0;position:relative;padding-left:0;color:var(--light-text);font-size:16px}.skill-list li:before{content:'•';color:var(--accent-color);position:absolute;left:0;font-size:20px;line-height:1}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:40px}.contact-info p{font-size:18px;margin-bottom:30px;color:var(--light-text);line-height:1.7}.contact-details{margin-bottom:30px}.contact-item{margin-bottom:15px;display:flex;align-items:center}.contact-label{font-weight:600;margin-right:10px;color:var(--primary-color);min-width:80px}.contact-item a{color:var(--light-text);text-decoration:none;transition:var(--transition)}.contact-item a:hover{color:var(--accent-color)}.social-links{display:flex;gap:20px;margin-top:30px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--light-bg);color:var(--primary-color);text-decoration:none;transition:var(--transition)}.social-link:hover{background-color:var(--accent-color);color:white;transform:translateY(-5px)}.form-group{margin-bottom:25px}label{display:block;margin-bottom:10px;font-weight:500;color:var(--primary-color)}input,textarea{width:100%;padding:14px;border:1px solid var(--border);border-radius:8px;font-family:'Outfit',sans-serif;font-size:16px;transition:var(--transition);background-color:var(--light-bg)}input:focus,textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(162,89,255,0.1)}footer{background:linear-gradient(to top,#000000,#2d1a45);padding:50px 0 40px;color:#ffffff;width:100%;box-sizing:border-box;overflow:hidden}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.footer-brand{display:flex;flex-direction:column;gap:15px;align-items:flex-start;min-width:200px;flex:1}.footer-logo{display:flex;align-items:flex-start;gap:15px}.footer-logo .logo-img{width:60px;height:60px}.footer-logo .logo-text{font-weight:700;font-size:2rem;color:#ffffff}.copyright{font-size:0.9rem;color:rgba(255,255,255,0.7)}.footer-nav{display:flex;gap:60px;flex-direction:row;align-items:flex-start;flex:2;justify-content:flex-start}.footer-column h4{color:#ffffff;margin-bottom:18px;font-size:1.1rem;font-weight:600}.footer-links{display:flex;flex-direction:column;gap:12px;flex-wrap:wrap;max-width:100%}.footer-links.two-columns{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px;row-gap:15px;padding-bottom:10px;margin-bottom:5px}.footer-links a{color:rgba(255,255,255,0.8);text-decoration:none;transition:var(--transition);font-size:0.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.footer-links a:hover{color:var(--accent-color)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--border)}.footer-bottom p{font-size:14px;color:var(--light-text)}@media screen and (max-width:991px){body{padding:0 20px}.container{width:100%;max-width:95%;padding:0;margin:0 auto}.about-grid,.contact-content{grid-template-columns:1fr}.about-image{height:400px;margin-bottom:30px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:991px){.service-item{flex-direction:column-reverse !important;gap:30px;align-items:center}.service-image,.service-content{width:100% !important;max-width:100% !important}.services-content,.projects-content,.method-content,.faq-content{padding:0 25px}.service-content{padding:0}.hero-title{font-size:2.5rem;padding:0}.services-title,.projects-title,.section-title{font-size:2rem;padding:0}.services-subtitle,.projects-subtitle{font-size:1.2rem;padding:0}}@media (max-width:767px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.35rem}h4{font-size:1.1rem}.footer-content{flex-direction:column;gap:40px;justify-content:flex-start}.footer-brand{align-items:center;text-align:center}.footer-nav{width:100%;justify-content:space-around}.hero-title{font-size:2rem;padding:0 20px}.services-title,.projects-title,.section-title{font-size:1.8rem;padding:0 15px}.services-subtitle,.projects-subtitle{font-size:1.1rem;padding:0 20px}section{padding:60px 0}.container{padding:0}.hero-section{flex-direction:column;gap:40px;text-align:center;margin-top:120px;padding-top:60px;padding-bottom:180px;min-height:70vh}.services-content,.projects-content,.method-content,.faq-content{padding:0}.service-content,.project-card-content{padding-left:0;padding-right:20px}}@media (max-width:480px){}@media (max-width:480px){.hero-content h1{font-size:36px}.hero-content p{font-size:18px}.section{padding:80px 0}.cta-buttons{flex-direction:column;gap:15px}.btn{width:100%;text-align:center}.project-image{height:200px}}.scrolled .top-background{opacity:0}.contact-visible .bottom-background{opacity:0.7}@media (max-width:1100px) and (min-width:1081px){}.nav-links a{font-size:16px}.container{padding:0}.menu-toggle{display:flex;margin-right:10px}header .container{padding:0}.service-item{flex-direction:column-reverse !important;gap:30px;align-items:center}.service-image,.service-content{width:100% !important;max-width:100% !important}.service-content{max-width:400px !important;margin:0 auto}.services-content,.projects-content,.method-content,.faq-content{padding:0}.service-content{padding:0}.hero-title{font-size:2.5rem;padding:0 30px}.services-title,.projects-title,.section-title{font-size:2rem;padding:0 25px}.services-subtitle,.projects-subtitle{font-size:1.2rem;padding:0 30px}@media (max-width:991px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}}.cta-section{padding:6rem 0 8rem;text-align:center;margin:80px 0}.cta-content{max-width:800px;margin:0 auto;background-color:var(--card-bg);border:1px solid rgba(255,255,255,0.259);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--card-shadow)}.section-subtitle{color:var(--text-primary);margin-bottom:1.5rem}.cta-description{font-size:1.1rem;line-height:1.6;color:var(--text-primary);margin-bottom:2.5rem}.cta-button{margin-top:2rem}.cta-button .btn-primary{color:var(--text-primary);border:none;padding:0.9rem 2rem;border-radius:8px;position:relative;overflow:hidden;z-index:1;transition:all 0.4s cubic-bezier(0.2,0.6,0.4,1);font-weight:600;display:inline-block;cursor:pointer;font-size:16px;text-align:center}#contact-cta-btn{background-color:#814AC8 !important}.cta-button .btn-primary:hover,#contact-cta-btn:hover{backdrop-filter:blur(10px);box-shadow:inset 0 0 15px rgba(255,255,255,0.3),inset 0 0 30px rgba(255,255,255,0.1)}@media (max-width:1100px) and (min-width:1081px){.nav-links a{font-size:16px}.container{padding:0}}.menu-toggle{display:flex;margin-right:10px}header{padding:0}.service-item{flex-direction:column-reverse !important;gap:30px;align-items:center}.service-image,.service-content{width:100% !important;max-width:100% !important}.service-content{max-width:400px !important;margin:0 auto}.services-content,.projects-content,.method-content,.faq-content{padding:0 25px}.service-content{padding:0}.hero-title{font-size:2.5rem;padding:0}.services-title,.projects-title,.section-title{font-size:2rem;padding:0}.services-subtitle,.projects-subtitle{font-size:1.2rem;padding:0}.services-grid{display:flex;flex-direction:column;gap:60px;width:100%;margin:0 auto}.service-item{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:40px;width:100%;margin-bottom:0}.service-image{flex:0 0 320px;max-width:320px;width:100%;display:flex;justify-content:center;align-items:center}.service-content{flex:1 1 0;max-width:600px;padding:0 0 0 10px}@media (max-width:767px){body{padding:0 5px}.container{padding:0}footer{padding:40px 0 35px}.footer-content{flex-direction:column;gap:25px;justify-content:flex-start;padding:0}.footer-brand{align-items:center;text-align:center;width:100%;margin-bottom:0;gap:10px}.footer-nav{width:100%;justify-content:space-between;gap:20px}.footer-column{width:45%}.footer-column h4{margin-bottom:12px;font-size:1rem}.footer-links{gap:10px}.footer-links a{font-size:0.9rem}.copyright{margin-top:5px}.hero-title{font-size:2rem;padding:0 20px}.services-title,.projects-title,.section-title{font-size:1.8rem;padding:0}.services-subtitle,.projects-subtitle{font-size:1.1rem;padding:0}section{padding:60px 0}.container{padding:0}.hero-section{flex-direction:column;gap:40px;text-align:center;padding:0}.services-content,.projects-content,.method-content,.faq-content{padding:0}.service-content,.project-card-content{padding-left:0;padding-right:20px}}@media (max-width:480px){}@media (max-width:480px){.hero-content h1{font-size:36px}.hero-content p{font-size:18px}.section{padding:80px 0}.cta-buttons{flex-direction:column;gap:15px}.btn{width:100%;text-align:center}.project-image{height:200px}}.scrolled .top-background{opacity:0}.contact-visible .bottom-background{opacity:0.7}.hidden{display:none}