*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
  --cream:#FFF8F0;--warm:#F5EBD2;--panel:#EBDCB9;
  --green:#4CAF50;--green-dk:#2E7D32;--green-lt:#81C784;--green-pale:#E8F5E9;
  --brown:#2D1E0A;--brown-md:#5D4E37;--brown-lt:#8B775F;--brown-pale:#C3A578;
  --gold:#FFC107;--wheat:#DEB887;
  --pink:#D65E89;--blue:#3796C8;--purple:#8C64C3;--orange:#AF6E32;--red:#EF5350;--teal:#26A69A;
  --dark:#1A1207;--dark-card:#2A1F10;--dark-card-border:#3D2E18;
  --radius:10px;--radius-lg:14px;--radius-sm:6px;
  --shadow-sm:0 2px 12px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04);--shadow-md:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);--shadow-lg:0 20px 60px rgba(0,0,0,.14),0 8px 20px rgba(0,0,0,.08);
  --max-w:1200px;--max-w-sm:900px;--max-w-xs:700px;
  --transition:0.3s cubic-bezier(.4,0,.2,1);
}

html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:hidden;overscroll-behavior-x:none}
body{font-family:'Nunito',sans-serif;background:var(--cream);color:var(--brown);overflow-x:hidden;line-height:1.65;-webkit-font-smoothing:antialiased;max-width:100%;overscroll-behavior-x:none}
h1,h2,h3,h4,h5{font-family:'Fredoka',sans-serif;line-height:1.2}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:var(--max-w);margin:0 auto;padding:0 2rem}

.gradient-text{background:linear-gradient(135deg,var(--green-dk) 0%,var(--green) 40%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.gradient-text-warm{background:linear-gradient(135deg,var(--green-dk) 0%,var(--green) 50%,#81C784 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.gradient-text-hero{background:linear-gradient(135deg,#fff 0%,#a8e06c 50%,#FFD54F 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.gradient-text-gold{background:linear-gradient(135deg,var(--gold) 0%,#FFD54F 50%,#FFA726 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.gradient-text-light{background:linear-gradient(135deg,#fff 0%,#90CAF9 50%,#CE93D8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.announcement{background:linear-gradient(90deg,#1b5e20,var(--green-dk),#1b5e20);color:#fff;text-align:center;padding:.55rem 1rem;font-size:.82rem;font-weight:600;letter-spacing:.3px;position:relative;z-index:200;border-bottom:1px solid rgba(0,0,0,.2)}
.announcement a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}

.nav{position:sticky;top:0;left:0;right:0;z-index:150;padding:0 3rem;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#1e2e1e 0%,#142014 40%,#0f1a0f 100%);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(0,0,0,.4);animation:fadeIn .5s;box-shadow:0 4px 12px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08);min-height:64px}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.nav-logo{font-family:'Fredoka',sans-serif;font-size:1.25rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.55rem;letter-spacing:-.3px;text-decoration:none;flex-shrink:0}
.nav-logo .leaf{font-size:1.2rem}
.nav-links{display:flex;gap:0;list-style:none;align-items:center}
.nav-links li a{color:rgba(255,255,255,.5);font-weight:500;font-size:.85rem;transition:all .2s ease;position:relative;padding:.55rem 1rem;display:block;letter-spacing:.2px}
.nav-links li a:hover{color:rgba(255,255,255,.9)}
.nav-links li a.active{color:#fff;font-weight:600}
.nav-links li a.active::after{content:'';position:absolute;bottom:0;left:1rem;right:1rem;height:2px;background:var(--green);border-radius:2px}
.nav-links .play-btn{background:#fff;color:#0f1a0f;padding:.5rem 1.4rem;border-radius:var(--radius);font-size:.82rem;font-weight:700;transition:all .2s ease;letter-spacing:.3px;margin-left:.5rem}
.nav-links .play-btn:hover{background:var(--green);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.3)}
.nav-links .mobile-account-link{display:none}
.mobile-toggle{display:none;align-items:center;gap:.42rem;padding:.35rem .85rem;border-radius:var(--radius-sm);font-size:.72rem;font-weight:600;font-family:'Fredoka',sans-serif;color:rgba(255,255,255,.78);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);cursor:pointer;transition:all .2s;white-space:nowrap;letter-spacing:.2px}
.mobile-toggle:hover{background:rgba(255,255,255,.16);border-color:rgba(168,224,108,.44);color:#fff}
.mobile-toggle .menu-icon{font-size:.95rem;line-height:1}
.mobile-toggle .menu-label{line-height:1}
.nav-right{display:flex;gap:.5rem;align-items:center;flex-shrink:0}
.nav-action-btn{padding:.35rem .85rem;border-radius:var(--radius-sm);font-size:.72rem;font-weight:600;font-family:'Fredoka',sans-serif;color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:all .2s;white-space:nowrap;letter-spacing:.2px}
.nav-action-btn:hover,.nav-action-btn.active{background:rgba(76,175,80,.25);border-color:rgba(76,175,80,.5);color:#fff}

.footer{background:linear-gradient(180deg,#1e1508,var(--dark));color:rgba(255,255,255,.5);padding:4rem 2rem 2rem;border-top:1px solid rgba(255,255,255,.05)}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:var(--max-w);margin:0 auto 3rem}
.footer-col{display:flex;flex-direction:column;align-items:flex-start}
.footer-col h5{font-family:'Fredoka',sans-serif;color:rgba(255,255,255,.8);font-size:.9rem;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:1px}
.footer-col a{display:block;font-size:.85rem;color:rgba(255,255,255,.45);padding:.25rem 0;transition:color var(--transition)}
.footer-col a:hover{color:var(--green-lt)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;max-width:var(--max-w);margin:0 auto;font-size:.78rem;flex-wrap:wrap;gap:1rem}
.footer-bottom a{color:rgba(255,255,255,.4);transition:color var(--transition)}
.footer-bottom a:hover,.footer-bottom a.active{color:var(--green-lt)}
.footer-legal{display:flex;gap:1.5rem;flex-wrap:wrap}

:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:2px}
a:focus-visible{outline-offset:3px}
::selection{background:rgba(76,175,80,.2);color:var(--brown)}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--warm)}
::-webkit-scrollbar-thumb{background:var(--brown-pale);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--brown-lt)}