.navbar{align-items:center;color:var(--text-white);display:flex;gap:20px;justify-content:center;padding:0 20px;position:fixed;top:20px;width:100%;z-index:9999}.nav-link{text-decoration:none}.logo-image,.nav-link{cursor:pointer}@media (max-width:768px){.navbar{align-items:flex-start;flex-direction:column;top:10px}.logo-image{display:none}.menu-toggle{display:flex;position:fixed;right:20px;top:20px;z-index:10000}.nav{align-items:center;align-self:center;animation:slideDown .4s cubic-bezier(.4,0,.2,1);border-radius:30px;display:none;flex-direction:column;font-size:1.3rem;gap:1.5rem;left:50%;max-width:400px;padding:30px 20px;position:fixed;top:80px;transform:translateX(-50%);width:90%}.nav.open{display:flex}.nav-link{border-radius:12px;padding:12px 0;text-align:center;transition:all .3s ease;width:100%}.nav-link:hover{background:#00d4ff1a;transform:translateX(5px)}}.home{align-items:center;background:linear-gradient(135deg,#000000f2,#0a0e27fa 50%,#000000f2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:120px 20px 60px;position:relative}.home:before{animation:backgroundPulse 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#00d4ff1a 0,#0000 40%),radial-gradient(circle at 80% 70%,#0099ff14 0,#0000 40%),radial-gradient(circle at 50% 50%,#0066ff0d 0,#0000 50%);height:200%;left:-50%;top:-50%;width:200%}.home:after,.home:before{content:"";pointer-events:none;position:absolute}.home:after{animation:particles 15s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,#00d4ff4d,#0000),radial-gradient(2px 2px at 60% 70%,#0099ff4d,#0000),radial-gradient(1px 1px at 50% 50%,#fff3,#0000),radial-gradient(1px 1px at 80% 10%,#fff3,#0000);background-size:200% 200%;height:100%;width:100%}@keyframes particles{0%{background-position:0 0}to{background-position:100% 100%}}.hero{animation:fadeInUp 1s ease-out;max-width:1200px;position:relative;text-align:center;width:100%;z-index:1}.logo-hero{animation:logoFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,212,255,.5));height:auto;margin-bottom:40px;width:120px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.logo-hero:hover{animation:logoSpin 1s ease-in-out;filter:drop-shadow(0 0 50px rgba(0,212,255,.8))}@keyframes logoSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.typed-shadow{margin-bottom:50px}.typed{-webkit-text-fill-color:#0000;animation:textGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#fff,#00d4ff 50%,#09f);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.3;margin-bottom:25px}@keyframes textGlow{0%,to{filter:drop-shadow(0 0 10px rgba(0,212,255,.5))}50%{filter:drop-shadow(0 0 25px rgba(0,212,255,.8))}}.typed .red{color:var(--accent-color);font-weight:900}.hero>p{animation:fadeIn 1.5s ease-out .3s both;color:#ffffffd9;font-size:1.4rem;font-weight:300;line-height:1.8;margin:0 auto 50px;max-width:800px}.cta-buttons{animation:fadeIn 1.5s ease-out .6s both;display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-top:50px}.glowing-btn{background:linear-gradient(135deg,#00d4ff,#09f);border:none!important;border-radius:50px;box-shadow:0 10px 30px #00d4ff66;color:#fff!important;font-size:1.1rem;font-weight:700;letter-spacing:1px;outline:none!important;overflow:hidden;padding:18px 45px;text-decoration:none;text-transform:uppercase;transition:all .4s ease}.glowing-btn:focus{border:none!important;outline:none!important}.trust-indicators{animation:fadeIn 2s ease-out .9s both;border-top:1px solid #ff212133;margin-top:80px;padding:40px 20px}.trust-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:900px}.trust-item{text-align:center}.trust-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#09f);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:10px}.trust-label{color:#ffffffb3;font-size:1rem;letter-spacing:1px;text-transform:uppercase}.scroll-indicator{animation:bounce 2s infinite;border:none;bottom:40px;cursor:pointer;left:50%;outline:none;position:absolute;transform:translateX(-50%)}.scroll-indicator:before{color:var(--accent-color);content:"↓";display:block;font-size:2rem;text-shadow:0 0 20px #00d4ffcc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.home{padding:100px 15px 40px}.logo-hero{margin-bottom:30px;width:90px}.typed{font-size:2.2rem;margin-bottom:20px}.hero>p{font-size:1.1rem;margin-bottom:35px}.cta-buttons{flex-direction:column;gap:15px;margin-top:35px}.glowing-btn{font-size:1rem;max-width:300px;padding:16px 35px;width:100%}.trust-grid{gap:30px;grid-template-columns:1fr}.trust-number{font-size:2.5rem}}@media (max-width:480px){.typed{font-size:1.8rem}.hero>p{font-size:1rem}.glowing-btn{font-size:.95rem;padding:14px 30px}}.projects-section{background:linear-gradient(180deg,#0a0000f2,#0a0e27fa 50%,#0a0000f2);min-height:100vh;overflow:hidden;padding:120px 20px 80px;position:relative}.projects-section:before{background:radial-gradient(circle at 20% 50%,#00d4ff14 0,#0000 50%),radial-gradient(circle at 80% 80%,#0099ff14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.projects-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.projects-header{animation:fadeInUp .8s ease-out;margin-bottom:70px;text-align:center}.projects-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#00d4ff 50%,#09f);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:4rem;font-weight:800;letter-spacing:-1px;margin-bottom:25px;position:relative}.projects-title:after{background:linear-gradient(90deg,#0000,#00d4ff,#0000);border-radius:3px;bottom:-15px;box-shadow:0 0 20px var(--accent-color);content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.projects-subtitle{color:#ffffffbf;font-size:1.3rem;font-weight:300;line-height:1.8;margin:35px auto 0;max-width:700px}.projects-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-top:60px}.project-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#00d4ff0d,#0099ff05);border:1px solid #00d4ff33;border-radius:24px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.project-card:before{background:linear-gradient(180deg,#0000,#00d4ff08);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease}.project-card:hover{border-color:#00d4ff99;box-shadow:0 25px 80px #00d4ff59,inset 0 0 0 1px #00d4ff26;transform:translateY(-12px) scale(1.02)}.project-card:hover:before{opacity:1}.project-preview{background:#0009;height:280px;overflow:hidden;position:relative;width:100%}.project-image{filter:brightness(.9);height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1);width:100%}.project-card:hover .project-image{filter:brightness(1.1);transform:scale(1.15)}.project-overlay{background:linear-gradient(180deg,#0000,#000000f2 70%);bottom:0;left:0;padding:25px;position:absolute;right:0;transform:translateY(100%);transition:transform .5s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-overlay{transform:translateY(0)}.project-tech-tags{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00d4ff26;border:1px solid #00d4ff66;border-radius:20px;color:var(--text-white);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .3s ease}.tech-tag:hover{background:var(--accent-color);box-shadow:0 5px 15px #00d4ff66;transform:translateY(-2px)}.project-content{display:flex;flex:1 1;flex-direction:column;padding:30px}.project-category{color:var(--accent-color);font-size:.85rem;font-weight:700;letter-spacing:1.5px;margin-bottom:12px;text-transform:uppercase}.project-name{color:var(--text-white);font-size:1.8rem;font-weight:700;line-height:1.3;margin-bottom:15px;transition:color .3s ease}.project-card:hover .project-name{color:var(--accent-color);text-shadow:0 0 20px #00d4ff80}.project-description{color:#ffffffb3;flex:1 1;font-size:1rem;line-height:1.7;margin-bottom:25px}.project-status{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:20px;padding:6px 16px;text-transform:uppercase}.status-live{background:#00ff6426;border:1px solid #00ff644d;color:#00ff64}.project-links{display:flex;gap:12px;margin-top:auto}.project-link{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:30px;color:var(--text-white);display:inline-flex;flex:1 1;font-size:.95rem;font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:14px 24px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-link:before{background:var(--accent-color);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0;z-index:0}.project-link:hover:before{height:300px;width:300px}.project-link span{position:relative;z-index:1}.project-link:hover{border-color:var(--accent-color);box-shadow:0 8px 25px #00d4ff80;transform:translateY(-3px)}.project-link.primary{background:var(--accent-color);border-color:var(--accent-color)}.project-link svg{height:18px;position:relative;transition:transform .3s ease;width:18px;z-index:1}.project-link:hover svg{transform:translateX(4px)}.project-filters{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:50px 0}.filter-btn{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:30px;color:var(--text-white);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 5px 20px #00d4ff66;transform:translateY(-2px)}.featured-project{grid-gap:50px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#00d4ff0d,#0099ff05);border:2px solid #00d4ff4d;border-radius:30px;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin:60px 0 80px;overflow:hidden;padding:50px;position:relative}.featured-project:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#00d4ff1a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.featured-badge{background:linear-gradient(135deg,#00d4ff,#09f);border-radius:20px;box-shadow:0 5px 20px #00d4ff66;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.featured-title{color:var(--text-white);font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:20px}.featured-description{color:#fffc;font-size:1.1rem;line-height:1.8;margin-bottom:30px}.featured-features{margin:30px 0}.featured-features h4{color:var(--accent-color);font-size:1.1rem;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.featured-features ul{list-style:none;padding:0}.featured-features li{border-bottom:1px solid #ff21211a;color:#ffffffe6;font-size:1rem;padding:10px 0}.featured-features li:last-child{border-bottom:none}.featured-tech{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.tech-tag-large{background:#00d4ff26;border:1px solid #00d4ff66;border-radius:25px;color:var(--text-white);font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase}.featured-actions{display:flex;gap:15px;margin-top:35px}.featured-btn{align-items:center;border-radius:30px;display:inline-flex;font-size:1.05rem;font-weight:700;gap:10px;overflow:hidden;padding:16px 35px;position:relative;text-decoration:none;transition:all .4s ease}.featured-btn.primary{background:var(--accent-color);border:2px solid var(--accent-color);color:var(--text-white)}.featured-btn.secondary{background:#0000;border:2px solid #ff212180;color:var(--text-white)}.featured-btn:hover{box-shadow:0 10px 35px #ff212180;transform:translateY(-3px)}.featured-btn svg{height:18px;width:18px}.featured-image{border-radius:20px;box-shadow:0 20px 60px #00000080;overflow:hidden;position:relative}.featured-image img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.featured-project:hover .featured-image img{transform:scale(1.05)}.featured-overlay{position:absolute;right:20px;top:20px}.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;font-size:.85rem;font-weight:700;padding:10px 20px}.project-features-list{list-style:none;margin:20px 0;padding:0}.project-features-list li{color:#ffffffb3;font-size:.9rem;padding:8px 0}.projects-cta{background:linear-gradient(135deg,#00d4ff1a,#0099ff0d);border:1px solid #00d4ff33;border-radius:30px;margin-top:80px;padding:60px 40px;text-align:center}.projects-cta h3{color:var(--text-white);font-size:2.2rem;margin-bottom:15px}.projects-cta p{color:#ffffffb3;font-size:1.2rem;margin-bottom:30px}.cta-btn{background:linear-gradient(135deg,#00d4ff,#09f);border:none;border-radius:50px;box-shadow:0 10px 30px #00d4ff66;color:var(--text-white);cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;padding:18px 45px;text-decoration:none;transition:all .4s ease}.cta-btn:hover{background:linear-gradient(135deg,#09f,#06f);box-shadow:0 15px 50px #00d4ff99;transform:translateY(-5px)}@media (max-width:1200px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}}@media (max-width:1024px){.featured-project{gap:40px;grid-template-columns:1fr;padding:40px}.featured-title{font-size:2rem}}@media (max-width:768px){.projects-section{padding:100px 15px 60px}.projects-title{font-size:2.8rem}.projects-subtitle{font-size:1.1rem}.projects-grid{gap:25px;grid-template-columns:1fr}.project-preview{height:220px}.project-links{flex-direction:column}.featured-project{padding:30px 20px}.featured-title{font-size:1.8rem}.featured-actions{flex-direction:column}.featured-btn{justify-content:center;width:100%}.projects-cta h3{font-size:1.8rem}}@media (max-width:480px){.projects-title{font-size:2.2rem}}.services-section{background:linear-gradient(180deg,#0a0e27fa,#050a1ff2 50%,#0a0e27fa);min-height:100vh;overflow:hidden;padding:100px 20px;position:relative}.services-section:before{animation:backgroundPulse 15s ease-in-out infinite;background:radial-gradient(circle at 30% 20%,#00d4ff14 0,#0000 50%),radial-gradient(circle at 70% 80%,#0099ff0f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.services-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.services-header{animation:fadeInUp .8s ease-out;margin-bottom:80px;text-align:center}.services-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#00d4ff 50%,#09f);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:4rem;font-weight:800;margin-bottom:25px;position:relative}.services-title:after{background:linear-gradient(90deg,#0000,#00d4ff,#0000);border-radius:3px;bottom:-15px;box-shadow:0 0 20px var(--accent-color);content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.services-subtitle{color:#ffffffb3;font-size:1.3rem;line-height:1.8;margin:35px auto 0;max-width:700px}.services-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:80px}.service-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#00d4ff0d,#0099ff05);border:1px solid #00d4ff33;border-radius:24px;overflow:hidden;padding:40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.service-card:before{background:linear-gradient(90deg,#00d4ff,#09f);content:"";height:5px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:100%}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{border-color:#00d4ff80;box-shadow:0 20px 60px #00d4ff4d;transform:translateY(-10px)}.service-icon{animation:iconFloat 3s ease-in-out infinite;display:block;filter:drop-shadow(0 0 15px rgba(0,212,255,.5));font-size:3.5rem;margin-bottom:25px}.service-name{color:var(--text-white);font-size:1.8rem;font-weight:700;margin-bottom:20px}.service-description{color:#ffffffb3;font-size:1.05rem;line-height:1.8;margin-bottom:25px}.service-features{list-style:none;margin:25px 0;padding:0}.service-features li{color:#fffc;padding:10px 0 10px 30px;position:relative;transition:all .3s ease}.service-features li:before{color:var(--accent-color);content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.service-features li:hover{color:var(--accent-color);padding-left:35px}.service-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#09f);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin:20px 0}.service-link{align-items:center;background:#0000;border:2px solid var(--accent-color);border-radius:30px;color:var(--text-white);display:inline-flex;font-weight:600;gap:10px;margin-top:10px;padding:14px 30px;text-decoration:none;transition:all .3s ease}.service-link:hover{background:var(--accent-color);box-shadow:0 5px 20px #00d4ff66;transform:translateX(5px)}.process-section{margin-top:100px;text-align:center}.process-title{color:var(--text-white);font-size:2.5rem;font-weight:700;margin-bottom:60px}.process-steps{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.process-step{background:linear-gradient(145deg,#00d4ff0d,#0099ff05);border:1px solid #00d4ff33;border-radius:20px;padding:30px;position:relative;transition:all .3s ease}.process-step:hover{border-color:#00d4ff80;box-shadow:0 10px 30px #00d4ff4d;transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,#00d4ff,#09f);border-radius:50%;box-shadow:0 10px 30px #00d4ff66;display:flex;font-size:1.5rem;font-weight:800;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.step-title{color:var(--text-white);font-size:1.3rem;font-weight:700;margin-bottom:15px}.step-description{color:#ffffffb3;line-height:1.6}@media (max-width:768px){.services-section{padding:80px 15px}.services-title{font-size:2.5rem}.services-subtitle{font-size:1.1rem}.process-steps,.services-grid{grid-template-columns:1fr}.process-title{font-size:2rem}}@media (max-width:480px){.services-title{font-size:2rem}.service-card{padding:30px 20px}.service-icon{font-size:2.5rem}.service-name{font-size:1.5rem}}.about{margin-top:180px;text-align:center}.about h2{color:var(--accent-color);font-size:2rem;margin-bottom:.5rem}.about p{color:var(--text-white);font-size:1rem;line-height:1.6;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:800px}.about-section{background:linear-gradient(180deg,#050a1ff2,#0a0e27fa 50%,#050a1ff2);min-height:100vh;overflow:hidden;padding:100px 20px;position:relative}.about-section:before{animation:backgroundPulse 15s ease-in-out infinite;background:radial-gradient(circle at 70% 30%,#00d4ff14 0,#0000 50%),radial-gradient(circle at 30% 70%,#0099ff0f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.about-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.about-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin-bottom:80px}.about-image-wrapper{animation:fadeInLeft 1s ease-out;position:relative}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.about-image{border:2px solid #00d4ff4d;border-radius:30px;box-shadow:0 20px 60px #00d4ff4d;max-width:500px;transition:all .4s ease;width:100%}.about-image:hover{border-color:#00d4ff99;box-shadow:0 30px 80px #00d4ff80;transform:scale(1.05)}.about-text{animation:fadeInRight 1s ease-out;max-width:600px}@keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.about-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#00d4ff 50%,#09f);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:4rem;font-weight:800;margin-bottom:20px;position:relative}.about-title:after{background:linear-gradient(90deg,#00d4ff,#09f);border-radius:3px;bottom:-10px;box-shadow:0 0 20px var(--accent-color);content:"";height:5px;left:0;position:absolute;width:100px}.about-subtitle{color:var(--accent-color);font-size:1.5rem;font-weight:600;margin-bottom:25px;margin-top:25px}.about-description{color:#fffc;font-size:1.15rem;line-height:1.8;margin-bottom:20px}.about-highlight{background:linear-gradient(145deg,#00d4ff1a,#0099ff0d);border-left:4px solid var(--accent-color);border-radius:15px;margin:30px 0;overflow:hidden;padding:25px 30px;position:relative}.about-highlight:before{color:#00d4ff33;content:'"';font-family:Georgia,serif;font-size:4rem;left:10px;position:absolute;top:10px}.about-highlight p{color:#ffffffe6;font-size:1.1rem;font-style:italic;margin:0;position:relative;z-index:1}.skills-section{animation:fadeInUp 1s ease-out .3s both;margin-top:80px}.skills-title{color:var(--text-white);font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center}.skills-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-category{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#00d4ff0d,#0099ff05);border:1px solid #00d4ff33;border-radius:20px;padding:30px;transition:all .4s cubic-bezier(.4,0,.2,1)}.skill-category:hover{border-color:#00d4ff80;box-shadow:0 20px 50px #00d4ff4d;transform:translateY(-10px)}.skill-category-title{align-items:center;color:var(--text-white);display:flex;font-size:1.4rem;font-weight:700;gap:10px;margin-bottom:20px}.skill-category-icon{filter:drop-shadow(0 0 10px rgba(0,212,255,.5));font-size:1.8rem}.skill-list{list-style:none;margin:0;padding:0}.skill-item{align-items:center;border-bottom:1px solid #00d4ff1a;color:#fffc;display:flex;gap:10px;padding:12px 0;transition:all .3s ease}.skill-item:last-child{border-bottom:none}.skill-item:before{color:var(--accent-color);content:"▹";font-size:1.2rem;font-weight:700}.skill-item:hover{color:var(--accent-color);padding-left:10px}.stats-section{animation:fadeInUp 1s ease-out .6s both;background:linear-gradient(145deg,#00d4ff0d,#0099ff05);border:1px solid #00d4ff33;border-radius:30px;margin-top:80px;padding:60px 40px}.stats-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.stat-item{padding:20px;transition:transform .3s ease}.stat-item:hover{transform:scale(1.1)}.stat-number{-webkit-text-fill-color:#0000;animation:countUp 2s ease-out;background:linear-gradient(135deg,#00d4ff,#09f);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;margin-bottom:10px}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-label{color:#ffffffb3;font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}@media (max-width:1024px){.about-content{gap:50px;grid-template-columns:1fr}.about-image{display:block;margin:0 auto}.about-image,.about-text{max-width:100%}}@media (max-width:768px){.about-section{padding:80px 15px}.about-title{font-size:2.5rem}.about-subtitle{font-size:1.2rem}.about-description{font-size:1rem}.skills-title{font-size:2rem}.skills-grid{grid-template-columns:1fr}.stats-grid{gap:30px;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2.5rem}}@media (max-width:480px){.about-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}.about-highlight{padding:20px}}.contact-section{background:linear-gradient(180deg,#0a0e27fa,#050a1ff2 50%,#0a0e27fa);min-height:100vh;overflow:hidden;padding:100px 20px;position:relative}.contact-section:before{animation:backgroundPulse 15s ease-in-out infinite;background:radial-gradient(circle at 20% 40%,#00d4ff14 0,#0000 50%),radial-gradient(circle at 80% 60%,#0099ff0f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes backgroundPulse{0%,to{opacity:.5}50%{opacity:1}}.contact-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.contact-header{animation:fadeInUp .8s ease-out;margin-bottom:70px;text-align:center}.contact-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#00d4ff 50%,#09f);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:4rem;font-weight:800;margin-bottom:25px;position:relative}.contact-title:after{background:linear-gradient(90deg,#0000,#00d4ff,#0000);border-radius:3px;bottom:-15px;box-shadow:0 0 20px var(--accent-color);content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.contact-subtitle{color:#ffffffb3;font-size:1.3rem;line-height:1.8;margin:35px auto 0;max-width:700px}.contact-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:80px}.contact-info{display:flex;flex-direction:column;gap:25px}.info-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#00d4ff0d,#0099ff05);border:1px solid #00d4ff33;border-radius:20px;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.info-card:before{background:linear-gradient(90deg,#0000,#00d4ff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.info-card:hover:before{left:100%}.info-card:hover{border-color:#00d4ff80;box-shadow:0 10px 40px #00d4ff4d;transform:translateX(10px)}.info-icon{animation:iconFloat 3s ease-in-out infinite;display:block;filter:drop-shadow(0 0 10px rgba(0,212,255,.5));font-size:2.5rem;margin-bottom:15px}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.info-title{color:var(--text-white);font-size:1.3rem;font-weight:700;margin-bottom:10px}.info-text{color:#fffc;font-size:1.05rem;line-height:1.6}.contact-form{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#00d4ff0d,#0099ff05);border:1px solid #00d4ff33;border-radius:30px;box-shadow:0 10px 40px #0000004d;padding:40px}.form-group{margin-bottom:25px}.form-label{color:var(--text-white);display:block;font-size:1.05rem;font-weight:600;margin-bottom:10px;transition:color .3s ease}.form-input,.form-textarea{background:#0a0e2799;border:1px solid #00d4ff33;border-radius:12px;box-sizing:border-box;color:var(--text-white);font-family:inherit;font-size:1rem;padding:15px 20px;transition:all .3s ease;width:100%}.form-input::placeholder,.form-textarea::placeholder{color:#fff6}.form-input:focus,.form-textarea:focus{background:#0a0e27cc;border-color:var(--accent-color);box-shadow:0 0 20px #00d4ff4d;outline:none;transform:translateY(-2px)}.form-textarea{max-height:300px;min-height:150px;resize:vertical}.form-button{background:#0000;border:2px solid var(--accent-color);border-radius:50px;box-shadow:0 8px 30px #00d4ff33;color:var(--text-white);cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:18px 40px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.form-button:before{background:var(--accent-color);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:-1}.form-button:hover:before{height:400px;width:400px}.form-button:hover{border-color:var(--accent-color);box-shadow:0 15px 50px #00d4ff99;transform:translateY(-3px)}.form-button:active{transform:translateY(-1px)}.social-section{background:linear-gradient(145deg,#00d4ff0d,#0099ff05);border:1px solid #00d4ff33;border-radius:30px;padding:60px 40px;text-align:center}.social-title{color:var(--text-white);font-size:2rem;font-weight:700;margin-bottom:30px}.social-links{flex-wrap:wrap;gap:20px}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;background:linear-gradient(145deg,#00d4ff1a,#0099ff0d);border:1px solid #00d4ff4d;border-radius:50%;font-size:1.8rem;height:70px;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);width:70px}.social-link:before{background:var(--accent-color);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0;z-index:-1}.social-link:hover:before{height:100%;width:100%}.social-link:hover{border-color:var(--accent-color);box-shadow:0 15px 40px #00d4ff80;transform:translateY(-8px) scale(1.1)}.social-link span{position:relative;z-index:1}@media (max-width:1024px){.contact-content{gap:50px;grid-template-columns:1fr}}@media (max-width:768px){.contact-title{font-size:2.8rem}.contact-subtitle{font-size:1.1rem}.contact-form{padding:30px 25px}.info-card{padding:25px}.social-link{font-size:1.5rem;height:60px;width:60px}}@media (max-width:480px){.contact-title{font-size:2.2rem}.form-button{font-size:1rem;padding:16px 35px}.social-section{padding:40px 20px}.contact-form{padding:25px 20px}}.faq-section{background:linear-gradient(180deg,#050a1ff2,#0a0e27fa 50%,#050a1ff2);overflow:hidden;padding:100px 20px;position:relative}.faq-section:before{background:radial-gradient(circle at 40% 30%,#00d4ff14 0,#0000 50%),radial-gradient(circle at 60% 70%,#0099ff0f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.faq-container{margin:0 auto;max-width:900px;position:relative;z-index:1}.faq-header{margin-bottom:60px;text-align:center}.faq-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#00d4ff 50%,#09f);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;margin-bottom:20px}.faq-subtitle{color:#ffffffb3;font-size:1.2rem;margin:0 auto;max-width:600px}.faq-grid{display:flex;flex-direction:column;gap:20px}.faq-item{background:linear-gradient(145deg,#00d4ff0d,#0099ff05);border:1px solid #00d4ff33;border-radius:15px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#00d4ff66;box-shadow:0 5px 20px #00d4ff33}.faq-item.active{border-color:#00d4ff80;box-shadow:0 10px 30px #00d4ff4d}.faq-question{align-items:center;background:#0000;border:none;color:var(--text-white);cursor:pointer;display:flex;font-size:1.15rem;font-weight:600;justify-content:space-between;padding:25px 30px;text-align:left;transition:all .3s ease;width:100%}.faq-icon,.faq-question:hover{color:var(--accent-color)}.faq-icon{font-size:1.5rem;font-weight:300;min-width:30px;text-align:center;transition:transform .3s ease}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;padding:0 30px;transition:max-height .4s ease,padding .4s ease}.faq-answer.open{max-height:500px;padding:0 30px 25px}.faq-answer p{color:#fffc;font-size:1.05rem;line-height:1.8;margin:0}.faq-cta{background:linear-gradient(145deg,#00d4ff1a,#0099ff0d);border:1px solid #00d4ff33;border-radius:20px;margin-top:60px;padding:40px;text-align:center}.faq-cta p{color:var(--text-white);font-size:1.3rem;font-weight:600;margin-bottom:20px}.faq-cta-btn{background:var(--accent-color);border-radius:30px;box-shadow:0 5px 20px #00d4ff66;color:var(--text-white);display:inline-block;font-size:1.05rem;font-weight:700;padding:15px 40px;text-decoration:none;transition:all .3s ease}.faq-cta-btn:hover{box-shadow:0 10px 35px #00d4ff99;transform:translateY(-3px)}@media (max-width:768px){.faq-section{padding:80px 15px}.faq-title{font-size:2.5rem}.faq-subtitle{font-size:1rem}.faq-question{font-size:1.05rem;padding:20px}.faq-answer.open{padding:0 20px 20px}}.legal-section{background:linear-gradient(180deg,#050a1ff2,#0a0e27fa 50%,#050a1ff2);min-height:100vh;overflow:hidden;padding:120px 20px 80px;position:relative}.legal-section:before{background:radial-gradient(circle at 30% 20%,#00d4ff0d 0,#0000 50%),radial-gradient(circle at 70% 80%,#0099ff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.legal-container{margin:0 auto;max-width:900px;position:relative;z-index:1}.legal-header{animation:fadeInUp .8s ease-out;margin-bottom:60px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.legal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#00d4ff 50%,#09f);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;margin-bottom:20px}.legal-subtitle{color:#ffffffb3;font-size:1.2rem}.legal-content{display:flex;flex-direction:column;gap:30px}.legal-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#00d4ff0d,#0099ff05);border:1px solid #00d4ff33;border-radius:20px;padding:35px;transition:all .3s ease}.legal-card:hover{border-color:#00d4ff66;box-shadow:0 10px 40px #00d4ff33}.legal-card h2{border-bottom:2px solid #00d4ff4d;color:var(--text-white);font-size:1.8rem;font-weight:700;margin-bottom:20px;padding-bottom:15px}.legal-card h3{color:var(--accent-color);font-size:1.3rem;font-weight:600;margin:25px 0 15px}.legal-card h4{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin:20px 0 10px}.legal-card p{color:#fffc;font-size:1rem;line-height:1.8;margin-bottom:15px}.legal-card ul{color:#fffc;line-height:1.8;margin:15px 0;padding-left:25px}.legal-card li{margin-bottom:10px}.info-grid{gap:20px;margin-top:20px}.info-grid,.info-item{display:flex;flex-direction:column}.info-item{background:#00d4ff0d;border-left:3px solid var(--accent-color);border-radius:10px;gap:8px;padding:15px}.info-label{color:var(--accent-color);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#ffffffe6;font-size:1.05rem;line-height:1.6}.info-link{color:var(--accent-color);position:relative;text-decoration:none;transition:all .3s ease}.info-link:after{background:var(--accent-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.info-link:hover:after{width:100%}.info-link:hover{color:#09f}.contact-box{background:#00d4ff14;border:1px solid #00d4ff4d;border-radius:15px;color:#ffffffe6;line-height:1.8;margin:20px 0;padding:25px}.legal-footer{border-top:1px solid #00d4ff33;margin-top:50px;padding-top:30px;text-align:center}.legal-footer p{color:#fff9;font-size:.95rem;margin-bottom:10px}.legal-note{background:#ffc8001a;border-left:3px solid #ffc800;border-radius:10px;color:#fffc!important;font-size:.9rem!important;margin-top:20px;padding:15px 20px;text-align:left}@media (max-width:768px){.legal-section{padding:100px 15px 60px}.legal-title{font-size:2.5rem}.legal-subtitle{font-size:1rem}.legal-card{padding:25px 20px}.legal-card h2{font-size:1.5rem}.legal-card h3{font-size:1.2rem}}@media (max-width:480px){.legal-title{font-size:2rem}.legal-card{padding:20px 15px}}.header{align-items:center;color:var(--text-white);display:flex;gap:20px;justify-content:center;padding:0 20px;position:fixed;top:20px;width:100%;z-index:9999}.logo-navbar:hover{filter:drop-shadow(0 0 15px rgba(0,212,255,.6));transform:translateY(-2px);transition:transform .3s ease}.tagline{color:var(--text-white);font-size:.875rem;opacity:.9}.nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0e27cc;border:1px solid #00d4ff4d;border-radius:60px;box-shadow:0 8px 32px #00d4ff33,inset 0 1px 0 #ffffff1a;display:flex;font-size:1.1rem;font-weight:500;gap:2.5rem;overflow:hidden;padding:18px 60px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav:before{background:linear-gradient(90deg,#0000,#00d4ff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.nav:hover:before{left:100%}.nav:hover{border-color:#00d4ff80;box-shadow:0 12px 40px #00d4ff4d,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.nav-link{color:var(--text-white);font-weight:600;padding-bottom:.5rem;position:relative;transition:all .3s ease}.nav-link:after{background:linear-gradient(90deg,#00d4ff,#09f);bottom:0;box-shadow:0 0 10px var(--accent-color);content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-link.active,.nav-link:hover{color:var(--accent-color)}.nav-link:hover{transform:translateY(-2px)}.logo-image{filter:drop-shadow(0 0 10px rgba(0,212,255,.3));padding-top:20px;transition:all .3s ease;width:35px}.logo-image:hover{filter:drop-shadow(0 0 20px rgba(0,212,255,.6));transform:rotate(1turn) scale(1.1)}.menu-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:12px;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;margin-left:auto;margin-right:20px;padding:0;transition:all .3s ease;width:40px}.menu-toggle:hover{background:#00d4ff33;transform:scale(1.05)}.menu-toggle .bar{background:linear-gradient(90deg,#00d4ff,#09f);border-radius:2px;box-shadow:0 0 5px #00d4ff80;height:3px;margin:3px 0;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.menu-toggle.open .bar:first-child{transform:translateY(9px) rotate(45deg)}.menu-toggle.open .bar:nth-child(2){opacity:0;transform:scale(0)}.menu-toggle.open .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width:1024px){.nav{font-size:1rem;gap:1.5rem;padding:16px 40px}}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column;top:10px}.logo-image{display:none}.menu-toggle{display:flex;position:fixed;right:20px;top:20px;z-index:10000}.nav{align-items:center;align-self:center;animation:slideDown .4s cubic-bezier(.4,0,.2,1);border-radius:30px;display:none;flex-direction:column;font-size:1.3rem;gap:1.5rem;left:50%;max-width:400px;padding:30px 20px;position:fixed;top:80px;transform:translateX(-50%);width:90%}.nav.open{display:flex}.nav-link{border-radius:12px;padding:12px 0;text-align:center;transition:all .3s ease;width:100%}.nav-link:hover{background:#00d4ff1a;transform:translateX(5px)}.submit-btn{color:var(--text-white)!important}}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}html{scroll-behavior:smooth}.App{background:linear-gradient(180deg,#000000f2,#0a0e27fa 50%,#000000f2);max-width:100vw}.App,.main-content{overflow-x:hidden;width:100%}.App,.main-content{min-height:100vh}.App{background:url(/static/media/hero-picture.acf9dffcb3ca33ffafd3.png);background-position:50%;display:flex;flex-direction:column}.footer-grid{flex-wrap:wrap}.circle-div{display:none}.circle{background:#00d4ff80;border-radius:50%;height:4px;width:4px}.footer{background:linear-gradient(180deg,#050a1ff2,#0a0e27fa);border-top:1px solid #00d4ff33;overflow:hidden;padding:60px 40px 30px;position:relative}.footer:before{background:radial-gradient(circle at 50% 0,#00d4ff14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:50px}.footer-brand{max-width:400px}.footer-logo{filter:drop-shadow(0 0 10px rgba(0,212,255,.5));margin-bottom:20px;width:50px}.footer-brand h3{color:var(--text-white);font-size:1.5rem;font-weight:700;margin-bottom:15px}.footer-brand p{color:#ffffffb3;line-height:1.8;margin-bottom:25px}.footer-social{display:flex;gap:15px}.footer-social-link{align-items:center;background:linear-gradient(145deg,#00d4ff1a,#0099ff0d);border:1px solid #00d4ff4d;border-radius:50%;display:flex;font-size:1.3rem;height:45px;justify-content:center;text-decoration:none;transition:all .3s ease;width:45px}.footer-social-link:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 10px 25px #00d4ff66;transform:translateY(-5px)}.footer-section h4{color:var(--text-white);display:inline-block;font-size:1.2rem;font-weight:700;margin-bottom:20px;position:relative}.footer-section h4:after{background:var(--accent-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:40px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#ffffffb3;display:inline-block;position:relative;text-decoration:none;transition:all .3s ease}.footer-links a:before{color:var(--accent-color);content:"→";left:-20px;opacity:0;position:absolute;transition:all .3s ease}.footer-links a:hover:before{left:-15px;opacity:1}.footer-links a:hover{color:var(--accent-color);padding-left:15px}.footer-contact{display:flex;flex-direction:column;gap:15px}.footer-contact-item{align-items:center;color:#ffffffb3;display:flex;gap:12px;transition:all .3s ease}.footer-contact-item:hover{color:var(--accent-color);padding-left:5px}.contact-icon{filter:drop-shadow(0 0 5px rgba(0,212,255,.3));font-size:1.3rem}.footer-contact-item a{color:#ffffffb3;text-decoration:none;transition:all .3s ease}.footer-contact-item a:hover{color:var(--accent-color)}.footer-bottom{grid-gap:20px;align-items:center;border-top:1px solid #00d4ff1a;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;padding-top:30px}.footer-bottom p{color:#fff9;margin:0;text-align:left}.scroll-to-top-btn{justify-self:center}.footer-grid{align-items:center;display:flex;gap:20px;justify-content:flex-end}.scroll-to-top-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00d4ff1a,#0099ff0d);border:2px solid #00d4ff4d;border-radius:30px;color:var(--text-white);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;margin:0;padding:12px 28px;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.scroll-to-top-btn:hover{background:linear-gradient(135deg,#00d4ff,#09f);border-color:var(--accent-color);box-shadow:0 10px 30px #00d4ff80;transform:translateY(-5px)}.scroll-icon{font-size:1.3rem;transition:transform .3s ease}.scroll-to-top-btn:hover .scroll-icon{animation:bounce .6s ease infinite;transform:translateY(-3px)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:1024px){.footer-content{gap:40px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer{padding:40px 20px 20px}.footer-content{gap:35px;grid-template-columns:1fr}.footer-brand{max-width:100%}.footer-bottom{display:flex;flex-direction:column;gap:20px}.footer-bottom,.footer-bottom p{text-align:center}.scroll-to-top-btn{max-width:250px;width:100%}.footer-grid{justify-content:center}.footer-contact{gap:12px}}@media (max-width:480px){.footer-social-link{font-size:1.1rem;height:40px;width:40px}}.cookie-banner{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0a0e27fa,#050a1ffa);border-top:2px solid #00d4ff4d;bottom:0;box-shadow:0 -10px 40px #00000080;left:0;padding:25px 20px;position:fixed;right:0;z-index:10000}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-container{margin:0 auto;max-width:1200px}.cookie-content{align-items:flex-start;display:flex;gap:20px;margin-bottom:20px}.cookie-icon{filter:drop-shadow(0 0 10px rgba(0,212,255,.5));font-size:3rem}.cookie-text h3{color:var(--text-white);font-size:1.4rem;margin-bottom:10px}.cookie-text p{color:#fffc;font-size:1rem;line-height:1.6}.cookie-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end}.cookie-btn{border:2px solid #00d4ff4d;border-radius:30px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 28px;transition:all .3s ease}.cookie-btn.primary{background:var(--accent-color);border-color:var(--accent-color);color:var(--text-white)}.cookie-btn.primary:hover{background:#09f;box-shadow:0 5px 20px #00d4ff80;transform:translateY(-2px)}.cookie-btn.secondary{background:#0000;color:var(--text-white)}.cookie-btn.secondary:hover{background:#00d4ff1a;border-color:var(--accent-color)}.cookie-settings{margin-bottom:25px}.cookie-settings h3{color:var(--text-white);font-size:1.5rem;margin-bottom:25px}.cookie-option{padding:20px}.option-title{font-size:1.1rem}.required-badge{border-radius:15px;font-size:.75rem;padding:4px 12px}.option-description{font-size:.95rem}@media (max-width:768px){.cookie-content{align-items:center;flex-direction:column;text-align:center}.cookie-actions{flex-direction:column;width:100%}.cookie-btn{width:100%}.option-header{align-items:flex-start;flex-direction:column;gap:10px}}.cookie-settings-toggle{align-items:center;background:linear-gradient(135deg,#00d4ff,#09f);border:3px solid #ffffff4d;border-radius:50%;bottom:30px!important;box-shadow:0 5px 20px #00d4ff66;cursor:pointer;display:flex;font-size:2rem;height:60px;justify-content:center;left:30px!important;margin:0;padding:0;position:fixed!important;right:auto!important;top:auto!important;transform:none!important;transition:all .3s ease;width:60px;z-index:99999!important}.cookie-settings-toggle:hover{border-color:#ffffff80;box-shadow:0 8px 30px #00d4ff99;transform:scale(1.1)!important}.cookie-settings-panel{animation:slideInLeft .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0a0e27fa,#050a1ffa);border:2px solid #00d4ff4d;border-radius:20px;bottom:30px;box-shadow:0 10px 40px #00000080;left:110px;max-height:70vh;max-width:calc(100vw - 140px);overflow-x:hidden;overflow-y:auto;position:fixed;width:320px;z-index:99998}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.cookie-settings-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e27fa;border-bottom:1px solid #00d4ff33;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.cookie-settings-header h3{color:var(--text-white);font-size:1.3rem;margin:0}.cookie-settings-content{padding:20px}.cookie-option{background:#00d4ff0d;border:1px solid #00d4ff33;border-radius:15px;margin-bottom:15px;padding:15px}.option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.option-header label{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px}.option-header input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:20px;width:20px}.option-header input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.option-title{color:var(--text-white);font-size:1rem;font-weight:600}.required-badge{background:var(--accent-color);border-radius:12px;color:var(--text-white);font-size:.7rem;font-weight:700;padding:4px 10px;text-transform:uppercase}.option-description{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin:0;padding-left:32px}.cookie-info{border-top:1px solid #00d4ff1a;margin-top:20px;padding-top:15px}.cookie-info p{color:#ffffffb3;font-size:.9rem;margin:0}.cookie-link{color:var(--accent-color);text-decoration:underline;transition:color .3s ease}.cookie-link:hover{color:#09f}.cookie-settings-panel::-webkit-scrollbar{width:8px}.cookie-settings-panel::-webkit-scrollbar-track{background:#00d4ff0d;border-radius:10px}.cookie-settings-panel::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:10px}.cookie-settings-panel::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}@media (max-width:768px){.cookie-settings-toggle{bottom:30px!important;font-size:1.8rem;height:55px;left:20px!important;width:55px}.cookie-settings-panel{bottom:30px;left:90px;max-width:calc(100vw - 110px);right:20px;width:auto}}@media (max-width:480px){.cookie-settings-toggle{bottom:25px!important;font-size:1.6rem;height:50px;left:15px!important;width:50px}.cookie-settings-panel{bottom:25px;left:75px;max-width:calc(100vw - 90px);right:15px}}.accessibility-toggle{border:2px solid #00d4ff80;font-size:1.8rem;height:55px;position:fixed;right:20px;top:50%;transform:translateY(-50%);width:55px;z-index:9998}.accessibility-toggle:hover{transform:translateY(-50%) scale(1.1)}.accessibility-toggle{align-items:center;background:linear-gradient(135deg,#00d4ff,#09f);border:3px solid #ffffff4d;border-radius:50%;bottom:30px!important;box-shadow:0 5px 20px #00d4ff66;cursor:pointer;display:flex;font-size:2rem;height:60px;justify-content:center;left:auto!important;margin:0;padding:0;position:fixed!important;right:30px!important;top:auto!important;transform:none!important;transition:all .3s ease;width:60px;z-index:99999!important}.accessibility-toggle:hover{border-color:#ffffff80;box-shadow:0 8px 30px #00d4ff99;transform:scale(1.1)!important}.accessibility-panel{animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0a0e27fa,#050a1ffa);border:2px solid #00d4ff4d;border-radius:20px;bottom:30px;box-shadow:0 10px 40px #00000080;max-height:70vh;max-width:calc(100vw - 140px);overflow-x:hidden;overflow-y:auto;position:fixed;right:110px;width:320px;z-index:99998}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.accessibility-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e27fa;border-bottom:1px solid #00d4ff33;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.accessibility-header h3{color:var(--text-white);font-size:1.3rem;margin:0}.close-btn{align-items:center;background:#0000;border:none;color:var(--text-white);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;transition:all .3s ease;width:30px}.close-btn:hover{color:var(--accent-color);transform:rotate(90deg)}.accessibility-content{padding:20px}.accessibility-option{margin-bottom:20px}.accessibility-option label{align-items:center;color:var(--text-white);cursor:pointer;display:flex;font-size:1rem;gap:12px}.accessibility-option input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:20px;width:20px}.button-group{align-items:center;display:flex;gap:15px;margin-top:10px}.button-group button{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:8px;color:var(--text-white);cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.button-group button:hover{background:var(--accent-color);border-color:var(--accent-color)}.button-group span{color:var(--accent-color);font-weight:700;min-width:50px;text-align:center}.reset-btn{background:#0000;border:2px solid var(--accent-color);border-radius:25px;color:var(--text-white);cursor:pointer;font-weight:600;margin-top:10px;padding:12px;transition:all .3s ease;width:100%}.reset-btn:hover{background:var(--accent-color);box-shadow:0 5px 20px #00d4ff66;transform:translateY(-2px)}body.high-contrast{filter:contrast(1.5)!important}body.high-contrast *{filter:none}body.grayscale{filter:grayscale(100%)!important}body.grayscale *{filter:none}body.increased-line-height a,body.increased-line-height li,body.increased-line-height p,body.increased-line-height span{line-height:2!important}body.readable-font *{font-family:Arial,Helvetica,sans-serif!important}body.grayscale .accessibility-toggle,body.grayscale .cookie-settings-toggle,body.high-contrast .accessibility-toggle,body.high-contrast .cookie-settings-toggle{filter:none!important;position:fixed!important;z-index:99999!important}.accessibility-panel::-webkit-scrollbar{width:8px}.accessibility-panel::-webkit-scrollbar-track{background:#00d4ff0d;border-radius:10px}.accessibility-panel::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:10px}.accessibility-panel::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}@media (max-width:768px){.accessibility-toggle{bottom:30px!important;font-size:1.8rem;height:55px;right:20px!important;width:55px}.accessibility-panel{bottom:30px;left:20px;max-width:calc(100vw - 110px);right:90px;width:auto}}@media (max-width:480px){.accessibility-toggle{bottom:25px!important;font-size:1.6rem;height:50px;right:15px!important;width:50px}.accessibility-panel{bottom:25px;left:15px;max-width:calc(100vw - 90px);right:75px}}.theme-toggle{align-items:center;background:linear-gradient(135deg,#00d4ff,#09f);border:3px solid #ffffff4d;border-radius:50%;bottom:110px!important;box-shadow:0 5px 20px #00d4ff66;cursor:pointer;display:flex;font-size:1.8rem;height:60px;justify-content:center;left:auto!important;margin:0;padding:0;position:fixed!important;right:30px!important;top:auto!important;transform:none!important;transition:all .3s ease;width:60px;z-index:99999!important}.theme-toggle:hover{border-color:#ffffff80;box-shadow:0 8px 30px #00d4ff99;transform:scale(1.1) rotate(20deg)!important}body.light-mode{--primary-color:#f5f5f5;--background-dark:#fff;--text-white:#1a1a1a;--text-gray:#4a4a4a}body.light-mode .App{background:linear-gradient(180deg,#fffffffa,#f0f0f5 50%,#fffffffa)}body.light-mode .about-section,body.light-mode .contact-section,body.light-mode .faq-section,body.light-mode .footer,body.light-mode .home,body.light-mode .legal-section,body.light-mode .projects-section,body.light-mode .services-section{background:linear-gradient(180deg,#fffffff2,#f0f0f5fa 50%,#fffffff2)}body.light-mode .nav{background:#ffffffe6;border-color:#00d4ff66}body.light-mode .nav-link{color:#1a1a1a!important}body.light-mode .nav-link.active,body.light-mode .nav-link:hover{color:#00d4ff!important}body.light-mode .about-title,body.light-mode .contact-title,body.light-mode .faq-title,body.light-mode .legal-title,body.light-mode .projects-title,body.light-mode .services-title,body.light-mode .typed{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a1a,#00d4ff 50%,#09f);-webkit-background-clip:text;background-clip:text}body.light-mode .about-description,body.light-mode .contact-subtitle,body.light-mode .faq-subtitle,body.light-mode .footer p,body.light-mode .footer-contact-item,body.light-mode .footer-links a,body.light-mode .hero>p,body.light-mode .info-text,body.light-mode .legal-subtitle,body.light-mode .option-description,body.light-mode .projects-subtitle,body.light-mode .services-subtitle,body.light-mode .trust-label,body.light-mode a,body.light-mode div,body.light-mode label,body.light-mode li,body.light-mode p,body.light-mode span{color:#1a1a1acc!important}body.light-mode .about-subtitle,body.light-mode .faq-question,body.light-mode .footer-brand h3,body.light-mode .footer-section h4,body.light-mode .info-title,body.light-mode .option-title,body.light-mode .process-title,body.light-mode .project-name,body.light-mode .service-name,body.light-mode .skill-category-title,body.light-mode .step-title,body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4,body.light-mode h5,body.light-mode h6{color:#1a1a1a!important}body.light-mode .contact-form,body.light-mode .faq-item,body.light-mode .info-card,body.light-mode .legal-card,body.light-mode .process-step,body.light-mode .project-card,body.light-mode .service-card,body.light-mode .skill-category{background:#ffffffe6;border-color:#00d4ff4d;box-shadow:0 5px 20px #00000014}body.light-mode .faq-answer p,body.light-mode .project-description,body.light-mode .service-description,body.light-mode .skill-item,body.light-mode .step-description{color:#1a1a1abf!important}body.light-mode .trust-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a1a,#00d4ff);-webkit-background-clip:text;background-clip:text}body.light-mode .form-label{color:#1a1a1a!important}body.light-mode .form-input,body.light-mode .form-textarea{background:#f0f0f5cc;border-color:#00d4ff4d;color:#1a1a1a!important}body.light-mode .form-input::placeholder,body.light-mode .form-textarea::placeholder{color:#1a1a1a80!important}body.light-mode .cta-btn,body.light-mode .faq-cta-btn,body.light-mode .featured-btn,body.light-mode .form-button,body.light-mode .glowing-btn,body.light-mode .load-more-btn,body.light-mode .newsletter-button,body.light-mode .project-link,body.light-mode .service-link{background:linear-gradient(135deg,#00d4ff,#09f)!important;border-color:#00d4ff!important;color:#fff!important}body.light-mode .glowing-btn{background:linear-gradient(135deg,#00d4ff,#09f)!important;border:none!important;box-shadow:0 10px 30px #09f6!important;color:#fff!important}body.light-mode .glowing-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000)!important}body.light-mode .glowing-btn:hover{box-shadow:0 15px 50px #09f9!important}body.light-mode .cta-btn:hover,body.light-mode .faq-cta-btn:hover,body.light-mode .featured-btn:hover,body.light-mode .form-button:hover,body.light-mode .glowing-btn:hover,body.light-mode .project-link:hover,body.light-mode .service-link:hover{background:linear-gradient(135deg,#09f,#06f)!important}body.light-mode .typed{animation:textGlowLight 2s ease-in-out infinite!important}@keyframes textGlowLight{0%,to{filter:drop-shadow(0 0 10px rgba(0,153,255,.5))}50%{filter:drop-shadow(0 0 25px rgba(0,153,255,.8))}}body.light-mode .logo-hero{filter:drop-shadow(0 0 30px rgba(0,153,255,.5))!important}body.light-mode .logo-hero:hover{filter:drop-shadow(0 0 50px rgba(0,153,255,.8))!important}body.light-mode .footer{background:linear-gradient(180deg,#f0f0f5f2,#fffffffa);border-top-color:#00d4ff4d}body.light-mode .footer-bottom p{color:#1a1a1a99!important}body.light-mode .scroll-to-top-btn{background:linear-gradient(135deg,#00d4ff33,#0099ff1a)!important;border-color:#00d4ff80!important;color:#1a1a1a!important}body.light-mode .scroll-to-top-btn:hover{background:linear-gradient(135deg,#00d4ff,#09f)!important;color:#fff!important}body.light-mode .scroll-icon{color:#1a1a1a!important}body.light-mode .scroll-to-top-btn:hover .scroll-icon{color:#fff!important}body.light-mode .filter-btn{background:#00d4ff26!important;border-color:#00d4ff66!important;color:#1a1a1a!important}body.light-mode .filter-btn.active,body.light-mode .filter-btn:hover{background:linear-gradient(135deg,#00d4ff,#09f)!important;color:#fff!important}body.light-mode .project-status,body.light-mode .status-badge,body.light-mode .status-development,body.light-mode .status-live{background:#00d4ffe6!important;border-color:#00d4ff!important;color:#fff!important;font-weight:700!important}body.light-mode .status-live{background:#00c864e6!important;border-color:#00c864!important}body.light-mode .status-development{background:#ff9600e6!important;border-color:#ff9600!important}body.light-mode .tech-tag,body.light-mode .tech-tag-large{background:#00d4ff33!important;border-color:#00d4ff80!important;color:#1a1a1a!important;font-weight:700!important}body.light-mode .featured-badge,body.light-mode .featured-btn.primary,body.light-mode .project-link.primary,body.light-mode .required-badge{background:linear-gradient(135deg,#00d4ff,#09f)!important;color:#fff!important}body.light-mode .featured-btn.primary,body.light-mode .project-link.primary{border-color:#00d4ff!important}body.light-mode .featured-btn.secondary,body.light-mode .project-link:not(.primary){background:#00d4ff26!important;border-color:#00d4ff80!important;color:#1a1a1a!important}body.light-mode .featured-btn.secondary:hover,body.light-mode .project-link:not(.primary):hover{background:linear-gradient(135deg,#00d4ff,#09f)!important;color:#fff!important}body.light-mode .project-category{color:#00d4ff!important;font-weight:700!important}body.light-mode .cookie-btn.primary,body.light-mode .step-number{background:linear-gradient(135deg,#00d4ff,#09f)!important;color:#fff!important}body.light-mode .cookie-btn.primary{border-color:#00d4ff!important}body.light-mode .cookie-btn.secondary{background:#00d4ff26!important;border-color:#00d4ff80!important;color:#1a1a1a!important}body.light-mode .cookie-btn.secondary:hover{background:#00d4ff4d!important}body.light-mode .reset-btn{background:#0000!important;border-color:#00d4ff!important;color:#1a1a1a!important}body.light-mode .reset-btn:hover{background:linear-gradient(135deg,#00d4ff,#09f)!important;color:#fff!important}body.light-mode .button-group button{background:#00d4ff26!important;border-color:#00d4ff66!important;color:#1a1a1a!important}body.light-mode .button-group button:hover{background:linear-gradient(135deg,#00d4ff,#09f)!important;color:#fff!important}body.light-mode .accessibility-panel,body.light-mode .cookie-settings-panel{background:#fffffffa!important;border-color:#00d4ff66!important;box-shadow:0 10px 40px #00000026!important}body.light-mode .accessibility-header,body.light-mode .cookie-settings-header{background:#fffffffa!important;border-bottom-color:#00d4ff4d!important}body.light-mode .accessibility-header h3,body.light-mode .cookie-settings-header h3{color:#1a1a1a!important}body.light-mode .cookie-option{background:#00d4ff14!important;border-color:#00d4ff4d!important}body.light-mode .accessibility-content label,body.light-mode .accessibility-option label,body.light-mode .close-btn,body.light-mode .cookie-info p,body.light-mode .option-description,body.light-mode .option-title{color:#1a1a1a!important}body.light-mode .button-group span,body.light-mode .close-btn:hover{color:#00d4ff!important}body.light-mode .accessibility-panel::-webkit-scrollbar-track,body.light-mode .cookie-settings-panel::-webkit-scrollbar-track{background:#00d4ff1a!important}body.light-mode .accessibility-panel::-webkit-scrollbar-thumb,body.light-mode .cookie-settings-panel::-webkit-scrollbar-thumb{background:#00d4ff66!important}body.light-mode .accessibility-panel::-webkit-scrollbar-thumb:hover,body.light-mode .cookie-settings-panel::-webkit-scrollbar-thumb:hover{background:var(--accent-color)!important}@media (max-width:768px){.theme-toggle{bottom:100px!important;font-size:1.6rem;height:55px;right:20px!important;width:55px}}@media (max-width:480px){.theme-toggle{bottom:90px!important;font-size:1.4rem;height:50px;right:15px!important;width:50px}}:root{--primary-color:#232323;--secondary-color:#ff2121;--accent-color:#ff2121;--background-color:#323232;--text-color:#333;--text-white:#fff}::selection{background-color:#ff212130;color:#fff}::-moz-selection{background:#ff212130;color:#fff}@font-face{font-family:century;src:url(/static/media/centurygothic.b194aa2bd524e2c973f7.ttf)}body{background-color:#323232;background-color:var(--background-color);font-family:century;font-size:large;margin:0}a,body{color:#fff;color:var(--text-white)}a{text-decoration:none}.glowing-btn,a:hover{color:#ff2121;color:var(--accent-color)}.glowing-btn{animation:border-flicker 2s linear infinite;background:none;border:.1em solid #ff2121;border:.1em solid var(--accent-color);box-shadow:inset 0 0 .5em 0 #ff2121,0 0 .5em 0 #ff2121;box-shadow:inset 0 0 .5em 0 var(--accent-color),0 0 .5em 0 var(--accent-color);cursor:pointer;font-size:2em;font-weight:400;letter-spacing:.1em;padding:.35em 1em;perspective:2em;position:relative;transition:color .1s linear}.glowing-txt{animation:text-flicker 3s linear infinite;display:inline-block;margin-right:-.8em;text-shadow:0 0 .125em #ffffff4d,0 0 .45em #ff2121;text-shadow:0 0 .125em #ffffff4d,0 0 .45em var(--accent-color)}.faulty-letter{animation:faulty-flicker 1s linear infinite;opacity:.5}.glowing-btn:after{background-color:#ff2121;background-color:var(--accent-color);content:"";inset:0;opacity:0;position:absolute;transition:opacity .1s linear;z-index:-1}.glowing-btn:hover{animation:none;color:#000000d9;text-shadow:none}.glowing-btn:hover .glowing-txt{animation:none}.glowing-btn:hover .faulty-letter{animation:none;opacity:1;text-shadow:none}.glowing-btn:hover:before{filter:blur(1.5em);opacity:1}.glowing-btn:hover:after{opacity:1}@keyframes faulty-flicker{0%,2%{opacity:.1}19%,4%{opacity:.5}21%{opacity:.1}23%{opacity:1}80%{opacity:.5}83%{opacity:.4}87%{opacity:1}}@keyframes text-flicker{0%{opacity:.1}2%{opacity:1}8%{opacity:.1}9%{opacity:1}12%{opacity:.1}20%{opacity:1}25%{opacity:.3}30%{opacity:1}70%{opacity:.7}72%{opacity:.2}77%{opacity:.9}to{opacity:.9}}@keyframes border-flicker{0%{opacity:.1}2%{opacity:1}4%{opacity:.1}8%{opacity:1}70%{opacity:.7}to{opacity:1}}@media (max-width:600px){.glowing-btn{font-size:1.2em;letter-spacing:.6em}}
/*# sourceMappingURL=main.11b99ab3.css.map*/