/* style.css */
/* Premium dark theme with subtle glassmorphism and modern typography */

/* Global resets and typography */
html,body {
    margin:0;
    padding:0;
    font-family: 'Inter', sans-serif;
    color:#e0e0e0;
    background: linear-gradient(135deg, #0d0d0d 0%, #1a1a2e 100%);
    scroll-behavior: smooth;
}

a { color: #58d1c9; text-decoration: none; transition: color .3s; }
a:hover { color:#84f1e6; }

.container { max-width:1200px; margin:0 auto; padding:0 1rem; }

/* Header */
.header { background: rgba(10,10,15,0.6); backdrop-filter: blur(10px); position:sticky; top:0; z-index:10; }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:70px; }
.logo { height:40px; }
.nav ul { list-style:none; display:flex; gap:2rem; }
.nav a { font-weight:600; }

/* Hero */
.hero { min-height:80vh; display:flex; align-items:center; justify-content:center; text-align:center;    background: linear-gradient(135deg, #0d0d0d 0%, #1a1a2e 100%); }
.hero::before { content:''; position:absolute; inset:0; background:rgba(0,0,0,0.5); }
.hero-content { position:relative; z-index:1; }
.hero h1 { font-size:3rem; color:#ffffff; margin-bottom:.5rem; }
.hero p { font-size:1.25rem; margin-bottom:1.5rem; color:#cfcfcf; }
.btn-primary { display:inline-block; padding:.75rem 1.5rem; background:#58d1c9; color:#0d0d0d; border-radius:30px; font-weight:600; transition:transform .2s, background .3s; }
.btn-primary:hover { background:#84f1e6; transform:translateY(-2px); }

/* Sections */
.section { padding:4rem 0; }
.section h2 { font-size:2.2rem; margin-bottom:2rem; text-align:center; color:#ffffff; }
.about p, .services p { line-height:1.6; max-width:800px; margin:auto; color:#d0d0d0; }

/* Services grid */
.grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:1.5rem; }
.card { background:rgba(255,255,255,0.05); backdrop-filter:blur(6px); border-radius:12px; padding:1.5rem; transition:transform .2s, box-shadow .3s; }
.card h3 { margin-top:0; color:#58d1c9; }
.card:hover { transform:translateY(-4px); box-shadow:0 8px 20px rgba(0,0,0,0.4); }

/* Map */
.map-wrapper { border-radius:12px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.4); }

/* Contact Form */
.form-group { margin-bottom:1rem; }
label { display:block; margin-bottom:.3rem; color:#c0c0c0; }
input, textarea { width:100%; padding:.75rem; border:none; border-radius:8px; background:rgba(255,255,255,0.1); color:#e0e0e0; }
input:focus, textarea:focus { outline:none; background:rgba(255,255,255,0.15); }

/* Footer */
.footer { background: rgba(10,10,15,0.8); backdrop-filter:blur(10px); padding:2rem 0; }
.footer-inner { display:flex; flex-wrap:wrap; justify-content:space-between; gap:2rem; }
.footer-row { display:flex; flex-direction:column; align-items:center; gap:.3rem; }
.footer-row p { margin:0; font-size:.9rem; }

@media (max-width:768px) {
    .header-inner { flex-direction:column; height:auto; padding:1rem 0; }
    .nav ul { flex-direction:column; gap:.5rem; }
    .hero h1 { font-size:2.2rem; }
}