:root{--primary-color: #007bff;--secondary-color: #6c757d;--dark-bg: #1a1a1a;--light-bg: #f8f9fa;--text-color: #333;--text-light: #f8f9fa}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:var(--dark-bg);color:var(--text-light);padding:1rem 0;position:sticky;top:0;z-index:1000}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700}nav ul{list-style:none;display:flex;gap:20px}nav a{color:var(--text-light);text-decoration:none;font-weight:500}nav a:hover{color:var(--primary-color)}.hero{background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-1.2.1&auto=format&fit=crop&w=1352&q=80);background-size:cover;background-position:center;color:var(--text-light);padding:100px 0;text-align:center}.hero h2{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.2rem;max-width:800px;margin:0 auto 2rem}.btn{display:inline-block;background-color:var(--primary-color);color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;transition:background-color .3s}.btn:hover{background-color:#0056b3}.section{padding:60px 0}.section-title{text-align:center;margin-bottom:40px;font-size:2rem;color:var(--dark-bg)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.card,.project-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s}.card:hover,.project-card:hover{transform:translateY(-5px)}.card h3,.project-card h3{color:var(--primary-color);margin-bottom:10px}.bg-light{background-color:var(--light-bg)}.tech-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.tech-item{background:var(--dark-bg);color:var(--text-light);padding:15px 25px;border-radius:50px;font-size:1rem}.footer{background-color:var(--dark-bg);color:var(--text-light);text-align:center;padding:20px 0;margin-top:auto}@media(max-width:768px){.header .container{flex-direction:column;gap:15px}.hero h2{font-size:2rem}}.contact-form-container{max-width:600px;margin:0 auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.contact-form .form-group{margin-bottom:20px}.contact-form label{display:block;margin-bottom:5px;font-weight:700}.contact-form input,.contact-form textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary-color);outline:none}.contact-form button{width:100%;border:none;cursor:pointer;font-size:1rem}