:root{
--bg:#0B1608;--panel:#13220E;--accent:#9DBB4D;--accent2:#A8C94A;
--text:#E6E0C8;--muted:#B7B092;--border:rgba(157,187,77,.25);
}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1E3314 0%,#0B1608 65%);color:var(--text);font-family:Segoe UI,sans-serif}
.header{display:flex;justify-content:space-between;align-items:center;padding:18px 40px;border-bottom:1px solid var(--border);background:rgba(11,22,8,.8);backdrop-filter:blur(10px)}
.logo{display:flex;gap:12px;align-items:center}.logo span{display:block;font-size:12px;color:var(--accent)}
nav a{color:var(--muted);text-decoration:none;margin:0 12px}
.hero-wrap{padding:60px}
.hero{max-width:1400px;margin:auto;background:linear-gradient(90deg,#182b11,#0f1d0c);border:1px solid var(--border);border-radius:30px;padding:60px;box-shadow:0 0 40px rgba(157,187,77,.08)}
.tag{color:var(--accent)} h1{font-size:78px;line-height:1;margin:10px 0} h1 span{color:var(--accent2)}
.btn,.primary,.ghost{padding:14px 28px;border-radius:16px;text-decoration:none;border:1px solid var(--border)}
.primary{background:var(--accent);color:#fff}.ghost{background:transparent;color:var(--text)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.tiles div,.card{background:linear-gradient(90deg,#182b11,#11200d);border:1px solid var(--border);border-radius:18px;padding:22px}
.featured,.container{padding:40px 60px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.card:hover{transform:translateY(-4px);box-shadow:0 0 25px rgba(157,187,77,.15)}
input{background:#101a0d;border:1px solid var(--border);padding:14px;border-radius:12px;color:white;width:100%;max-width:500px}
button{background:var(--accent);border:none;padding:10px 16px;border-radius:10px;margin-top:10px}
@media(max-width:900px){h1{font-size:48px}.tiles{grid-template-columns:1fr}nav{display:none}.header{padding:18px}}