@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";:root{--bg-color:#ecf0f3;--text-color:#333;--text-muted:#7a7a7a;--accent-color:#6366f1;--secondary-color:#a855f7;--neu-shadow:8px 8px 16px #d1d9e6, -8px -8px 16px #fff;--neu-hover:12px 12px 24px #d1d9e6, -12px -12px 24px #fff;--neu-pressed:inset 6px 6px 12px #d1d9e6, inset -6px -6px 12px #fff}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0;animation:.8s ease-out forwards fadeIn}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{background-color:var(--bg-color);box-shadow:var(--neu-shadow);z-index:100;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.logo{background:linear-gradient(135deg, var(--accent-color), var(--secondary-color));-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.nav-links{gap:2.5rem;display:flex}.nav-links a{color:var(--text-muted);font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent-color)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:85vh;display:flex;position:relative}.hero h1{letter-spacing:-1px;margin-bottom:1.5rem;font-size:4.5rem;font-weight:700;line-height:1.1}.hero h1 span{color:var(--accent-color)}.hero p{color:var(--text-muted);max-width:600px;margin-bottom:2.5rem;font-size:1.25rem}.btn{cursor:pointer;background-color:var(--bg-color);color:var(--accent-color);box-shadow:var(--neu-shadow);border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn:hover{box-shadow:var(--neu-hover);transform:translateY(-2px)}.btn:active{box-shadow:var(--neu-pressed);transform:translateY(0)}.btn-primary{color:var(--accent-color)}.services{padding:6rem 0}.section-title{text-align:center;margin-bottom:4rem;font-size:2.5rem;font-weight:700}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;display:grid}.neu-card,.card{background-color:var(--bg-color);box-shadow:var(--neu-shadow);border-radius:20px;padding:2.5rem;transition:all .3s}.neu-card:hover,.card:hover{box-shadow:var(--neu-hover);transform:translateY(-5px)}.card h3{color:var(--text-color);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.card p{color:var(--text-muted);font-size:1.05rem}.contact-section{padding:6rem 0}.form-container{background-color:var(--bg-color);max-width:600px;box-shadow:var(--neu-shadow);border-radius:20px;margin:0 auto;padding:3rem}.form-group{text-align:left;margin-bottom:1.5rem}.form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.form-control{background-color:var(--bg-color);width:100%;color:var(--text-color);box-shadow:var(--neu-pressed);border:none;border-radius:10px;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-control:focus{box-shadow:inset 8px 8px 16px #d1d9e6, inset -8px -8px 16px #fff, 0 0 0 2px var(--accent-color);outline:none}textarea.form-control{resize:vertical;min-height:150px}footer{text-align:center;color:var(--text-muted);box-shadow:var(--neu-shadow);background-color:var(--bg-color);margin-top:4rem;padding:3rem 0}