/* style.css — نسخه نهایی، دقیقاً طبق درخواستت */
:root{
  --bg:#232323;
  --txt:#f8f9fa;
  --gold:#fcc200;
  --maxw: 780px; /* حداکثر عرض محتوا */
}

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

html,body{
  min-height:100vh;
  font-family:'Inter',sans-serif;
  background:var(--bg);
  color:var(--txt);
  font-size:16px;
}

a{color:var(--gold);text-decoration:none}
img{max-width:100%}
html, body { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.page-container { min-width: 660px; max-width: 660px; margin: 0 auto; padding: 2rem; }
/* ====================== NAV ====================== */
nav{
  position:fixed;top:0;left:0;width:100%;height:64px;
  background:rgba(35,35,35,.97);backdrop-filter:blur(16px);
  z-index:999;border-bottom:1px solid #fcc20033;
  display:flex;align-items:center;justify-content:center;
}
.desk{display:flex;gap:36px;font:600 0.98rem 'Inter',sans-serif;}
.desk a{color:#fcc200;position:relative;padding:8px 0;}
.desk a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2.5px;
  background:#fcc200;transition:.3s;transform:translateX(-50%);}
.desk a:hover::after{width:100%}

.ham{display:none;position:absolute;left:18px;cursor:pointer;}
.ham span{display:block;width:24px;height:2.5px;background:#fcc200;
  margin:5px 0;border-radius:2px;transition:.3s;}
.ham.on span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.ham.on span:nth-child(2){opacity:0}
.ham.on span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}

.mob{
  position:fixed;top:64px;left:0;width:100%;background:#232323;
  padding:16px 0;text-align:center;display:none;
  border-top:1px solid #fcc20033;z-index:998;
}
.mob.on{display:block}
.mob a{display:block;padding:14px;color:#fcc200;font:600 1.05rem 'Inter',sans-serif;}

@media(max-width:992px){.desk{display:none}.ham{display:block}}
@media(min-width:993px){.ham,.mob{display:none!important}}

/* ====================== MAIN ====================== */
main{
  padding:120px 20px 80px;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

/* محتوا داخل کادر با عرض ثابت */
.content-wrapper {
  width:100%;
  max-width:var(--maxw);
  text-align:left; /* همه چیز چپ‌چین */
}

/* عنوان */
h1{
  font:800 1.4rem/1.3 'Inter',sans-serif;
  color:#fcc200;
  letter-spacing:0.8px;
  margin-bottom:0.4rem;
}

/* خط طلایی */
.line{
  width:140px;
  height:2.5px;
  background:#fcc200;
  margin:0.8rem 0 2rem;
  clip-path:polygon(0 0,100% 0,97% 100%,3% 100%);
}

/* زیرعنوان */
h2{
  font:700 1.1rem/1.4 'Inter',sans-serif;
  color:#fcc200;
  margin-bottom:1.8rem;
  letter-spacing:0.4px;
}

/* متن و لیست */
p, li{
  font:500 0.85rem/1.85 'Inter',sans-serif;
  color:#f8f9fa;
  margin-bottom:1.2rem;
}
ul{
  padding-left:1.4rem;
  margin:1.6rem 0;
}
li{margin-bottom:0.8rem;}

/* جمله پایانی */
p.final{
  font:600 0.9rem/1.7 'Inter',sans-serif;
  color:#fcc200;
  margin:2.8rem 0 3.5rem;
}

/* دکمه‌ها — داخل کادر */
.cta-buttons{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  margin-top:2rem;
}
.cta-buttons a{
  padding:9px 22px;
  border-radius:30px;
  font:700 0.82rem 'Inter';
  text-decoration:none;
  transition:all .3s;
}
.cta-buttons a:first-child{
  background:#fcc200;
  color:#000;
  box-shadow:0 3px 10px rgba(252,194,0,.25);
}
.cta-buttons a:last-child{
  background:transparent;
  color:#fcc200;
  border:1.8px solid #fcc200;
}
.cta-buttons a:hover:first-child{transform:translateY(-2px);}
.cta-buttons a:hover:last-child{background:#fcc200;color:#000;}

/* ====================== FOOTER ====================== */
footer{
  position:fixed;bottom:0;width:100%;text-align:center;
  padding:10px;background:#1a1a1a;color:#666;font-size:0.75rem;
}

/* ====================== زبان (مخفی) ====================== */
.lang-btn,.lang-list{display:none;} /* فعلاً کاملاً مخفی */

/* ====================== موبایل ====================== */
@media (max-width: 768px) {
  main{padding:100px 16px 70px;}
  
  h1{font-size:1.15rem;letter-spacing:0.6px;}
  h2{font-size:1rem;}
  p, li{font-size:0.75rem;line-height:1.8;}
  p.final{font-size:0.8rem;}
  
  .line{width:100px;height:2px;margin:0.6rem 0 1.6rem;}
  
  .cta-buttons a{
    padding:8px 18px !important;
    font-size:0.78rem !important;
  }
}

@media (max-width: 480px) {
  h1{font-size:1.1rem;}
  p, li{font-size:0.73rem;}
  .cta-buttons{gap:0.8rem;}
  .cta-buttons a{padding:7px 16px;font-size:0.76rem;}
}