/* v17.8 Deep Premium Polish — final brand consistency, mobile resilience and launch-ready polish. */
:root{
  --premium-gradient:linear-gradient(135deg,var(--navy),var(--navy-2));
  --premium-gold-gradient:linear-gradient(135deg,#f7dfa0,var(--gold) 46%,#b98418);
  --premium-ring:0 0 0 4px color-mix(in srgb,var(--gold) 20%,transparent);
  --premium-card-shadow:0 22px 55px rgba(10,29,50,.12);
  --premium-hover-shadow:0 28px 70px rgba(10,29,50,.16);
  --premium-inner-glow:inset 0 1px 0 rgba(255,255,255,.72);
}
.public-body,.admin-body,.portal-body{background:var(--theme-body-bg);color:var(--ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.public-body::before,.admin-body::before,.portal-body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 6%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 26%),radial-gradient(circle at 95% 4%,color-mix(in srgb,var(--navy) 8%,transparent),transparent 24%);opacity:.75}
.brand-logo{object-fit:contain;filter:drop-shadow(0 8px 14px rgba(10,29,50,.08))}.site-header .brand-logo,.admin-brand .brand-logo,.portal-brand .brand-logo{max-width:148px;max-height:46px}.site-footer .brand-logo{max-width:172px;max-height:54px}
.site-header{box-shadow:0 10px 35px rgba(10,29,50,.055)}.site-nav a,.text-link,.nav-logout{position:relative}.site-nav a::after,.text-link::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;border-radius:999px;background:var(--gold);transition:right .2s ease}.site-nav a:hover::after,.site-nav a:focus-visible::after,.text-link:hover::after,.text-link:focus-visible::after{right:0}
.btn{min-height:42px}.btn-gold{background:var(--premium-gold-gradient);border-color:color-mix(in srgb,var(--gold) 78%,#fff);box-shadow:0 12px 24px color-mix(in srgb,var(--gold) 20%,transparent)}.btn-navy{background:var(--premium-gradient);border-color:color-mix(in srgb,var(--navy) 80%,#fff)}.btn-outline,.btn-outline-light,.btn-ghost{box-shadow:var(--premium-inner-glow)}.btn-whatsapp{background:#1f9d55;color:#fff;border-color:#1c874b}.btn-whatsapp:hover{box-shadow:0 12px 24px rgba(31,157,85,.25)}
.hero,.course-hero,.article-hero,.page-hero.premium-page-hero,.trial-page-hero{position:relative;isolation:isolate}.hero::before,.course-hero::before,.article-hero::before,.page-hero.premium-page-hero::before,.trial-page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:url('../img/islamic-geometric-pattern.svg');background-size:420px auto;background-repeat:repeat;opacity:var(--theme-pattern-opacity)}.hero h1,.course-hero h1,.article-hero h1,.page-hero h1{max-width:920px}.hero-copy .lead{max-width:760px}.hero-actions .btn{padding-inline:22px}.trust-chips span,.trust-badge-row span,.trial-hero-pills span{backdrop-filter:blur(10px)}
.hero-card-glass,.hero-progress-badge,.course-summary,.sticky-cta,.aside-panel,.form-card,.admin-panel,.detail-card{box-shadow:var(--premium-card-shadow)}.feature-card,.course-card,.teacher-card,.price-card,.testimonial,.blog-card,.admin-stat-card,.plan-choice,.slot-choice{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.feature-card:hover,.course-card:hover,.teacher-card:hover,.price-card:hover,.testimonial:hover,.blog-card:hover,.admin-stat-card:hover,.plan-choice:hover,.slot-choice:hover{transform:translateY(-4px);box-shadow:var(--premium-hover-shadow);border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}
.course-visual,.blog-visual{overflow:hidden}.course-visual img,.blog-visual img,.teacher-avatar img,.article-cover,.course-summary-image{width:100%;height:100%;object-fit:cover;display:block}.course-visual::after,.blog-visual::after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(180deg,transparent,rgba(7,24,39,.62));pointer-events:none}.course-card .card-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}.pill-row{display:flex;flex-wrap:wrap;gap:7px}.pill-row span{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid color-mix(in srgb,var(--gold) 34%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--gold) 7%,var(--theme-surface));color:var(--navy);font-size:.72rem;font-weight:800}
.teacher-card{align-items:flex-start}.teacher-avatar{overflow:hidden}.teacher-card-body small::before{content:"★ ";color:var(--gold)}.teacher-card-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.testimonial{position:relative}.testimonial::before{content:"★★★★★";display:block;margin-bottom:10px;color:var(--gold);font-size:.83rem;letter-spacing:.12em}.stats-grid article,.premium-stat-grid article{position:relative;overflow:hidden}.stats-grid article::after,.premium-stat-grid article::after{content:"";position:absolute;right:-28px;bottom:-34px;width:96px;height:96px;border-radius:50%;background:color-mix(in srgb,var(--gold) 13%,transparent)}
.filter-form,.premium-filter-form{align-items:end}.filter-form label,.premium-filter-form label{font-weight:850;color:var(--theme-heading)}input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:focus,select:focus,textarea:focus{border-color:var(--gold)!important;box-shadow:var(--premium-ring)!important;outline:0}.has-value>input,.has-value>select,.has-value>textarea{background:color-mix(in srgb,var(--gold) 4%,var(--theme-input-bg))}.has-smart-redirect{position:relative}.has-smart-redirect::after{content:"Auto updates plan list";display:block;margin-top:5px;color:var(--muted);font-size:.7rem;font-weight:700}
.empty-state,.premium-empty-state,.empty-inline,.availability-empty{border-radius:var(--theme-radius);border:1px dashed color-mix(in srgb,var(--gold) 58%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 9%,var(--theme-surface)),var(--theme-surface));box-shadow:var(--premium-inner-glow)}.empty-state img,.premium-empty-state img,.empty-inline img{filter:drop-shadow(0 14px 20px rgba(10,29,50,.1))}.toast{display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(255,255,255,.34);box-shadow:0 18px 50px rgba(10,29,50,.2);backdrop-filter:blur(14px)}.toast::before{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.2);font-weight:900}.toast-success::before{content:"✓"}.toast-error::before{content:"!"}
.admin-shell,.portal-shell{background:transparent}.admin-sidebar,.portal-sidebar{background:linear-gradient(180deg,var(--theme-sidebar-bg),color-mix(in srgb,var(--theme-sidebar-bg) 82%,#000));box-shadow:inset -1px 0 0 rgba(255,255,255,.06)}.admin-nav a{border:1px solid transparent}.admin-nav a.active{box-shadow:0 10px 24px rgba(0,0,0,.18);border-color:rgba(255,255,255,.12)}.admin-content,.portal-content{background:linear-gradient(180deg,color-mix(in srgb,var(--ivory) 48%,var(--theme-body-bg)),var(--theme-body-bg))}.admin-page-head{padding:20px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:var(--theme-radius);background:linear-gradient(135deg,var(--theme-surface),color-mix(in srgb,var(--ivory) 55%,var(--theme-surface)));box-shadow:var(--premium-inner-glow)}.admin-stat-card{position:relative;overflow:hidden}.admin-stat-card span:first-child{box-shadow:0 10px 24px color-mix(in srgb,var(--gold) 16%,transparent)}.admin-table-wrap,.portal-table-wrap{box-shadow:var(--premium-card-shadow);border-color:color-mix(in srgb,var(--line) 78%,transparent)}.admin-table th,.portal-table th{position:sticky;top:0;z-index:1;background:color-mix(in srgb,var(--ivory) 72%,var(--theme-surface));color:var(--theme-heading)}.admin-table td,.portal-table td{vertical-align:middle}.status-badge,[class^="status-"],[class*=" status-"]{border-radius:999px;font-weight:850;text-transform:capitalize}.notice,.settings-intro,.trial-admin-next-step{border-radius:var(--theme-radius);box-shadow:var(--premium-inner-glow)}
.auth-card,.login-card,.register-card{box-shadow:var(--premium-card-shadow)!important}.auth-brand,.auth-side{background:var(--premium-gradient);position:relative;isolation:isolate}.auth-brand::after,.auth-side::after{content:"";position:absolute;inset:0;z-index:-1;background-image:url('../img/islamic-geometric-pattern.svg');opacity:.16;background-size:320px}.auth-card label{font-weight:850}.public-body .form-card{position:relative;overflow:hidden}.public-body .form-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--premium-gold-gradient)}
.premium-print-document{background:#fff;border:1px solid #e4eaee;border-radius:24px;box-shadow:var(--premium-card-shadow);padding:clamp(22px,4vw,42px);overflow:hidden;position:relative}.premium-print-document::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--premium-gold-gradient)}.print-document-header{gap:22px}.print-brand-lockup img{border-radius:18px;background:var(--navy);padding:6px;box-shadow:0 12px 22px rgba(10,29,50,.12)}.premium-print-meta>div,.print-payment-note,.print-reference-card{border-radius:16px;background:color-mix(in srgb,var(--ivory) 72%,#fff);border:1px solid #e9edf0;padding:16px}.premium-print-table th{background:var(--navy);color:#fff}.premium-print-table td,.premium-print-table th{padding:13px;border-bottom:1px solid #edf1f4}.premium-invoice-total,.premium-receipt-total{border-radius:18px;background:var(--premium-gradient);color:#fff;box-shadow:0 18px 42px rgba(10,29,50,.16)}.premium-invoice-total b,.premium-receipt-total strong{color:var(--gold)}.print-reference-card{display:flex;align-items:center;gap:14px}.print-reference-mark{display:grid;grid-template-columns:repeat(5,7px);grid-auto-rows:7px;gap:3px;padding:8px;border:2px solid var(--navy);background:#fff}.print-reference-mark i{display:block;background:var(--navy)}.print-reference-mark i.is-gold{background:var(--gold)}.print-reference-mark i.is-muted{background:color-mix(in srgb,var(--navy) 38%,#fff)}
.footer-trust-seals span,.footer-socials a,.topbar-socials a{transition:transform .18s ease,background .18s ease}.footer-trust-seals span:hover,.footer-socials a:hover,.topbar-socials a:hover{transform:translateY(-2px)}.whatsapp-float,.call-float{box-shadow:0 18px 35px rgba(10,29,50,.2)!important}.whatsapp-float{background:#20a35b!important;color:#fff!important}.call-float{background:var(--premium-gradient)!important;color:#fff!important}
@media (max-width:920px){.site-nav{border-radius:0 0 var(--theme-radius) var(--theme-radius)}.hero-actions,.card-actions,.head-actions,.form-actions,.trial-submit-row{gap:10px}.course-card .card-actions{align-items:stretch;flex-direction:column}.admin-table-wrap,.portal-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-page-head{padding:16px}.admin-content,.portal-content{padding-inline:16px!important}.print-document-header,.premium-print-bottom,.invoice-parties,.invoice-meta{display:grid!important;grid-template-columns:1fr!important}.print-reference-card{align-items:flex-start}}
@media (max-width:620px){.site-header .brand-logo{max-width:112px;max-height:38px}.hero-copy h1,.course-hero h1,.article-hero h1,.page-hero h1{letter-spacing:-.045em}.btn{width:auto}.hero-actions .btn,.trial-submit-row .btn,.filter-form .btn,.premium-filter-form .btn{width:100%}.feature-card,.course-card,.teacher-card,.price-card,.testimonial,.blog-card{border-radius:16px}.premium-print-document{padding:18px;border-radius:18px}.premium-print-table thead{display:none}.premium-print-table,.premium-print-table tbody,.premium-print-table tr,.premium-print-table td{display:block;width:100%}.premium-print-table tr{padding:10px 0;border-bottom:1px solid #edf1f4}.premium-print-table td{display:flex;justify-content:space-between;gap:12px;border-bottom:0;padding:7px 0}.premium-print-table td::before{content:attr(data-label);font-weight:850;color:var(--theme-heading)}.print-actions{display:grid}.print-actions .btn{width:100%}.admin-stats,.portal-content .admin-stats{grid-template-columns:1fr!important}.slot-choice,.plan-choice{transform:none!important}.toast{left:15px;right:15px;max-width:none}}
@media print{.public-body::before,.admin-body::before,.portal-body::before,.print-actions,.toast,.whatsapp-float,.call-float,.site-header,.site-footer,.portal-sidebar,.admin-sidebar,.admin-topbar,.portal-topbar{display:none!important}.premium-print-document{box-shadow:none;border:0;border-radius:0;padding:0}.premium-print-document::before{display:none}.premium-print-meta>div,.print-payment-note,.print-reference-card{break-inside:avoid}.premium-print-table th{background:#0A1D32!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.feature-card:hover,.course-card:hover,.teacher-card:hover,.price-card:hover,.testimonial:hover,.blog-card:hover,.admin-stat-card:hover,.plan-choice:hover,.slot-choice:hover{transform:none!important}}