:root{--olive:#556B2F;--olive2:#6f8a3a;--black:#070807;--soft:#f7f8f3}
*{box-sizing:border-box} body{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#0b0d0a,#1b2115 45%,#556B2F);min-height:100vh;color:#101410}
.glass{background:rgba(255,255,255,.92);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.25)}
.card{background:#fff;border:1px solid rgba(85,107,47,.16);border-radius:26px;box-shadow:0 18px 50px rgba(0,0,0,.12)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:16px;padding:.85rem 1rem;font-weight:800;transition:.2s;cursor:pointer}
.btn:hover{transform:translateY(-1px)} .btn-primary{background:var(--olive);color:white}.btn-black{background:var(--black);color:white}.btn-red{background:#b91c1c;color:white}.btn-soft{background:#eef2e4;color:#243014}.input{width:100%;border:1px solid #d9dfce;border-radius:16px;padding:.85rem 1rem;outline:none;background:#fff}.input:focus{border-color:var(--olive);box-shadow:0 0 0 4px rgba(85,107,47,.15)}
.tree-logo{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#556B2F,#111);display:grid;place-items:center;color:#fff}
.badge{border-radius:999px;padding:.35rem .7rem;background:#eef2e4;color:#33431d;font-weight:800;font-size:.75rem}.navlink{padding:.7rem 1rem;border-radius:14px;font-weight:800}.navlink:hover,.navlink.active{background:#eef2e4;color:#33431d}
#qrBox canvas,#qrBox img{margin:auto}.pulse{animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(1.03);filter:brightness(1.15)}}

.hero-head{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,244,232,.94));backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.7);position:relative;overflow:hidden}
.hero-head:before{content:"";position:absolute;right:-80px;top:-120px;width:300px;height:300px;border-radius:999px;background:rgba(85,107,47,.14)}
.hero-head>*{position:relative}.tree-logo-big{width:70px;height:70px;border-radius:24px;box-shadow:0 16px 35px rgba(0,0,0,.22)}
.mini-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:#eef2e4;color:#33431d;font-size:.72rem;font-weight:900;padding:.28rem .65rem}.mini-badge.dark{background:#111;color:white}
@media(max-width:640px){.tree-logo-big{width:58px;height:58px;border-radius:20px}.hero-head{border-radius:26px}.navlink{flex:1;text-align:center;justify-content:center}}

.btn-whatsapp{background:#25D366;color:white;box-shadow:0 14px 35px rgba(37,211,102,.25)}
.btn-whatsapp:hover{filter:brightness(.98)}
.whatsapp-card{background:linear-gradient(135deg,#eafff1,#f7fff9);border:1px solid rgba(37,211,102,.28)}