/* armanvin ca885adb — authentic emerald shell. No hero/background changes. */
.topbar{position:sticky;top:0;z-index:70;background:rgba(3,6,7,.96);border-bottom:1px solid #11382c;backdrop-filter:blur(14px)}
.topbar-inner{gap:.65rem;min-height:76px}
.topbar-inner .topnav{gap:.3rem}
.topbar-inner .topnav a{border:1px solid #15352c;border-radius:12px;background:#050c0c;padding:.65rem .6rem;font-size:.78rem;color:#cbd5d1}
.topbar-inner .topnav a:hover{background:#0a1916;border-color:#23634e;color:#fff}
.topbar-inner .topnav a.active{background:#0b2019;border-color:#27845f;color:#8eebbf;box-shadow:0 0 15px #10b98118}
#navLogin{border:1px solid #20624a;background:#081715;border-radius:12px;color:#effff8;box-shadow:0 0 18px #10b98112;white-space:nowrap}
.nav-burger{border:1px solid #174332;background:#071412;border-radius:12px}
.drawer{background:#06100e;border-inline-start:1px solid #22543f}
.drawer a{border:1px solid #14382a;border-radius:12px;margin-block:.4rem;background:#091912}
.footer{background:#030807;border-top:1px solid #1d513d;padding-block:3rem 1.5rem}
.footer-grid{padding-bottom:2rem;gap:1.5rem}
.footer-title{color:#66ddae;font-weight:700;font-size:.86rem;margin-bottom:1rem}
.footer-col a{font-size:.8rem;line-height:1.8;color:#b8c9c2}
.footer-col a:hover{color:#83efbc}
.footer-brand .brand{margin-bottom:1rem}
.footer-tagline{line-height:2;max-width:30ch}
.footer-contact .footer-title{border-inline-start:2px solid #34d399;padding-inline-start:.65rem}
.footer-contact p{font-size:.76rem;line-height:1.8}
.footer-contact p>span{display:block;color:#8da69b}
.footer-contact p>a{color:#7deab5}
.footer-main{border-top:1px solid #14382a;padding-top:1.5rem}
.enamad-slot{background:#fff;border:2px solid #2baf78;border-radius:18px;padding:.5rem 1rem;box-shadow:0 4px 24px #10b98115}
.footer-copy{text-align:center;margin-top:1.4rem}
/* The approved brand image is unchanged; only orbital CSS is animated. */
.av-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;padding:2.5rem 1rem;text-align:center;min-height:220px;color:#b3dfcc;background:radial-gradient(ellipse at center,#0b2d2266,transparent 70%);border-radius:20px}
.av-orbit{position:relative;display:grid;place-items:center;width:104px;height:104px;flex:none}
.av-orbit::before,.av-orbit::after{content:'';position:absolute;inset:0;border:2px solid transparent;border-block-start-color:#40dba1;border-inline-end-color:#168c76;border-radius:50%;animation:av-orbit-spin 3s linear infinite}
.av-orbit::after{inset:9px;border-width:1px;border-block-start-color:#70efca;border-inline-end-color:transparent;animation-direction:reverse;animation-duration:4.5s}
.av-orbit img{width:62px;height:62px;object-fit:contain;border-radius:50%;filter:none;transform:none}
.av-loader p{margin:0;font-size:.88rem}
.av-loader small{color:#81a99a;font-size:.72rem;max-width:32ch;line-height:1.8}
.av-load-track{width:min(220px,80%);height:3px;border-radius:99px;background:#163c2d;overflow:hidden}
.av-load-track::after{content:'';display:block;width:45%;height:100%;background:linear-gradient(90deg,transparent,#65ecc1,transparent);animation:av-travel 1.7s ease-in-out infinite alternate}
.auth-card{position:relative;width:100%;max-width:460px!important;background:#050e0d!important;border:1px solid #1c513a!important;border-radius:24px!important;box-shadow:0 22px 80px #0006,0 0 40px #10b98108;padding:2rem!important;overflow:hidden}
.auth-card::before{content:'';position:absolute;inset:0 20% auto;height:1px;background:linear-gradient(90deg,transparent,#50d8a3,transparent)}
.auth-card>.brand-logo{display:block;margin:0 auto 1rem;width:76px;height:76px;object-fit:contain}
.auth-card #authHead,.auth-card #authSub{text-align:center}.auth-card #authHead{font-size:1.4rem;line-height:1.65}.auth-card #authSub{color:#79bba0;line-height:1.8;margin-bottom:1.8rem}
.auth-card .field{margin-block:1rem}.auth-card label{font-size:.8rem;font-weight:600;color:#e0f5e9}
.auth-card input:not([type=checkbox]){border:1px solid #19402e;background:#091915;border-radius:12px;padding:.85rem;color:#ecfff3;max-width:100%}
.auth-card input:focus{outline:2px solid #39c598;outline-offset:2px}
.auth-card #authPass{padding-inline-end:4.4rem}.auth-password{position:relative}.auth-password button{position:absolute;inset-inline-end:.5rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#98dfbc;font-size:.72rem;cursor:pointer;padding:.4rem}
.auth-card #btnAuth{width:100%;background:#0f766e;border:1px solid #299e80;border-radius:12px;color:white;padding:.85rem;font-weight:700;box-shadow:0 0 20px #0f766e22}
.auth-card .btn-google{width:100%;border-radius:12px;background:#0E1A18;color:#eff7f2;border:1px solid #e0f1e6}
.auth-card #turnstileWrap{border:1px solid #194331;border-radius:12px;padding:.65rem;overflow:auto;background:#091711}
.auth-pending{border:1px solid #1f6046;border-radius:16px;background:#06170f;margin-block:1rem}
.auth-pending .av-loader{min-height:150px;padding:1rem}.auth-pending .av-orbit{width:64px;height:64px}.auth-pending .av-orbit img{width:38px;height:38px}
/* Editorial mini-courses: live API content, no demo metrics or fake previews. */
.course-catalog{padding-block:1rem 3rem}
.course-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;border-bottom:1px solid #214133;padding-bottom:1.6rem;margin-bottom:1.4rem}
.course-catalog-head h1{font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.6;margin:.35rem 0}.course-catalog-head p{max-width:55ch;line-height:1.9;color:#96afa2}
.course-eyebrow{font-size:.72rem;letter-spacing:.1em;color:#68dcb0}.course-count{white-space:nowrap;border:1px solid #256b4b;border-radius:12px;padding:.5rem .8rem;color:#92dfb6;font-size:.76rem}
.course-catalog .course-filters{display:flex;flex-wrap:nowrap;overflow:auto;padding-bottom:.65rem;gap:.5rem;scrollbar-width:thin}
.course-catalog .course-filters .chip{flex:none;border-radius:10px;background:transparent;border:1px solid #1a382a;color:#a6bdb0}
.course-catalog .course-filters .chip.on{background:#0c2a1a;border-color:#318c60;color:#9bf1bf}
.course-catalog .course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.course-editorial-card{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:start;border:1px solid #224634!important;background:#08140f!important;border-radius:20px!important;padding:1.8rem!important;min-width:0;overflow:hidden;text-decoration:none;box-shadow:0 10px 28px #0002}
.course-editorial-card::before{content:'';position:absolute;inset:0 12% auto;height:2px;background:linear-gradient(90deg,transparent,#43d59a,transparent)}
.course-editorial-card:hover{border-color:#409868!important;background:#0b1a13!important}
.course-card-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;color:#7db291;font-size:.75rem}
.course-card-top .cp-icon{display:grid;place-items:center;border:1px solid #27734f;border-radius:16px;width:56px;height:56px;background:#0d291b;margin:0;font-size:1.6rem}
.course-editorial-card h3{font-size:1.3rem;line-height:1.8;margin:.3rem 0 .65rem;color:#edfff4}.course-editorial-card p{font-size:.85rem;line-height:1.95;color:#a0b8a9;flex:1;margin:0 0 1.5rem}
.course-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #204332;padding-top:1rem;font-size:.78rem}.course-card-bottom .btn{border-color:#296c49;background:#0d2b1a;color:#a5edc4;border-radius:10px}
.course-card-bottom small{color:#82b699}
.course-page .course-hero{background:#071811;border-color:#25583c;border-radius:22px}.course-page .lesson-card{border-radius:18px;border-color:#24513b;background:#08150f}.course-page .course-progress{height:5px;background:#173f2b}.course-page .course-progress i{box-shadow:0 0 12px #3ee3aa99;background:linear-gradient(90deg,#137f5b,#61edba)}
@keyframes av-orbit-spin{to{transform:rotate(360deg)}}
@keyframes av-travel{from{transform:translateX(-80%)}to{transform:translateX(210%)}}
@media(max-width:767px){.topbar-inner{min-height:68px}.course-catalog-head{align-items:start;flex-direction:column}.course-catalog .course-grid{grid-template-columns:1fr}.course-editorial-card{padding:1.35rem!important}.auth-card{padding:1.4rem!important}.footer{padding-top:2rem}}
@media(prefers-reduced-motion:reduce){.av-orbit::before,.av-orbit::after,.av-load-track::after{animation:none}.av-load-track::after{width:100%}}
[hidden]{display:none!important}
.footer-inner{padding-block:0}.footer-main{justify-content:center}
.auth-card .field{text-align:start}
.course-catalog [data-topic-block]{min-width:0}.course-editorial-card{height:100%}
/* Official payment seal alongside the existing, unchanged eNamad. */
.footer-main{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem}
.zarinpal-slot{display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #2baf78;border-radius:18px;padding:.5rem;box-shadow:0 4px 24px #10b98115}
.zarinpal-slot iframe{display:block;width:120px;height:132px;border:0;border-radius:12px}
@media(max-width:399px){.footer-main{gap:.5rem}.zarinpal-slot{padding:.35rem}.zarinpal-slot iframe{width:100px;height:120px}.footer-main .enamad-slot{padding:.35rem .5rem}}
/* Header correction: a legacy 999px radius clipped the end tabs like crescents.
   Keep rounded individual buttons, never a rounded/clipping nav container. */
.topbar-inner .topnav{border-radius:0;overflow:visible;clip-path:none;mask:none;-webkit-mask:none;flex-shrink:0}
.topbar-inner .topnav a{flex:0 0 auto}