/* Base Reset */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:Arial, sans-serif; line-height:1.6; color:#333; }
a { text-decoration:none; }
img { max-width:100%; height:auto; display:block; }

/* Header */
.site-header { display:flex; align-items:center; justify-content:space-between; padding:1rem; background:#000; color:#fff; }
.site-header .logo img { height:50px; }
.nav ul { display:flex; list-style:none; }
.nav li { margin:0 1rem; }
.nav a { color:#fff; }
.btn { display:inline-block; padding:0.5rem 1rem; border:2px solid #000; border-radius:5px; transition:background 0.3s; }
.btn-primary { background:#000; color:#fff; }
.btn-primary:hover { background:#333; }
.btn-secondary { background:#fff; color:#000; }

/* Hero */
.hero { background:url('../assets/img-01.jpg') center/cover no-repeat; color:#fff; text-align:center; padding:4rem 1rem; }
.hero-content h1 { font-size:2.5rem; margin-bottom:1rem; }

/* Card Grid */
.features .card-grid, .makers-grid { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); padding:2rem; }
.card, .maker-card { background:#fff; border:1px solid #ddd; border-radius:8px; overflow:hidden; text-align:center; padding:1rem; }
.card h3, .maker-card h3 { margin:1rem 0; }

/* Sections */
.about, .newsletter-cta, .page-hero, .cta { text-align:center; padding:2rem 1rem; }
.about p { max-width:600px; margin:1rem auto; }
.newsletter-cta form { display:flex; justify-content:center; gap:0.5rem; }
.newsletter-cta input { padding:0.5rem; width:250px; }

/* Footer */
.site-footer { background:#000; color:#fff; padding:2rem 1rem; text-align:center; }
.footer-widgets { display:flex; flex-wrap:wrap; justify-content:space-around; }
.footer-widgets .widget { margin:1rem; }
.social-icons { list-style:none; display:flex; gap:1rem; }