.nav{position:sticky;top:0;z-index:100;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:rgba(13,13,17,.85);border-bottom:1px solid rgba(255,255,255,.06)}

.tutorial-container{max-width:800px;margin:0 auto;padding:40px 20px}
.tutorial-container h1{font-size:22px;margin-bottom:16px}
.tutorial-container p{font-size:14px;color:#9CA3AF;line-height:1.8;margin-bottom:12px}
.tutorial-container h3{font-size:15px;margin:20px 0 8px;color:#fff}
.tutorial-tip{background:rgba(16,185,129,.08);border-left:3px solid #10B981;padding:12px 16px;border-radius:0 8px 8px 0;margin:16px 0;font-size:13px;color:#9CA3AF}
.tutorial-back-link{display:inline-block;margin-bottom:20px;font-size:13px;color:#10B981;text-decoration:none}
.tutorial-back-link:hover{text-decoration:underline}

.site-footer {
  background:#08080A;
  border-top:1px solid rgba(255,255,255,0.08);
  padding:46px 24px 36px;
  text-align: center;
  margin-top: 56px;
}

.footer-links {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.footer-links a {
  font-size: 13px;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: .5px;
  transition: color .2s;
}

.footer-links a:hover {
  color: #10B981;
}

.footer-promise {
  font-size: 12px;
  color: #10B981;
  margin-bottom: 12px;
  letter-spacing: .3px;
}

.footer-text {
  font-size: 12px;
  color: #999999;
  margin-bottom: 6px;
  line-height: 1.6;
}

.footer-icp {
  font-size: 11.5px;
  color: #999999;
  text-decoration: none;
  letter-spacing: .3px;
  transition: color .2s;
  display: inline-block;
  margin-bottom: 4px;
}

.footer-icp:hover {
  color: #666666;
}

.footer-ga {
  font-size: 12px;
  color: #666666;
  text-decoration: none;
  letter-spacing: .5px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
}

.footer-ga:hover {
  color: #333333;
}

.footer-ga img {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}

@media(max-width:600px) {
  .footer-links {
    gap: 12px;
  }
  .footer-ga {
    font-size: 11px;
  }
  .footer-ga img {
    width: 16px;
    height: 16px;
  }
}
/* ===== Footer ===== */

/* === nav button styles (added 20260727) === */
.balance-chip{font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;background:rgba(16,185,129,.1);color:var(--accent);border:1px solid rgba(16,185,129,.2);white-space:nowrap}
.buy-btn{font-size:13px;font-weight:600;padding:7px 16px;border-radius:999px;border:none;cursor:pointer;background:var(--accent);color:var(--bg);transition:background .2s;font-family:inherit;appearance:none;-webkit-appearance:none}
.buy-btn:hover{background:var(--accent-deep)}
.login-link{flex-shrink:0;font-size:13px;font-weight:600;color:rgba(243,244,246,.6);background:none;border:none;cursor:pointer;font-family:inherit;padding:5px 13px;border-radius:8px;transition:color .2s,background .2s;appearance:none;-webkit-appearance:none}
.login-link:hover{color:var(--accent);background:rgba(16,185,129,.1)}
.avatar-btn{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;background:var(--accent);color:#fff;font-size:13px;font-weight:700;display:none;align-items:center;justify-content:center;font-family:inherit;appearance:none;-webkit-appearance:none}
.avatar-btn.show{display:flex}
.login-link.hide,.hide{display:none!important}