@media (width<=768px){.navbar__links{display:none}}@media (width<=768px){.navbar__toggle{display:flex}}@media (width<=480px){.footer__links{flex-direction:column;gap:10px}}@media (width<=480px){.btn{width:100%}}@media (width<=768px){.hero h1{font-size:36px}}@media (width<=480px){.hero h1{font-size:28px}}@media (width<=480px){.hero p{font-size:15px}}@media (width<=480px){.hero__actions{flex-direction:column;width:100%}}@media (width<=480px){.cta h2{font-size:24px}}@media (width<=480px){.card{padding:20px}}@media (width<=480px){.services h2{font-size:24px}}@media (width<=1024px){.services__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.services__grid{grid-template-columns:1fr}}@media (width<=480px){.services-page h1{font-size:28px}}@media (width<=1024px){.services-page__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.services-page__grid{grid-template-columns:1fr}}@media (width<=480px){.portfolio h1{font-size:28px}}@media (width<=1024px){.portfolio__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.portfolio__grid{grid-template-columns:1fr}}@media (width<=480px){.contact h1{font-size:28px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e2e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#020617;margin:0;padding:0;font-family:Poppins,sans-serif;line-height:1.6}.app-root{flex-direction:column;min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;display:flex}img{max-width:100%;height:auto;display:block}button,input,textarea{outline:none;font-family:inherit}::selection{color:#fff;background:#2563eb}h1,h2,h3,h4,h5,h6{color:#e2e8f0;margin:0;font-weight:600;line-height:1.2}h1{font-size:52px;font-weight:600;line-height:1.2}@media (width<=768px){h1{font-size:90%}}h2{font-size:36px;font-weight:600;line-height:1.2}@media (width<=768px){h2{font-size:90%}}h3{font-size:24px;font-weight:600;line-height:1.2}@media (width<=768px){h3{font-size:90%}}p{color:#94a3b8;margin:0;font-size:16px;line-height:1.6}a{color:#2563eb;text-decoration:none;transition:all .3s}a:hover{opacity:.85}ul,ol{padding-left:20px}li{color:#94a3b8;margin-bottom:6px}small{color:#94a3b8;font-size:13px}strong{color:#e2e8f0;font-weight:600}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009;border-bottom:1px solid #ffffff14;transition:all .3s;position:sticky;top:0}.navbar__container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:70px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;display:flex}.navbar__logo{color:#2563eb;letter-spacing:.5px;cursor:pointer;font-size:22px;font-weight:700}.navbar__links{align-items:center;gap:30px;display:flex}.navbar__links a{color:#e2e8f0;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.navbar__links a:after{content:"";background:#2563eb;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-6px;left:0}.navbar__links a:hover:after{width:100%}.navbar__links a.active{color:#2563eb}@media (width<=768px){.navbar__links{display:none}}.navbar__toggle{cursor:pointer;flex-direction:column;justify-content:center;gap:5px;display:none}.navbar__toggle span{background:#e2e8f0;border-radius:2px;width:25px;height:3px;transition:all .3s}@media (width<=768px){.navbar__toggle{display:flex}}.navbar__mobile{background:#020617;border-top:1px solid #ffffff0d;flex-direction:column;gap:20px;padding:25px 20px;display:flex}.navbar__mobile a{color:#e2e8f0;font-size:18px;text-decoration:none;transition:all .3s}.navbar__mobile a:hover{color:#2563eb}.footer{background:#020617;border-top:1px solid #ffffff14;padding:60px 20px}.footer__container{text-align:center;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;display:flex}.footer h2{color:#2563eb;letter-spacing:.5px;font-size:22px;font-weight:700}.footer p{color:#94a3b8;max-width:500px;font-size:14px}.footer__links{gap:20px;margin-top:10px;display:flex}.footer__links a{color:#94a3b8;font-size:14px;text-decoration:none;transition:all .3s}.footer__links a:hover{color:#2563eb}@media (width<=480px){.footer__links{flex-direction:column;gap:10px}}.footer__bottom{color:#94a3b8;opacity:.7;margin-top:20px;font-size:13px}.btn{cursor:pointer;letter-spacing:.4px;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn--primary{color:#fff;background:linear-gradient(90deg,#2563eb,#9333ea)}.btn--primary:hover{opacity:.9;transform:translateY(-3px)}.btn--outline{color:#2563eb;background:0 0;border:1px solid #2563eb}.btn--outline:hover{color:#fff;background:#2563eb}.btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=480px){.btn{width:100%}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:25px;transition:all .3s}.card:hover{transform:translateY(-5px)}.card{transition:all .3s;position:relative;overflow:hidden}.card h3{color:#e2e8f0;margin-bottom:10px;font-size:20px}.card__content{color:#94a3b8;font-size:14px;line-height:1.6}.card:before{content:"";opacity:0;background:linear-gradient(120deg,#0000,#ffffff14,#0000);transition:all .3s;position:absolute;inset:0}.card:hover:before{opacity:1}.card:hover{border-color:#2563eb}@media (width<=480px){.card{padding:20px}}.hero{background:radial-gradient(circle at top,#2563eb26,#0000 60%);align-items:center;min-height:100vh;display:flex}.hero__container{text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;display:flex}.hero h1{background:linear-gradient(90deg,#2563eb,#9333ea);color:#0000;-webkit-background-clip:text;font-size:52px;line-height:1.2}@media (width<=768px){.hero h1{font-size:36px}}@media (width<=480px){.hero h1{font-size:28px}}.hero p{color:#94a3b8;max-width:700px;font-size:18px}@media (width<=480px){.hero p{font-size:15px}}.hero__actions{gap:15px;margin-top:20px;display:flex}@media (width<=480px){.hero__actions{flex-direction:column;width:100%}}.cta{text-align:center;background:linear-gradient(#0000,#9333ea1a);padding:100px 20px}.cta__container{max-width:700px;margin:0 auto}.cta h2{margin-bottom:10px;font-size:32px}@media (width<=480px){.cta h2{font-size:24px}}.cta p{color:#94a3b8;margin-bottom:20px}.services{padding:100px 0}.services__container{text-align:center;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.services h2{margin-bottom:40px;font-size:32px}@media (width<=480px){.services h2{font-size:24px}}.services__grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1024px){.services__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.services__grid{grid-template-columns:1fr}}.services-page{padding:100px 0}.services-page__container{text-align:center;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.services-page h1{margin-bottom:10px;font-size:40px}@media (width<=480px){.services-page h1{font-size:28px}}.services-page p{color:#94a3b8;margin-bottom:40px}.services-page__grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}@media (width<=1024px){.services-page__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.services-page__grid{grid-template-columns:1fr}}.portfolio{padding:100px 0}.portfolio__container{text-align:center;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.portfolio h1{margin-bottom:10px;font-size:40px}@media (width<=480px){.portfolio h1{font-size:28px}}.portfolio p{color:#94a3b8;margin-bottom:40px}.portfolio__grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}@media (width<=1024px){.portfolio__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.portfolio__grid{grid-template-columns:1fr}}.portfolio__card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.portfolio__card img{object-fit:cover;width:100%;height:200px;transition:all .3s}.portfolio__card h3{color:#e2e8f0;margin:15px 0 5px;font-size:18px}.portfolio__card p{color:#94a3b8;padding:0 10px;font-size:14px}.portfolio__card span{color:#94a3b8;opacity:.8;margin:10px 0 15px;font-size:12px;display:block}.portfolio__card:hover{border-color:#2563eb;transform:translateY(-6px)}.portfolio__card:hover img{transform:scale(1.05)}.contact{padding:100px 20px}.contact__container{text-align:center;max-width:600px;margin:0 auto}.contact h1{margin-bottom:10px;font-size:40px}@media (width<=480px){.contact h1{font-size:28px}}.contact p{color:#94a3b8;margin-bottom:30px}.contact form{flex-direction:column;gap:15px;display:flex}.contact form input,.contact form textarea{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:14px;transition:all .3s}.contact form input::placeholder,.contact form textarea::placeholder{color:#94a3b8;opacity:.7}.contact form input:focus,.contact form textarea:focus{background:#ffffff14;border-color:#2563eb}.contact form textarea{resize:vertical;min-height:140px}.contact form button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#9333ea);border:none;border-radius:14px;margin-top:10px;padding:14px;font-weight:600;transition:all .3s}.contact form button:hover{opacity:.9;transform:translateY(-2px)}