* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: #1a1e0f; color: #e8f0d4; font-family: Inter, Arial, sans-serif; line-height: 1.6; }
.hero { border-bottom: 1px solid #3a4a1e; padding: 90px 20px 70px; text-align: center; }
.hero-inner { max-width: 900px; margin: auto; }
h1 { font-size: 52px; color: #c8f070; margin-bottom: 16px; }
.subtitle { color: #8a9a5e; font-size: 18px; }
nav { margin-top: 28px; }
nav a { color: #a0d830; text-decoration: none; margin: 0 14px; font-size: 15px; transition: 0.2s; }
nav a:hover { color: #c8f070; }
.container { max-width: 1050px; margin: auto; padding: 70px 20px; }
.section { margin-bottom: 80px; }
.section h2 { font-size: 32px; margin-bottom: 22px; color: #c8f070; }
.section p { color: #d0dab0; max-width: 760px; }
.hero-image { width: 100%; margin-top: 38px; border-radius: 18px; border: 1px solid #3a4a1e; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 22px; margin-top: 32px; }
.card { background: #222a14; border: 1px solid #3a4a1e; border-radius: 14px; padding: 28px; transition: transform 0.2s ease, border-color 0.2s ease; }
.card:hover { border-color: #a0d830; transform: translateY(-3px); }
.card h3 { margin-bottom: 14px; color: #c8f070; }
.card p { color: #9aaa6e; font-size: 14px; }
.contact { margin-top: 22px; }
.contact a { color: #a0d830; text-decoration: none; }
.contact a:hover { color: #c8f070; }
footer { border-top: 1px solid #3a4a1e; text-align: center; padding: 42px 20px; color: #6a7a4e; font-size: 14px; }
@media (max-width: 640px) { h1 { font-size: 40px; } .section h2 { font-size: 28px; } }