:root {
  --bg-dark: #0b1220;
  --bg-soft: #111a2e;
  --accent: #00e0ff;
  --text-main: #eaeaf0;
  --text-soft: #b7c0d8;
  --card-bg: rgba(255,255,255,0.06);
  --border-soft: rgba(255,255,255,0.12);
}
*{box-sizing:border-box;}
body{margin:0;font-family:system-ui,sans-serif;background:radial-gradient(circle at top,#142042,var(--bg-dark));color:var(--text-main);line-height:1.6;}
header{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:linear-gradient(to bottom, rgba(11,18,32,0.2), rgba(11,18,32,0.95)), url('images/background.jpg') center/cover no-repeat;}
header h1{font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:15px;letter-spacing:0.5px;}
header p{max-width:760px;font-size:clamp(1rem,2.8vw,1.3rem);color:var(--text-soft);margin:auto;}
.container{max-width:1200px;margin:auto;padding:80px 20px;}
h2{text-align:center;font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:60px;color:#ffffff;}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;}
.card{background:var(--card-bg);backdrop-filter:blur(8px);border:1px solid var(--border-soft);border-radius:18px;overflow:hidden;transition:transform 0.3s ease, box-shadow 0.3s ease;}
.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,0.4);}
.card img{width:100%;height:200px;object-fit:cover;}
.card .content{padding:25px;}
.card h3{margin-top:0;margin-bottom:10px;color:var(--accent);}
.card p{color:var(--text-soft);font-size:0.95rem;}
.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:40px;}
.about img{width:100%;border-radius:20px;}
.about p{color:var(--text-soft);font-size:1.05rem;}
.contact{margin-top:100px;background:linear-gradient(135deg,#0f1b3d,#0b1220);border:1px solid var(--border-soft);border-radius:24px;padding:60px 30px;text-align:center;}
.contact p{font-size:1.1rem;color:var(--text-soft);}
form#contactForm{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px;}
.form-group{display:flex;flex-direction:column;gap:10px;width:100%;max-width:500px;}
input,textarea{width:100%;padding:14px 18px;border-radius:12px;border:none;font-size:1rem;background:rgba(255,255,255,0.08);color:#fff;resize:none;}
textarea{min-height:120px;}
.btn{padding:14px 38px;border-radius:40px;background:var(--accent);color:#000;font-weight:600;border:none;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease;}
.btn:hover{transform:scale(1.05);box-shadow:0 10px 25px rgba(0,224,255,0.4);}
#status{margin-top:15px;font-size:1rem;}
footer{padding:40px 20px;text-align:center;color:#7f89a3;font-size:0.9rem;}
@media(max-width:900px){.about{grid-template-columns:1fr;}}