@font-face{font-family:Vazirmatn;src:url(/assets/fonts/vazirmatn.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
/* Shared visual refinements for the preserved application pages. */
body{font-family:Vazirmatn,Tahoma,sans-serif!important;background:#f8f7f2!important}
:root{--color-deep-green-900:#214c35;--color-deep-green-800:#315d40;--color-deep-green-700:#436d49}
main{min-height:65vh}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a67b27!important;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Match the public platform to the warm, botanical landing page. */
body { background: #f7f5ed !important; }
.font-display { font-family: Vazirmatn, Tahoma, sans-serif !important; }
main .glass-card { background: #fffdf7; border: 1px solid #dedfd2; border-radius: 16px; box-shadow: 0 8px 26px -18px #173f2b38; }
main .btn-primary { background: #214c35; color: #fffdf3; border-radius: 9px; box-shadow: 0 4px 12px #214c3514; }
main .btn-primary:hover { background: #365f40; }
main .btn-ghost { border-radius: 9px; }
main .input-sarem { background: #fffef9; border-color: #d9decb; border-radius: 10px; }
main > section:first-child:has(h1):not(.section) { background: #214c35; background-image: radial-gradient(ellipse at 5% 0, #688b4838, transparent 60%); border-bottom: 5px solid #dfd49c; }
main > section:first-child h1 { line-height: 1.7; letter-spacing: -.8px; }
article.section { padding-top: 42px; }
article > .container-x { max-width: 920px; }
article > .container-x > .aspect-video { aspect-ratio: auto; height: 190px; border-radius: 16px; background: radial-gradient(circle at 20% 40%, #f2e8bd 0, transparent 35%), repeating-radial-gradient(ellipse at 90% 10%, transparent 0 26px, #83956816 27px 28px), #e7ecda; font-size: 76px; border: 1px solid #dbe1cd; }
article .prose { padding: 42px 52px; }
article .prose p { font-size: 17px; line-height: 2.5; color: #40513e; margin: 0 0 25px; }
article .prose h2 { font-family: Vazirmatn, Tahoma, sans-serif; color: #214c35; font-size: 24px; font-weight: 700; margin: 36px 0 14px; padding-right: 16px; border-right: 3px solid #b2bf79; }
article .prose > div > p:first-child { font-size: 19px; color: #365434; }
article .glass-card h1 { font-size: 28px; line-height: 1.9; }
article .glass-card h3 { line-height: 1.9; }
article a.glass-card { transition: border-color .2s, box-shadow .2s; }
article a.glass-card:hover { border-color: #8eaa68; box-shadow: 0 8px 22px -12px #173f2b44; }
@media(max-width:760px) {
  main > section:first-child h1 { font-size: 27px; }
  article.section { padding-top: 25px; }
  article .prose { padding: 25px 22px; }
  article .prose p { font-size: 15px; line-height: 2.35; }
  article .prose > div > p:first-child { font-size: 16px; }
  article .prose h2 { font-size: 21px; margin-top: 28px; }
  article .glass-card h1 { font-size: 22px; }
  article > .container-x > .aspect-video { height: 150px; font-size: 63px; }
}
/* Keep hero headings readable over the dark background. */
main > section:first-child:has(h1):not(.section) h1 { color: #fffdf3 !important; }
main > section:first-child:has(h1):not(.section) p { color: #e2e8d5 !important; }