body {margin: 0;font-family: 'Inter', sans-serif;background: #0F0F10;color: #fff;}
/* HEADER */header {position: fixed;width: 100%;display: flex;justify-content: space-between;padding: 20px 40px;background: rgba(0,0,0,0.5);backdrop-filter: blur(10px);}
header a {color: white;margin-left: 20px;text-decoration: none;}
/* HERO */.hero {height: 100vh;background: url('/images/project1.jpg') center/cover no-repeat;position: relative;display: flex;align-items: center;padding: 0 60px;}
.overlay {position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.hero-content {position: relative;max-width: 600px;}
.hero h1 {font-size: 48px;}
.hero p {color: #ccc;}
.btn {display: inline-block;margin-top: 20px;padding: 12px 24px;border: 1px solid #fff;color: white;text-decoration: none;transition: 0.3s;}
.btn:hover {background: white;color: black;}
/* SECTIONS */section {padding: 100px 60px;}
/* ABOUT */.about {text-align: center;max-width: 800px;margin: auto;}
/* PORTFOLIO */.grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.grid img {width: 100%;height: 250px;object-fit: cover;transition: 0.3s;}
.grid img:hover {transform: scale(1.05);}
/* SERVICES */.services {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;text-align: center;}
.services div {padding: 30px;border: 1px solid #333;}
/* CONTACT */#contact {text-align: center;}
/* WHATSAPP */.whatsapp {position: fixed;bottom: 20px;right: 20px;background: #25D366;padding: 12px 18px;border-radius: 50px;color: white;text-decoration: none;}
/* MOBILE */@media(max-width:768px){.grid {grid-template-columns: 1fr;}
.services {grid-template-columns: 1fr;}
.hero h1 {font-size: 32px;}}