/* =========================================================================
   صفحه طراحی اختصاصی - پریمیوم، روشن و یک‌دست
   بر پایه‌ی کامل متغیرهای تم سایت - سیستم فاصله‌گذاری ۸ پیکسلی
   ========================================================================= */
.design-dark-page{
  background:linear-gradient(180deg, #F7F9FC 0%, #FFFFFF 100%);
  display:flex; flex-direction:column; gap:40px; padding-bottom:56px;
  --glass-bg:#ffffff;
  --glass-bg-hover:#f7f9fc;
  --glass-border:var(--line);
  --glass-border-focus:var(--blue-accent);
  --text-soft:var(--gray-600);
  --text-faint:#8a93a6;
  --glow:rgba(47,111,237,.18);
}
.design-dark-page section{padding:0; margin:0;}
@media (max-width:640px){ .design-dark-page{gap:28px; padding-bottom:40px;} }

/* ---------- هیرو ---------- */
.design-hero{
  padding:64px 0 8px; text-align:center; position:relative; overflow:hidden;
  background:
    radial-gradient(circle at 15% 25%, var(--glow), transparent 55%),
    radial-gradient(circle at 88% 10%, rgba(200,30,44,.08), transparent 50%);
}
.design-hero .container{position:relative;}
.design-hero .eyebrow{color:#60a5fa; justify-content:center;}
.design-hero h1{font-size:clamp(28px,4.6vw,46px); font-weight:900; margin:14px 0 18px; color:#fff;}
.design-hero p{font-size:15.5px; color:rgba(255,255,255,.78); max-width:640px; margin:0 auto; line-height:2.1;}
@media (max-width:640px){ .design-hero{padding:40px 0 0;} }

/* ---------- کارت فرم ---------- */
.design-form-wrap{max-width:760px; margin:0 auto; padding:0 20px;}
.design-card{
  background:var(--glass-bg); border:1px solid var(--glass-border); border-radius:22px; padding:32px;
  box-shadow:0 16px 40px -20px rgba(10,21,48,.12);
  transition:border-color .25s ease, box-shadow .25s ease;
}
.design-card:hover{box-shadow:0 20px 46px -20px rgba(10,21,48,.16);}
@media (max-width:640px){ .design-card{padding:22px 18px; border-radius:18px;} }

.dc-head{display:flex; align-items:center; gap:14px; margin-bottom:22px;}
.dc-num{
  flex-shrink:0; width:36px; height:36px; border-radius:11px; background:rgba(47,111,237,.1); color:var(--blue-accent);
  display:flex; align-items:center; justify-content:center; font-weight:900; font-size:14px;
}
.dc-head h3{font-size:16.5px; font-weight:800; color:var(--navy-900); margin:0;}
.dc-head .dc-req{font-size:11px; color:var(--danger); font-weight:700; margin-inline-start:6px;}
.dc-head .dc-opt{font-size:11px; color:var(--text-faint); font-weight:600; margin-inline-start:6px;}

/* ---------- فیلدها ---------- */
.dc-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
@media (max-width:560px){ .dc-grid{grid-template-columns:1fr;} }
.dc-field{position:relative; margin-bottom:16px;}
.dc-field.full{grid-column:1/-1;}
.dc-field label{display:block; font-size:12.5px; font-weight:700; color:var(--navy-900); margin-bottom:8px;}
.dc-field input, .dc-field select, .dc-field textarea{
  width:100%; padding:14px 16px; border-radius:13px; border:1.5px solid var(--glass-border);
  background:var(--ice); color:var(--navy-900); font-size:16px; font-family:inherit;
  transition:border-color var(--speed), background var(--speed);
}
.dc-field input::placeholder, .dc-field textarea::placeholder{color:var(--text-faint);}
.dc-field input:focus, .dc-field select:focus, .dc-field textarea:focus{outline:none; border-color:var(--glass-border-focus); background:#fff; box-shadow:0 0 0 4px rgba(47,111,237,.1);}
.dc-field select option{background:#fff; color:var(--navy-900);}
.dc-field textarea{resize:vertical; min-height:130px; line-height:1.9;}

/* ---------- گزینه‌های رادیویی سفارشی ---------- */
.dc-radio-group{display:flex; flex-direction:column; gap:10px;}
.dc-radio-opt{
  display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:13px;
  border:1.5px solid var(--glass-border); background:var(--ice); cursor:pointer; transition:var(--speed);
}
.dc-radio-opt:has(input:checked){border-color:var(--glass-border-focus); background:rgba(47,111,237,.06);}
.dc-radio-opt input{width:18px; height:18px; min-width:18px; accent-color:var(--blue-accent); flex-shrink:0; cursor:pointer;}
.dc-radio-opt span{font-size:13.5px; font-weight:600; color:var(--navy-900); line-height:1.6;}

/* ---------- آپلود درگ‌اند‌دراپ ---------- */
.dc-upload-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
@media (max-width:560px){ .dc-upload-grid{grid-template-columns:1fr;} }
.dc-upload-box{
  position:relative; border:2px dashed var(--glass-border); border-radius:16px; padding:28px 16px; text-align:center;
  cursor:pointer; transition:var(--speed); background:var(--ice);
}
.dc-upload-box:hover, .dc-upload-box.drag-over{border-color:var(--glass-border-focus); background:rgba(47,111,237,.05);}
.dc-upload-box input[type="file"]{position:absolute; inset:0; opacity:0; cursor:pointer;}
.dc-upload-ic{
  width:44px; height:44px; border-radius:50%; background:rgba(47,111,237,.1); color:var(--blue-accent);
  display:flex; align-items:center; justify-content:center; margin:0 auto 12px;
}
.dc-upload-box b{display:block; font-size:13px; font-weight:800; color:var(--navy-900); margin-bottom:4px;}
.dc-upload-box span{display:block; font-size:11px; color:var(--text-faint);}
.dc-upload-preview{margin-top:14px; display:none;}
.dc-upload-preview.show{display:flex; align-items:center; gap:10px; background:var(--ice); border-radius:10px; padding:8px 10px;}
.dc-upload-preview img{width:36px; height:36px; border-radius:8px; object-fit:cover; flex-shrink:0;}
.dc-upload-preview .name{font-size:11.5px; color:var(--navy-900); flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right;}
.dc-upload-remove{
  flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#fdecef; color:var(--danger);
  display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:900;
}

/* ---------- کارت اعتمادسازی ---------- */
.trust-mini-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:26px;}
@media (max-width:480px){ .trust-mini-grid{grid-template-columns:1fr;} }
.trust-mini-item{display:flex; align-items:center; gap:10px; padding:14px 16px; border-radius:13px; background:var(--ice); border:1px solid var(--glass-border);}
.trust-mini-item .ic{flex-shrink:0; width:30px; height:30px; border-radius:50%; background:rgba(34,197,94,.12); color:#16a34a; display:flex; align-items:center; justify-content:center;}
.trust-mini-item span{font-size:12.5px; font-weight:700; color:var(--navy-900);}

/* ---------- دکمه ثبت ---------- */
.dc-submit-btn{
  width:100%; padding:17px; border-radius:16px; background:var(--blue-accent); color:#fff;
  font-size:16px; font-weight:800; transition:background var(--speed), box-shadow var(--speed), transform var(--speed); border:none;
}
.dc-submit-btn:hover{background:var(--blue-accent-light); box-shadow:0 16px 36px -10px var(--glow); transform:translateY(-2px);}
.dc-submit-btn:disabled{opacity:.6; cursor:default; transform:none;}
.dc-note-bottom{text-align:center; font-size:11.5px; color:var(--text-faint); margin-top:14px; line-height:1.9;}