:root{--green:#064b26;--green2:#0b7a3b;--gold:#f7c313;--dark:#07140d;--muted:#637167;--soft:#f4fbf6;--white:#fff;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:#fff;color:#102116}a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding:0 22px}.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #e6eee8}.nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--green);font-size:24px}.logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--gold),#fff,var(--green2));display:grid;place-items:center;box-shadow:0 12px 28px rgba(6,75,38,.14)}.nav-links{display:flex;align-items:center;gap:18px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:14px 22px;font-weight:900;cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;box-shadow:0 16px 35px rgba(6,75,38,.24)}.btn-gold{background:var(--gold);color:#092414}.btn-outline{border:1px solid #cfe4d5;color:var(--green);background:#fff}.btn:hover{transform:translateY(-2px)}.hero{background:radial-gradient(circle at 80% 5%,rgba(247,195,19,.26),transparent 35%),linear-gradient(135deg,#fff 0%,#f1fbf4 52%,#dff5e7 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:74px 22px}.eyebrow{display:inline-flex;background:#e7f7ed;color:var(--green);padding:10px 16px;border-radius:999px;font-weight:900;margin-bottom:18px}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.95;margin:0 0 20px;color:var(--green);letter-spacing:-2px}.hero h1 span{color:#111;display:block}.lead{font-size:20px;line-height:1.65;color:#34503d;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.stat{background:#fff;border:1px solid #dceee2;border-radius:24px;padding:20px;box-shadow:0 18px 45px rgba(6,75,38,.08)}.stat strong{font-size:28px;color:var(--green)}.visual-card{position:relative;min-height:560px;border-radius:38px;background:linear-gradient(145deg,var(--green),#052714);box-shadow:0 35px 70px rgba(6,75,38,.25);padding:28px;overflow:hidden}.visual-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent),repeating-linear-gradient(45deg,transparent 0 22px,rgba(255,255,255,.05) 23px 24px)}.woman{position:absolute;right:18px;bottom:0;width:75%;height:86%;background:linear-gradient(135deg,#fff,#b7e8c8);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%,0 22%);opacity:.95}.panel{position:absolute;left:28px;bottom:28px;background:#fff;border-radius:28px;padding:24px;width:76%;box-shadow:0 22px 55px rgba(0,0,0,.18)}.panel h3{margin:0 0 12px;color:var(--green);font-size:26px}.check{display:flex;gap:10px;align-items:flex-start;margin:10px 0;color:#27382d;font-weight:700}.check span{color:var(--green);font-weight:900}.badge{position:absolute;right:22px;top:30px;background:var(--gold);color:var(--green);padding:22px;border-radius:50%;width:148px;height:148px;display:grid;place-items:center;text-align:center;font-weight:1000;font-size:19px;transform:rotate(6deg);box-shadow:0 18px 35px rgba(0,0,0,.15)}.section{padding:78px 0}.section-title{text-align:center;max-width:760px;margin:0 auto 42px}.section-title h2{font-size:42px;line-height:1.05;margin:0 0 14px;color:var(--green)}.section-title p{font-size:18px;color:var(--muted);line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #dceee2;border-radius:28px;padding:28px;box-shadow:0 20px 45px rgba(6,75,38,.07)}.icon{width:58px;height:58px;border-radius:20px;background:#e7f7ed;display:grid;place-items:center;font-size:28px;margin-bottom:18px}.card h3{margin:0 0 10px;color:var(--green);font-size:23px}.card p{color:#53675a;line-height:1.65}.dark-section{background:linear-gradient(135deg,var(--green),#02160b);color:#fff}.dark-section .section-title h2,.dark-section .section-title p{color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:26px;padding:24px}.step b{background:var(--gold);color:var(--green);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px}.cta{background:linear-gradient(135deg,var(--gold),#fff0a4);border-radius:34px;padding:42px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.cta h2{margin:0;font-size:38px;color:var(--green)}.auth-wrap{min-height:100vh;background:radial-gradient(circle at top right,rgba(247,195,19,.25),transparent 30%),linear-gradient(135deg,#f6fbf7,#fff);display:grid;place-items:center;padding:30px}.auth-card{width:100%;max-width:520px;background:#fff;border:1px solid #dceee2;border-radius:34px;padding:34px;box-shadow:0 35px 75px rgba(6,75,38,.12)}.auth-card h1{margin:0 0 10px;color:var(--green);font-size:34px}.auth-card p{color:var(--muted);line-height:1.5}.form-group{margin:16px 0}.form-group label{display:block;font-weight:800;margin-bottom:8px;color:#203026}.input,select,textarea{width:100%;padding:15px 16px;border:1px solid #cfe4d5;border-radius:16px;font:inherit;outline:none;background:#fbfefc}.input:focus,select:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 4px rgba(11,122,59,.1)}.alert{padding:14px 16px;border-radius:16px;margin:14px 0;font-weight:700}.alert-danger{background:#fff0ef;color:var(--danger)}.alert-success{background:#e8f8ee;color:var(--green)}.dash{background:#f6fbf7;min-height:100vh}.dash-grid{display:grid;grid-template-columns:260px 1fr;gap:24px}.sidebar{background:var(--green);color:#fff;min-height:100vh;padding:24px;position:sticky;top:0}.sidebar h2{margin-top:0}.side-link{display:block;padding:14px 16px;border-radius:16px;margin:8px 0;background:rgba(255,255,255,.08);font-weight:800}.main{padding:28px}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini{background:#fff;border-radius:24px;padding:22px;border:1px solid #dceee2}.mini h3{margin:0;color:var(--muted);font-size:14px;text-transform:uppercase}.mini strong{font-size:28px;color:var(--green)}.footer{background:#07140d;color:#d4e7da;padding:44px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.hamb{display:none}@media(max-width:880px){.hero-grid,.cta,.dash-grid{grid-template-columns:1fr}.visual-card{min-height:430px}.cards,.steps,.stats,.dash-cards,.footer-grid{grid-template-columns:1fr}.nav-links{display:none}.hamb{display:block}.hero{padding-top:10px}.sidebar{min-height:auto;position:relative}.main{padding:18px}.hero-grid{padding-top:42px}.woman{width:88%}.panel{width:88%}.badge{width:120px;height:120px;font-size:16px}.section{padding:55px 0}}


/* ===== FINAL CLEAN MOBILE MENU FIX ===== */
.nav{position:sticky;top:0;z-index:9997;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e6eee8}
.menu-check{position:absolute;opacity:0;pointer-events:none}
.mobile-menu-btn{display:none;width:58px;height:52px;border:3px solid #07140d;background:#fff;border-radius:0;align-items:center;justify-content:center;font-size:32px;font-weight:900;line-height:1;color:#173524;cursor:pointer;z-index:10000}
.mobile-menu-btn .close-icon{display:none}
.mobile-menu-panel{display:none}

@media(max-width:880px){
  .nav-inner{height:82px;position:relative}
  .desktop-links,.nav-links,.hamb,.drawer-open,.mobile-drawer,.drawer-backdrop{display:none!important}
  .brand{font-size:22px;gap:10px}
  .logo{width:52px;height:52px;border-radius:16px;flex:0 0 auto}
  .mobile-menu-btn{display:flex!important}
  .mobile-menu-panel{
    display:none;
    position:absolute;
    top:82px;
    left:18px;
    right:18px;
    background:#ffffff;
    border:1px solid #dceee2;
    border-radius:28px;
    padding:18px;
    box-shadow:0 25px 60px rgba(6,75,38,.20);
    z-index:9999;
  }
  .mobile-menu-panel a{
    display:flex!important;
    align-items:center;
    width:100%;
    min-height:58px;
    margin:0 0 12px 0;
    padding:15px 18px;
    border-radius:18px;
    background:#f6fbf7!important;
    color:#102116!important;
    font-weight:900;
    font-size:18px;
    text-decoration:none;
    opacity:1!important;
    visibility:visible!important;
  }
  .mobile-menu-panel a:last-child{margin-bottom:0}
  .mobile-menu-panel .menu-login{border:1px solid #cfe4d5;background:#ffffff!important;color:#064b26!important}
  .mobile-menu-panel .menu-join{
    background:linear-gradient(135deg,#064b26,#0b7a3b)!important;
    color:#ffffff!important;
    justify-content:center;
    text-align:center;
    box-shadow:0 16px 35px rgba(6,75,38,.24);
  }
  .menu-check:checked ~ .mobile-menu-btn .open-icon{display:none}
  .menu-check:checked ~ .mobile-menu-btn .close-icon{display:block}
  .menu-check:checked ~ .mobile-menu-panel{display:block!important}
}

@media(min-width:881px){
  .desktop-links{display:flex!important;align-items:center;gap:18px;font-weight:700}
  .mobile-menu-btn,.mobile-menu-panel,.menu-check{display:none!important}
}