* { margin:0; padding:0; box-sizing:border-box; }
body { background:#0b0b0d; color:#f2f2f2; font-family:'Inter', sans-serif; overflow-x:hidden; }
h1,h2,h3 { font-family:'Playfair Display', serif; letter-spacing:2px; }
header { padding:20px 10%; }
nav ul { list-style:none; display:flex; gap:30px; }
nav a { text-decoration:none; color:#f2f2f2; font-weight:500; transition:0.3s; }
nav a:hover { color:#aaa; }
section.hero, .page-hero { height:60vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background: radial-gradient(circle at center, #1a1a1f 0%, #0b0b0d 70%); }
.divider { width:60px; height:1px; background:#888; margin:20px auto 40px; }
.about, .projects, .contact-form { max-width:900px; margin:auto; text-align:center; }
.about p, .project-card p { opacity:0.8; line-height:1.8; }
.divisions { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:40px; margin-top:40px; }
.card, .project-card { padding:30px; border:1px solid #222; background:#111115; transition:0.4s ease; }
.card:hover, .project-card:hover { border-color:#555; transform:translateY(-5px); }
.contact-form input, .contact-form textarea { width:100%; padding:12px; background:#0b0b0d; border:1px solid #444; color:#f2f2f2; margin-top:5px; }
.contact-form button { padding:12px 30px; margin-top:15px; background:#222; border:none; color:#f2f2f2; cursor:pointer; transition:0.3s; }
.contact-form button:hover { background:#555; }
footer { padding:60px 10%; text-align:center; font-size:0.8rem; opacity:0.5; border-top:1px solid #222; margin-top:60px; }