*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#F7F0E6;color:#473B30;font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
input,textarea,button{font-family:inherit}
::selection{background:#E2C49C;color:#3B322A}

@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes floatY2{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes floatY3{0%,100%{transform:translateY(0)}50%{transform:translateY(-22px)}}
@keyframes glowPulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}
@keyframes bearRotate{0%,100%{transform:rotateY(-26deg)}50%{transform:rotateY(26deg)}}
@keyframes bearBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}

/* nav links */
.nav-link{text-decoration:none;color:#7A6C5C;font-size:15px;font-weight:500;transition:color .2s ease}
.nav-link:hover{color:#473B30}

/* nav Telegram button */
.btn-tg-nav{text-decoration:none;background:#B0824F;color:#FBF6EE;padding:11px 22px;border-radius:999px;font-size:15px;font-weight:600;box-shadow:0 10px 22px rgba(176,130,79,0.28);transition:background .2s ease,transform .2s ease}
.btn-tg-nav:hover{background:#9c7142;transform:translateY(-1px)}

/* hero primary */
.btn-primary{text-decoration:none;background:#B0824F;color:#FBF6EE;padding:16px 30px;border-radius:999px;font-size:16px;font-weight:600;box-shadow:0 16px 30px -8px rgba(176,130,79,0.5);transition:background .2s ease,transform .2s ease}
.btn-primary:hover{background:#9c7142;transform:translateY(-2px)}

/* hero ghost */
.btn-ghost{text-decoration:none;background:transparent;color:#6E5F4F;padding:16px 28px;border-radius:999px;font-size:16px;font-weight:600;border:1px solid rgba(150,118,84,0.4);transition:background .2s ease,color .2s ease}
.btn-ghost:hover{background:rgba(176,130,79,0.08);color:#42372C}

/* footer Telegram */
.btn-tg-footer{text-decoration:none;background:#EFE2CF;color:#3B322A;padding:16px 34px;border-radius:999px;font-size:16px;font-weight:600;transition:background .2s ease,transform .2s ease}
.btn-tg-footer:hover{background:#fff;transform:translateY(-2px)}

/* responsive: stack nav on small screens */
@media (max-width:640px){
  nav > div:last-child{gap:12px}
  .nav-link{display:none}
}