*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#fff;min-height:100vh;width:100%;overflow-x:hidden}#root{min-height:100vh;background-color:#fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media screen and (max-width: 768px){html{font-size:16px}h1{font-size:2rem!important}h2{font-size:1.5rem!important}p{font-size:1rem!important}.container{padding:0 20px}}@media (max-width: 768px){.page-container{padding-top:43px!important}}.page-container{padding-top:0}.service-card{background:#fff;border:2px solid transparent;border-radius:12px;padding:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026;border-color:#2563eb}.service-card:active{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}@media (max-width: 768px){.service-card:active{transform:scale(.98);background-color:#f8fafc}}.service-card:hover .service-icon{transform:scale(1.1);transition:transform .3s ease}.service-card:hover .service-title{color:#2563eb;transition:color .3s ease}.cta-button{background-color:#2563eb;color:#fff;border:none;border-radius:8px;padding:15px 40px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #2563eb40;position:relative;overflow:hidden}.cta-button:hover{background-color:#1e40af;transform:translateY(-2px);box-shadow:0 8px 15px #2563eb66}.cta-button:active{transform:translateY(0);box-shadow:0 4px 6px #2563eb40}@media (max-width: 768px){.cta-button:active{transform:scale(.98);background-color:#1e40af}}.nav-link{text-decoration:none;color:#333;font-size:1.2rem;font-weight:500;transition:all .3s ease;position:relative;padding:8px 0}.nav-link:hover{color:#2563eb;transform:translateY(-1px)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#2563eb;transition:width .3s ease}.nav-link:hover:after{width:100%}@media (max-width: 768px){.nav-link:active{transform:scale(.98);color:#2563eb}}.footer-link{color:#fff;text-decoration:none;font-size:.9rem;transition:all .3s ease;padding:4px 8px;border-radius:4px}.footer-link:hover{color:#60a5fa;background-color:#ffffff1a;transform:translateY(-1px)}@media (max-width: 768px){.footer-link:active{transform:scale(.98);color:#60a5fa;background-color:#fff3}}.social-link{color:#fff;font-size:24px;transition:all .3s ease;padding:8px;border-radius:50%}.social-link:hover{color:#60a5fa;background-color:#ffffff1a;transform:scale(1.1)}@media (max-width: 768px){.social-link:active{transform:scale(.95);color:#60a5fa;background-color:#fff3}}.service-box{max-width:400px;min-width:280px;flex:1 1 350px;margin:0 auto}.portfolio-card{transition:all .3s ease!important;cursor:pointer!important;box-shadow:0 4px 6px #0000001a!important}.portfolio-card:hover{transform:translateY(-8px)!important;box-shadow:0 12px 24px #00000026!important}.portfolio-card:active{transform:scale(.98)!important;box-shadow:0 8px 16px #0000001f!important}@media (max-width: 768px){.portfolio-card:active{transform:scale(.96)!important;box-shadow:0 6px 12px #0000001a!important}}