:root{
  --bg:#0b0d12;
  --ink:#f2f4f8;
  --muted:#a7aec0;
  --flare:#ff6a1a;
  --flare-deep:#c84300;
  --flare-soft:#ffe0ce;
  --human-a:#4f46e5;
  --human-b:#0d9488;
  --human-c:#059669;
  --card:#141926;
  --line:rgba(255,255,255,.1);
  --radius:22px;
  --font:"Vazirmatn",Tahoma,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--ink);
  min-height:100vh;
  overflow-x:hidden;
  line-height:1.9;
}
.en{font-family:var(--font);letter-spacing:.2px;direction:ltr;display:inline-block}

/* پس‌زمینه متحرک */
.bg-orbs{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;animation:drift 14s ease-in-out infinite alternate}
.orb-flare{width:480px;height:480px;background:radial-gradient(circle,#ff6a1a,transparent 70%);top:-140px;right:-120px}
.orb-human{width:520px;height:520px;background:linear-gradient(135deg,#4f46e5,#0d9488,#059669);bottom:-180px;left:-140px;animation-delay:-6s}
.orb-neutral{width:300px;height:300px;background:radial-gradient(circle,#334155,transparent 70%);top:40%;left:40%;opacity:.25}
@keyframes drift{
  from{transform:translate(0,0) scale(1)}
  to{transform:translate(-40px,40px) scale(1.12)}
}

/* هیرو */
.hero{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:72px 20px 10px;text-align:center}
.hero-badge{
  display:inline-block;font-size:13px;font-weight:700;color:#ffd9bd;
  border:1px solid rgba(255,106,26,.45);background:rgba(255,106,26,.12);
  padding:6px 16px;border-radius:999px;margin-bottom:18px;
  animation:badgePulse 2.6s ease-in-out infinite;
}
@keyframes badgePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,106,26,.35)}50%{box-shadow:0 0 0 10px rgba(255,106,26,0)}}
.hero h1{font-size:clamp(28px,5vw,46px);font-weight:900;line-height:1.5}
.hero h1 .en{color:var(--flare)}
.hero h1 .en:last-child{background:linear-gradient(90deg,#818cf8,#2dd4bf,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{color:var(--muted);margin-top:14px;font-size:16px}
.hero-links{margin-top:22px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.chip{text-decoration:none;color:var(--ink);font-size:14px;font-weight:700;padding:10px 20px;border-radius:999px;border:1px solid var(--line);transition:.25s}
.chip-flare{background:rgba(255,106,26,.14);border-color:rgba(255,106,26,.5)}
.chip-flare:hover{background:var(--flare);color:#1a0d05;transform:translateY(-2px)}
.chip-human{background:rgba(45,212,191,.12);border-color:rgba(45,212,191,.45)}
.chip-human:hover{background:linear-gradient(90deg,var(--human-a),var(--human-b));transform:translateY(-2px)}

/* کارت‌ها */
.cards{
  position:relative;z-index:1;
  max-width:1080px;margin:34px auto 0;padding:0 20px 10px;
  display:grid;grid-template-columns:1fr 1fr;gap:22px;
}
@media(max-width:860px){.cards{grid-template-columns:1fr}}
.card{
  position:relative;border-radius:var(--radius);padding:28px 26px 24px;
  background:var(--card);border:1px solid var(--line);overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease;
}
.card:hover{transform:translateY(-6px)}
.card-glow{position:absolute;inset:0;pointer-events:none;opacity:.9}

/* --- FLARE --- */
.card-flare{background:linear-gradient(180deg,#17110c,#0e0d0c 60%);border-color:rgba(255,106,26,.4)}
.card-flare:hover{box-shadow:0 24px 60px -18px rgba(255,106,26,.45)}
.card-flare .card-glow{background:radial-gradient(420px 200px at 85% -60px,rgba(255,106,26,.35),transparent 70%)}
.card-flare h2{color:var(--flare);font-size:26px;font-weight:900}
.card-flare .app-kicker{color:#ffb98a;font-size:13px;font-weight:700}
.card-flare .tag{background:rgba(255,106,26,.16);border:1px solid rgba(255,106,26,.45);color:#ffd9bd}
.card-flare .feats li::before{content:"🔥"}
.card-flare .field-row input:focus{border-color:var(--flare);box-shadow:0 0 0 4px rgba(255,106,26,.18)}

/* --- Human --- */
.card-human{background:linear-gradient(180deg,#121726,#0e1420 60%);border-color:rgba(45,212,191,.35)}
.card-human:hover{box-shadow:0 24px 60px -18px rgba(13,148,136,.5)}
.card-human .card-glow{background:
  radial-gradient(420px 200px at 15% -60px,rgba(79,70,229,.4),transparent 70%),
  radial-gradient(300px 200px at 90% 110%,rgba(5,150,105,.3),transparent 70%)}
.card-human h2{
  font-size:26px;font-weight:900;
  background:linear-gradient(90deg,#a5b4fc,#5eead4,#6ee7b7);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.card-human .app-kicker{color:#7dd3c8;font-size:13px;font-weight:700}
.card-human .tag{background:rgba(45,212,191,.14);border:1px solid rgba(45,212,191,.4);color:#b8f3e8}
.card-human .feats li::before{content:"🫂"}
.card-human .field-row input:focus{border-color:#2dd4bf;box-shadow:0 0 0 4px rgba(45,212,191,.18)}

.card-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.card-head>div:nth-child(2){flex:1}
.tag{font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:999px;white-space:nowrap}
.logo-wrap{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#fff;border:3px solid rgba(255,255,255,.2)}
.logo-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.logo-flare{animation:flicker 2.8s ease-in-out infinite;box-shadow:0 0 24px rgba(255,106,26,.55)}
@keyframes flicker{
  0%,100%{box-shadow:0 0 18px rgba(255,106,26,.45);transform:scale(1)}
  50%{box-shadow:0 0 34px rgba(255,106,26,.8);transform:scale(1.04)}
}
.logo-human{animation:floatY 4s ease-in-out infinite;box-shadow:0 0 24px rgba(45,212,191,.5)}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

.app-desc{color:#d5dae6;font-size:15px;margin:6px 0 14px}
.feats{list-style:none;margin-bottom:20px;display:grid;gap:8px}
.feats li{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:13.5px;color:#e6eaf2}
.feats li::before{margin-left:8px}

/* فرم */
.field-label{font-size:14px;font-weight:800;margin-bottom:8px;display:block}
.field-row{display:flex;gap:10px}
@media(max-width:480px){.field-row{flex-direction:column}}
.field-row input{
  flex:1;background:#0c101b;border:1.5px solid rgba(255,255,255,.14);color:#fff;
  border-radius:14px;padding:13px 16px;font-size:15px;font-family:inherit;outline:none;transition:.2s;
}
.field-row input::placeholder{color:#6b7386}
.btn{
  position:relative;overflow:hidden;border:none;cursor:pointer;font-family:inherit;
  font-weight:800;font-size:15px;border-radius:14px;padding:13px 26px;white-space:nowrap;
  transition:transform .2s,box-shadow .2s,filter .2s;
}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.btn:active{transform:translateY(0) scale(.98)}
.btn::after{ /* برق دکمه */
  content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg);transition:left .5s;
}
.btn:hover::after{left:130%}
.btn-flare{background:linear-gradient(135deg,#ff6a1a,#e04a00);color:#fff;box-shadow:0 10px 26px -8px rgba(255,106,26,.6)}
.btn-human{background:linear-gradient(135deg,#4f46e5,#0d9488 55%,#059669);color:#fff;box-shadow:0 10px 26px -8px rgba(13,148,136,.6)}
.btn[disabled]{opacity:.7;cursor:wait;transform:none}
.btn-spin{display:none;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px;margin-right:8px}
.btn.loading .btn-spin{display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
/* تیک رضایت فیدبک */
.consent{display:flex;align-items:flex-start;gap:10px;margin-top:12px;font-size:13px;font-weight:500;color:#c9cfdd;cursor:pointer;user-select:none}
.consent input{width:18px;height:18px;margin-top:5px;flex-shrink:0;cursor:pointer;accent-color:var(--flare)}
.card-human .consent input{accent-color:#14b8a6}
.consent input:focus-visible{outline:2px solid #fff;outline-offset:2px}
.msg{min-height:28px;font-size:13.5px;font-weight:700;margin-top:10px}
.msg.ok{color:#4ade80}
.msg.err{color:#f87171;animation:shake .35s}
@keyframes shake{0%,100%{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.count{font-size:12.5px;color:var(--muted)}

/* نوار ظرفیت */
.cap{margin-bottom:18px}
.cap-top{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:8px}
.cap-top b{color:var(--ink)}
.cap-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);overflow:hidden}
.cap-bar span{display:block;height:100%;width:0%;border-radius:999px;transition:width .8s cubic-bezier(.2,.8,.3,1);animation:capShine 2.4s linear infinite;background-size:200% 100%}
.card-flare .cap-bar span{background-image:linear-gradient(90deg,#ff6a1a,#ffb37a,#ff6a1a)}
.card-human .cap-bar span{background-image:linear-gradient(90deg,#4f46e5,#2dd4bf,#059669,#4f46e5)}
@keyframes capShine{from{background-position:200% 0}to{background-position:-200% 0}}
.card.is-full .cap-top b:last-child{color:#f87171}

/* حالت تکمیل ظرفیت */
.card.is-full form.signup{opacity:.45;pointer-events:none;filter:grayscale(.4)}
.full-note{display:none;margin-top:10px;font-size:13.5px;font-weight:800;color:#f87171;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.4);border-radius:12px;padding:10px 14px;text-align:center}
.card.is-full .full-note{display:block;animation:shake .35s}

/* موفقیت */
.card.success{animation:successPop .5s ease}
@keyframes successPop{0%{transform:scale(1)}40%{transform:scale(1.015)}100%{transform:scale(1)}}

/* ظاهر شدن با اسکرول */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

.foot{position:relative;z-index:1;text-align:center;color:var(--muted);font-size:13px;padding:26px 20px 46px}
.en-foot{opacity:.6;font-size:12px;margin-top:4px;direction:ltr}

/* تست */
.toast{
  position:fixed;bottom:24px;right:50%;transform:translateX(50%) translateY(120px);
  background:#16a34a;color:#fff;font-weight:800;font-size:14px;
  padding:13px 26px;border-radius:14px;z-index:50;transition:transform .4s cubic-bezier(.2,.9,.3,1.2);
  box-shadow:0 16px 40px rgba(0,0,0,.4);max-width:90vw;text-align:center;
}
.toast.show{transform:translateX(50%) translateY(0)}
.toast.err{background:#dc2626}