body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}.navbar{z-index:100;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0}.navContainer{justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:15px;display:flex}.logo{font-size:20px;font-weight:700}.navLinks a{color:#333;margin-left:20px;text-decoration:none}.hero{color:#fff;background:linear-gradient(135deg,#4f46e5,#9333ea);padding:140px 20px}.heroContent{max-width:700px;margin:auto}.heroTag{opacity:.8}.hero h1{margin:10px 0;font-size:50px}.heroDescription{opacity:.9;margin-bottom:30px}.heroButtons a{margin-right:15px}.btnPrimary{color:#4f46e5;background:#fff;border-radius:8px;padding:12px 20px;font-weight:700;text-decoration:none}.btnSecondary{color:#fff;border:1px solid #fff;border-radius:8px;padding:12px 20px;text-decoration:none}.section{padding:80px 20px}.section.gray{background:#f8fafc}.sectionContainer{max-width:1100px;margin:auto}.cardGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px;display:grid}.projectCard,.blogCard{background:#fff;border:1px solid #eee;border-radius:10px;padding:20px;transition:all .2s}.projectCard:hover,.blogCard:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.cardButtons a{color:#4f46e5;margin-right:15px;text-decoration:none}.contactForm{flex-direction:column;max-width:400px;display:flex}.contactForm input,.contactForm textarea{border:1px solid #ddd;border-radius:8px;margin-bottom:10px;padding:12px}.contactForm button{color:#fff;background:#4f46e5;border:none;border-radius:8px;padding:12px}.footer{text-align:center;border-top:1px solid #eee;padding:30px}