/* Furrever.io basic styles */
:root{
  --bg:#0b0b12;
  --card:#121222;
  --text:#e8e8f0;
  --muted:#b8b8c7;
  --accent:#8b5cf6; /* violet */
  --accent2:#f59e0b; /* amber */
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Ubuntu,Arial,sans-serif;line-height:1.6}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1100px,92%);margin:auto}
.header{
  position:sticky;top:0;z-index:50;background:rgba(11,11,18,0.85);
  backdrop-filter: blur(6px);border-bottom:1px solid #1e1e2e;
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
.brand{display:flex;gap:12px;align-items:center}
.brand img{height:40px;width:auto}
.brand-title{font-weight:700;font-size:1.2rem;letter-spacing:.3px}
.navlinks{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.btn{
  background:linear-gradient(90deg,var(--accent2),var(--accent));color:white;border:none;
  padding:10px 14px;border-radius:12px;font-weight:600;cursor:pointer;
}
.btn:hover{opacity:.95}
main{padding:42px 0}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}
.card{background:var(--card);padding:22px;border:1px solid #1e1e2e;border-radius:16px}
h1{font-size:2.2rem;margin:.2rem 0 1rem}
h2{font-size:1.6rem;margin:1.6rem 0 .6rem}
h3{font-size:1.2rem;margin:1rem 0 .4rem}
ul{padding-left:1.2rem}
footer{border-top:1px solid #1e1e2e;margin-top:40px}
.footer{padding:22px 0;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:var(--muted)}
.small{color:var(--muted);font-size:.95rem}
.notice{font-size:.9rem;color:var(--muted)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
blockquote{border-left:3px solid var(--accent);padding-left:12px;color:#cfcfe8}
kbd{background:#1f1f32;border-radius:6px;padding:2px 6px;border:1px solid #2a2a44}
.mobile-toggle{display:none}
@media (max-width: 860px){
  .hero{grid-template-columns:1fr}
  .navlinks{display:none}
  .mobile-toggle{display:block;background:transparent;border:1px solid #2a2a44;color:var(--text);padding:8px 10px;border-radius:10px}
  .navlinks.open{display:flex;flex-direction:column;gap:12px;padding:12px 0}
}
