/* style.css - Modern Purple/Blue (Style A) */
:root{
  --bg: #0f1724;
  --card: #0b1220;
  --accent: linear-gradient(90deg,#6b5cff,#4cc0ff);
  --accent-solid: #6b5cff;
  --muted: #9aa7c7;
  --text-light: #e6eef9;
  --glass: rgba(255,255,255,0.04);
}
*{box-sizing:border-box;font-family: Inter, Vazir, Tahoma, Arial, sans-serif}
body{margin:0;background:radial-gradient(1200px 400px at 10% 10%, rgba(107,92,255,0.12), transparent), var(--bg);color:var(--text-light);line-height:1.6;direction:rtl}
.container{max-width:1100px;margin:32px auto;padding:20px}
.header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:12px}
.logo{
  font-weight:800;
  font-size:1.4rem;
  letter-spacing:0.6px;
  background: -webkit-linear-gradient(90deg,#6b5cff,#4cc0ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tag{color:var(--muted);font-size:0.9rem}
.nav a{color:var(--muted);text-decoration:none;margin-left:14px}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:22px;border-radius:14px;box-shadow:0 8px 30px rgba(2,6,23,0.6)}
.hero{display:flex;gap:20px;align-items:center}
.hero-left{flex:1}
.hero-right{flex:1;display:flex;justify-content:center}
.hero h1{margin:0;font-size:2rem}
.lead{color:var(--muted);margin-top:10px}
.cta{display:flex;gap:10px;margin-top:18px}
.btn{
  background:var(--accent-solid);
  padding:12px 18px;border-radius:10px;border:none;color:white;font-weight:700;cursor:pointer;
  box-shadow:0 6px 18px rgba(107,92,255,0.18);
}
.btn.secondary{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--text-light)}
.uploader-preview{width:100%;max-width:420px;border-radius:12px;padding:14px;background:var(--glass);border:1px solid rgba(255,255,255,0.03)}
.footer{margin-top:20px;color:var(--muted);font-size:0.9rem;text-align:center}
.upload-area{border:2px dashed rgba(255,255,255,0.04);padding:24px;border-radius:10px;text-align:center;cursor:pointer;background:transparent}
.upload-area.dragover{background:rgba(76,192,255,0.06);border-color:rgba(76,192,255,0.18)}
.file-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:8px;background:linear-gradient(90deg, rgba(255,255,255,0.01), rgba(255,255,255,0.02));margin-bottom:8px}
.controls{display:flex;gap:10px;align-items:center;margin-top:12px}
.captcha-row{display:flex;gap:10px;align-items:center;margin:12px 0}
.captcha-row img{height:46px;border-radius:6px;border:1px solid rgba(255,255,255,0.03)}
small{color:var(--muted)}
@media (max-width:900px){.hero{flex-direction:column}.hero-right{order:2}.hero-left{order:1}}