@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";body{font-family:Inter,sans-serif;margin:0;background:#101828;color:#fff}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#1a2332}.navbar .logo{font-weight:700;font-size:1.5rem;color:#00e6c3}.navbar ul{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.navbar a{color:#fff;text-decoration:none;font-weight:500;transition:color .2s}.navbar a:hover{color:#00e6c3}.container{max-width:900px;margin:2rem auto;padding:1rem}.hero{text-align:center;padding:3rem 1rem;background:linear-gradient(90deg,#101828 60%,#00e6c3);border-radius:1rem;box-shadow:0 4px 24px #0000001a}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hero p{font-size:1.25rem;margin-bottom:2rem}.cta-buttons{display:flex;justify-content:center;gap:1rem}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:background .2s,color .2s;text-decoration:none}.btn-primary{background:#00e6c3;color:#101828}.btn-primary:hover{background:#00bfa3}.btn-secondary{background:#fff;color:#101828}.btn-secondary:hover{background:#e6e6e6}.services-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:2rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.service-card{background:#1a2332;border-radius:1rem;box-shadow:0 2px 12px #00000014;padding:2rem 1.5rem 1.5rem;text-align:center;transition:transform .2s,box-shadow .2s;cursor:pointer;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 6px 24px #00e6c31f}.service-icon{margin-bottom:1rem;display:flex;justify-content:center;align-items:center;animation:pop-in .6s cubic-bezier(.23,1,.32,1)}@keyframes pop-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.service-card h3{font-size:1.25rem;font-weight:600;margin:.5rem 0 .75rem;color:#00e6c3}.service-card p{font-size:1rem;color:#e0e0e0;margin:0}.service-price{margin-top:.75rem;font-size:1.15rem;font-weight:700;color:#00e6c3;letter-spacing:.5px}@media (max-width: 600px){.services-grid{grid-template-columns:1fr}.service-card{padding:1.25rem .75rem}}.contact-wrapper{display:flex;gap:2rem;flex-wrap:wrap;justify-content:space-between}.contact-form{flex:1 1 320px;background:#1a2332;border-radius:1rem;box-shadow:0 2px 12px #00000014;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.contact-form label{display:flex;flex-direction:column;font-weight:500;color:#fff;gap:.5rem}.contact-form input,.contact-form textarea{margin-top:.25rem;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #2d3748;background:#232e42;color:#fff;font-size:1rem;resize:vertical;transition:border .2s}.contact-form input:focus,.contact-form textarea:focus{border:1.5px solid #00e6c3;outline:none}.contact-form .btn{margin-top:.5rem}.hidden{display:none}.success-msg{color:#00e6c3;font-weight:600;margin-top:1rem;text-align:center}.contact-info{flex:1 1 220px;background:#232e42;border-radius:1rem;padding:2rem 1.5rem;color:#e0e0e0;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:.75rem;min-width:220px;max-width:320px;margin-top:1rem}.contact-info h3{color:#00e6c3;margin-bottom:.5rem}.contact-info a{color:#00e6c3;text-decoration:none;transition:text-decoration .2s}.contact-info a:hover{text-decoration:underline}.social-links{display:flex;gap:1rem;margin-top:1rem}@media (max-width: 900px){.contact-wrapper{flex-direction:column;gap:1.5rem}.contact-info{margin-top:0;max-width:100%}}.testimonials-section{margin-bottom:2.5rem}.testimonials-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.testimonial-card{background:#1a2332;border-radius:1rem;box-shadow:0 2px 12px #00000014;padding:1.5rem 1.25rem;max-width:340px;min-width:220px;color:#e0e0e0;font-style:italic;position:relative;transition:transform .2s,box-shadow .2s}.testimonial-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 6px 24px #00e6c31a}.testimonial-card p{margin:0 0 1rem;font-size:1.1rem}.testimonial-card footer{font-size:.95rem;color:#00e6c3;font-style:normal}.portfolio-section{margin-top:2.5rem}.portfolio-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.portfolio-card{background:#232e42;border-radius:1rem;box-shadow:0 2px 12px #0000000f;padding:1.25rem 1rem;color:#e0e0e0;transition:box-shadow .2s}.portfolio-card h4{color:#00e6c3;margin-bottom:.5rem;font-size:1.1rem}@media (max-width: 700px){.testimonials-list{flex-direction:column;align-items:center}.portfolio-list{grid-template-columns:1fr}}.footer{background:#1a2332;color:#e0e0e0;padding:2rem 1rem 1rem;margin-top:3rem}.footer-content{max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}.footer-brand{font-weight:600;color:#00e6c3}.footer-links{display:flex;gap:1.25rem}.footer-links a{color:#e0e0e0;text-decoration:none;font-weight:500;transition:color .2s}.footer-links a:hover{color:#00e6c3}.footer-contact{display:flex;flex-direction:column;gap:.25rem;font-size:.95rem}.footer-contact a{color:#00e6c3;text-decoration:none}@media (max-width: 700px){.footer-content{flex-direction:column;align-items:flex-start;gap:1rem}.footer-links{flex-wrap:wrap;gap:.75rem}}