:root{--main:#003f34;--ink:#111827;--muted:#6b7280;--bg:#ffffff;--line:#e6e8f0;--soft:#e7f5ef;--red:#b91c1c}*{box-sizing:border-box}body{margin:0;font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;background:#fff;color:var(--ink);font-weight:500}.wrap{max-width:760px;margin:auto;padding:28px 18px 80px}header{text-align:center;margin:20px 0 35px}.logo{width:min(470px,88%);height:auto;display:block;margin:0 auto 18px}h1{font-size:64px;margin:0;color:var(--main);letter-spacing:2px}h2{font-size:28px;margin:0 0 24px}p{font-size:22px;line-height:1.9;color:#4b5563}.card,.result{background:#fff;border:1px solid var(--line);border-radius:34px;padding:34px;box-shadow:0 24px 70px rgba(31,41,55,.08);position:relative;margin-bottom:24px}.badge{position:absolute;left:34px;top:34px;background:#e7f5ef;color:#003f34;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font-size:24px}textarea,input{width:100%;border:1px solid #dfe3ea;background:#fbfcff;border-radius:20px;padding:22px;font:inherit;font-size:17px;margin:12px 0;outline:none}textarea{height:240px;resize:vertical}button{border:0;border-radius:18px;background:var(--ink);color:white;padding:18px 34px;font:inherit;font-size:22px;font-weight:700;cursor:pointer;margin-top:18px;box-shadow:0 12px 28px rgba(17,24,39,.16)}button.ghost{background:#f3f4f6;color:#6b7280;box-shadow:none}.row{display:flex;gap:14px;justify-content:space-between;align-items:center}.step{display:none}.step.active{display:block}.paybox{background:#0f172a;color:white;border-radius:28px;padding:28px;text-align:center}.paybox p{color:white;font-size:34px;font-weight:700;margin:0 0 20px}.paymethods{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.paymethods span{background:white;color:#111827;border-radius:16px;padding:14px 18px}.paybox small{display:block;color:#cbd5e1;margin-top:18px;font-size:16px}.loading{text-align:center;padding:70px 24px}.spinner{width:170px;height:170px;border-radius:50%;border:14px solid #dbeafe;border-top-color:#22c1c3;border-left-color:#4361ee;animation:spin 1s linear infinite;margin:20px auto 45px}@keyframes spin{to{transform:rotate(360deg)}}.result-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;text-align:unset}.logo.small{width:240px;margin:0}.score{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center}.scoreNum{width:96px;height:96px;border-radius:24px;background:linear-gradient(135deg,#26c6da,#4f46e5);color:white;display:grid;place-items:center;font-size:42px;font-weight:700}.section{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;margin:18px 0}.section h3{font-size:26px;margin:0 0 10px;color:var(--main)}footer{text-align:center;font-size:20px;margin:30px;color:#6b7280}a{color:var(--main);font-weight:700}@media print{body{background:white}.card,.loading,button{display:none!important}.step{display:block}.result{box-shadow:none;border:0}.wrap{max-width:none}.result-head{display:block}.logo.small{margin:auto}}

.siteFooter{text-align:center;margin:30px 0;font-size:15px;color:#6b7280}.siteFooter a{text-decoration:none;color:#003f34;font-weight:700}
/* A.Nasyan design update */
.wrap{max-width:760px;margin:auto;padding:18px 16px 70px}
header{margin:12px 0 28px}
.logo{width:min(420px,86%);opacity:.92}
header p{font-size:18px;line-height:1.8;max-width:560px;margin:0 auto;color:#4b5563}
h1{display:none}
h2{font-size:26px;line-height:1.35;margin:0 0 22px;color:var(--ink)}
p{font-size:17px;line-height:1.8;color:#4b5563}
.card,.result{border-radius:30px;padding:28px;border:1px solid var(--line);box-shadow:0 18px 54px rgba(17,24,39,.06)}
.card:before{display:none!important}
.badge{background:var(--soft)!important;color:var(--main)!important;font-size:20px;width:52px;height:52px}
textarea,input{font-size:16px;padding:18px 20px;border-radius:18px;background:#fff}
textarea{height:220px}
button{font-size:18px;background:var(--main)!important;border-radius:18px;padding:17px 30px;box-shadow:0 12px 28px rgba(0,63,52,.16)}
button.ghost{background:#f3f4f6!important;color:#6b7280;box-shadow:none}
.paybox{background:var(--main);border-radius:26px}
.paybox p{font-size:30px;color:white}
.paybox small{font-size:16px;color:#dbeafe}
.paymethods span{font-size:16px}
.loading h2{font-size:24px}
.spinner{border-color:#e7f5ef;border-top-color:var(--main);border-left-color:#8fb8ad;width:135px;height:135px}
.score{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center}
.scoreNum{width:84px;height:84px;border-radius:22px;background:var(--main)!important;color:#fff;font-size:34px}
.scoreNum::after{content:"تقييمنا له من 100";display:block;font-size:10px;line-height:1.2;margin-top:4px;color:#e7f5ef;text-align:center}
.score h2{font-size:24px!important;line-height:1.4;margin:0 0 8px}
.section{border-radius:24px;padding:22px;margin:14px 0}
.section h3{font-size:22px}
.result .logo.small{display:block;width:260px;margin:0 auto 14px}
.result-head{display:block;text-align:center}
.result-head button{margin:12px auto 0}
.notice{background:#fff1f2;border:1px solid #fecdd3;color:var(--red);border-radius:18px;padding:14px 16px;font-size:15px;line-height:1.7;margin:16px 0;text-align:center;font-weight:700}
.helpText{color:#6b7280;font-size:15px;line-height:1.7;margin:-8px 0 12px}
.siteFooter{display:block;text-align:center;margin:32px 0 14px;font-size:15px;color:#6b7280}
.siteFooter a{text-decoration:none;color:var(--main);font-weight:700}
footer{font-size:16px}
@media(max-width:520px){
  .wrap{padding:12px 14px 60px}
  .logo{width:min(360px,92%)}
  header p{font-size:17px}
  .card,.result{padding:24px 22px}
  h2{font-size:24px}
  textarea,input{font-size:16px}
  .paybox p{font-size:28px}
  .score{grid-template-columns:1fr;text-align:center}
  .scoreNum{margin:auto}
}
@media print{
  body{background:white!important}
  .card,.loading,button,.siteFooter{display:none!important}
  .result{display:block!important;box-shadow:none!important;border:0!important}
  .result .logo.small{display:block!important;width:220px!important;margin:0 auto 20px!important}
  .notice{border:1px solid #ddd;color:#111;background:white}
  .section{break-inside:avoid}
}

/* requested micro-fixes */
.badge{top:22px!important}
.siteFooter{margin:18px 0 8px!important}
.mobileSelect{width:100%;border:1px solid #dfe3ea;background:#fff;border-radius:18px;padding:18px 20px;font:inherit;font-size:16px;margin:12px 0;outline:none;color:#111827}
@media(max-width:520px){.badge{top:18px!important}.siteFooter{margin:14px 0 6px!important}}

/* final 3 requested fixes only */
.siteFooter{margin:4px 0 0!important;transform:translateY(-42px)!important}
.paybox small{color:#ffffff!important}

/* Result page additions: new study link + better PDF print */
.newStudyLink{text-align:center;margin:22px 0 6px;font-size:17px}
.newStudyLink a{color:#003f34;text-decoration:underline;font-weight:800}
@media print{
  @page{size:A4;margin:14mm}
  html,body{background:#fff!important;color:#111827!important}
  .wrap{max-width:none!important;padding:0!important;margin:0!important}
  .result{display:block!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
  .result-head{display:block!important;text-align:center!important;margin:0 0 12px!important}
  .result .logo.small{display:block!important;width:190px!important;margin:0 auto 12px!important}
  .notice{display:block!important;background:#fff!important;color:#7f1d1d!important;border:1px solid #fecdd3!important;padding:10px!important;margin:10px 0!important;font-size:12px!important}
  .score{display:grid!important;grid-template-columns:80px 1fr!important;gap:12px!important;align-items:center!important;border:1px solid #e5e7eb!important;border-radius:14px!important;padding:12px!important;margin-bottom:12px!important;break-inside:avoid!important}
  .scoreNum{width:70px!important;height:70px!important;border-radius:16px!important;background:#003f34!important;color:#fff!important;font-size:26px!important}
  .scoreNum::after{font-size:8px!important;color:#e7f5ef!important}
  .score h2{font-size:18px!important;margin:0 0 4px!important}
  p{font-size:12px!important;line-height:1.7!important;color:#374151!important}
  .section{break-inside:avoid!important;border:1px solid #e5e7eb!important;border-radius:14px!important;padding:12px!important;margin:8px 0!important}
  .section h3{font-size:15px!important;margin:0 0 6px!important;color:#003f34!important}
  footer,.newStudyLink{font-size:11px!important;margin:8px 0!important}
}