@import url('https://fonts.googleapis.com/css2?family=Amiri+Quran&display=swap');
:root{--brand:#087d70;--brand-dark:#075a52;--brand-deep:#053f3a;--brand-50:#eef7f5;--gold:#f5a623;--gold-light:#e9c46a;--ink:#152a3a;--ivory:#faf8f2;--line:#e3ebe8;--mist:#6b7280;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"Noto Kufi Arabic","Tajawal",Arial,sans-serif;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.wrap{width:min(1280px,calc(100% - 32px));margin-inline:auto}.pattern-star{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='0 0 128 128'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.13' stroke-width='1'%3E%3Cpath d='M64 18l13.5 32.5L110 64 77.5 77.5 64 110 50.5 77.5 18 64l32.5-13.5z'/%3E%3Cpath d='M31.5 31.5L64 45l32.5-13.5L83 64l13.5 32.5L64 83 31.5 96.5 45 64z'/%3E%3Ccircle cx='64' cy='64' r='11'/%3E%3C/g%3E%3C/svg%3E")}.pattern-star-dark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='0 0 128 128'%3E%3Cg fill='none' stroke='%23087D70' stroke-opacity='.10' stroke-width='1'%3E%3Cpath d='M64 18l13.5 32.5L110 64 77.5 77.5 64 110 50.5 77.5 18 64l32.5-13.5z'/%3E%3Cpath d='M31.5 31.5L64 45l32.5-13.5L83 64l13.5 32.5L64 83 31.5 96.5 45 64z'/%3E%3Ccircle cx='64' cy='64' r='11'/%3E%3C/g%3E%3C/svg%3E")}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.admin-bar .site-header{top:32px}.topbar{background:var(--brand-dark);color:#ffffffdc;font-size:12px}.topbar .wrap{height:30px;display:flex;align-items:center;justify-content:space-between}.nav-wrap{height:74px;display:flex;align-items:center;gap:28px}.brand img{display:block;width:188px;max-height:58px;object-fit:contain}.main-nav{margin-inline:auto}.main-nav ul{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.main-nav a{display:block;padding:10px 13px;border-radius:9px;font-size:15px;font-weight:700}.main-nav a:hover,.main-nav .current-menu-item>a{background:var(--brand-50);color:var(--brand)}.nav-actions{display:flex;align-items:center;gap:8px}.login-link{padding:11px 15px;color:var(--brand);font-weight:800;font-size:14px}.gold-btn{padding:12px 17px;border-radius:12px;background:var(--gold);font-weight:900;font-size:14px;box-shadow:0 5px 18px #f5a62333}.nav-toggle{display:none;border:0;background:var(--brand-50);color:var(--brand);width:44px;height:44px;border-radius:12px;font-size:22px}
.page-hero{position:relative;overflow:hidden;background-color:var(--brand-50);background-size:72px;padding:58px 0;border-bottom:1px solid var(--line)}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ivory),transparent);opacity:.75}.page-hero h1{position:relative;margin:0;font-size:clamp(28px,4vw,48px);font-weight:950}.page-content{min-height:420px;padding-block:48px}.content-card,.page-content>.nab-wrap,.page-content>form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 12px 34px #075a520c}.page-content input,.page-content select,.page-content textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit}.page-content button,.page-content input[type=submit]{border:0;border-radius:12px;background:var(--brand);color:#fff;padding:12px 18px;font-weight:900;cursor:pointer}.page-content table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}.page-content th,.page-content td{padding:14px;border-bottom:1px solid var(--line);text-align:right}
.site-footer{background-color:var(--brand-deep);background-size:72px;color:#ffffffc7}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:56px;padding-block:58px}.footer-logo{width:210px;filter:brightness(0) invert(1)}.footer-grid p{max-width:480px;line-height:2}.footer-grid h3{color:var(--gold-light);font-size:16px}.footer-grid a{display:block;margin:12px 0;font-size:14px}.footer-grid a:hover{color:var(--gold-light)}.copyright{text-align:center;border-top:1px solid #ffffff1c;padding:20px;font-size:13px}
@media(max-width:1050px){.main-nav{position:absolute;top:104px;right:16px;left:16px;display:none;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 20px 55px #052f2a25}.main-nav.is-open{display:block}.main-nav ul{display:block}.main-nav a{padding:13px}.nav-toggle{display:block}.nav-actions{margin-right:auto}.brand img{width:165px}}
@media(max-width:700px){.admin-bar .site-header{top:46px}.topbar{display:none}.nav-wrap{height:68px}.nav-actions{display:none}.brand img{width:145px}.page-hero{padding:38px 0}.page-content{padding-block:26px}.footer-grid{grid-template-columns:1fr;gap:24px;padding-block:38px}}

.home-hero{position:relative;overflow:hidden;background-color:var(--brand-dark);background-size:72px;color:#fff}.home-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 10%,#f5a62326,transparent 30%),radial-gradient(circle at 90% 90%,#087d7088,transparent 38%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;padding-block:78px 100px}.eyebrow{display:inline-flex;background:#ffffff16;border:1px solid #ffffff22;color:var(--gold-light);padding:9px 16px;border-radius:999px;font-weight:800;font-size:14px}.hero-copy h1{font-size:clamp(42px,5vw,66px);line-height:1.25;margin:20px 0 14px;font-weight:950}.hero-copy h1 em,.about-grid h2 em{display:inline;color:var(--gold-light);font-style:normal}.hero-copy>p{font-size:18px;line-height:2;color:#ffffffbf;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-btn,.outline-btn,.brand-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;border-radius:12px;font-weight:950}.outline-btn{border:2px solid #ffffff4d;color:#fff}.outline-btn:hover{background:#fff;color:var(--brand-dark)}.trust-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:38px;color:#ffffffb8;font-size:13px}.trust-row span:before{color:var(--gold)}.verse-card-wrap{position:relative;overflow:visible;padding:18px;transform:rotate(1.5deg);background:#f5a62318;border-radius:34px}.verse-card{transform:rotate(-1.5deg);background:#fff;color:var(--ink);border-radius:28px;padding:34px;text-align:center;box-shadow:0 30px 80px #032b2840}.star-mark{font-size:58px;color:var(--gold);line-height:1}.verse{font-size:29px;line-height:2;margin:10px 0}.verse-card>small{color:var(--mist)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.mini-stats b{font-size:20px;color:var(--brand)}.mini-stats small{display:block;font-size:11px;color:var(--mist);margin-top:5px}.section{padding-block:76px}.section-head{text-align:center;max-width:720px;margin:0 auto 38px}.section-head>span,.section-kicker{color:var(--brand);font-weight:900;font-size:14px}.section-head h2,.about-grid h2{font-size:clamp(30px,4vw,44px);margin:8px 0 12px}.section-head p,.about-grid p{color:var(--mist);line-height:1.9}.tracks-section{background-color:var(--ivory);background-size:72px}.track-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.track-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;transition:.25s}.track-card:hover{transform:translateY(-6px);border-color:#087d7070;box-shadow:0 18px 40px #075a5214}.track-card>span{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:var(--brand-50);color:var(--brand);font-size:25px}.track-card h3{margin:18px 0 8px}.track-card p{color:var(--mist);line-height:1.8;font-size:14px}.about-section{background:#fff;border-block:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.about-visual{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-visual>div{height:190px;border-radius:25px;display:grid;place-items:center;font-size:60px;background:var(--brand);color:var(--gold-light)}.about-visual>div:nth-child(2){background:#fff6e7;color:var(--gold);margin-top:28px}.about-visual>div:nth-child(3){background:var(--ivory);color:var(--brand);margin-top:-28px}.about-visual>div:nth-child(4){background:var(--ink);color:var(--gold-light)}.about-visual>span{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#fff;color:var(--gold);font-size:52px;box-shadow:0 12px 35px #0002}.about-grid h2 em{color:var(--brand)}.check-list{list-style:none;padding:0}.check-list li{margin:13px 0}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;background:var(--brand-50);color:var(--brand);border-radius:50%;margin-left:9px;font-weight:900}.brand-btn{margin-top:15px;background:var(--brand);color:#fff}.stats-band{background-color:var(--brand-dark);background-size:72px;color:#fff}.stats-band .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-block:42px}.stats-band div div{text-align:center;border-left:1px solid #ffffff1f}.stats-band div div:last-child{border:0}.stats-band b{display:block;color:var(--gold-light);font-size:36px}.stats-band span{font-size:13px;color:#ffffffb5}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;background-color:var(--brand-dark);background-size:72px;color:#fff;padding:42px;border-radius:28px}.cta-box h2{font-size:32px;margin:0 0 7px}.cta-box p{margin:0;color:#ffffffb5}
.courses-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start;padding-block:48px}.filters-card{position:sticky;top:125px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.filters-card h3{margin-top:0}.filters-card label,.filters-card>div{display:block;margin-top:22px}.filters-card b{display:block;margin-bottom:10px;font-size:14px}.filters-card input{margin-top:8px}.filter-pill{border:1px solid var(--line);background:#fff;color:var(--mist);border-radius:999px;padding:7px 11px;margin:3px;font-weight:700}.filter-pill.active,.filter-pill:hover{background:var(--brand);border-color:var(--brand);color:#fff}.course-results .card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 32px #075a520b}.course-results>div[style]{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important}.course-results .card h3{font-size:18px}.course-results .card h3 a:hover{color:var(--brand)}
.nab-dashboard{margin:0;background:var(--ivory)}.nab-dashboard #wpadminbar{display:none}.dash-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.dash-sidebar{position:sticky;top:0;height:100vh;background-color:var(--brand-dark);background-size:72px;color:#fff;display:flex;flex-direction:column}.dash-logo{padding:18px;border-bottom:1px solid #ffffff1c}.dash-logo img{width:190px;filter:brightness(0) invert(1)}.dash-sidebar nav{padding:12px;overflow:auto;flex:1}.dash-sidebar nav a,.dash-bottom a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#ffffffba;font-size:14px;font-weight:800}.dash-sidebar nav a span{font-size:19px}.dash-sidebar nav a:hover,.dash-sidebar nav a.active{background:var(--gold);color:var(--ink)}.dash-bottom{padding:12px;border-top:1px solid #ffffff1c}.dash-main{min-width:0}.dash-top{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);padding:15px 30px;display:flex;align-items:center;justify-content:space-between}.dash-top h1{font-size:19px;margin:0}.dash-top p{font-size:12px;color:var(--mist);margin:4px 0 0}.dash-user{display:flex;align-items:center;gap:10px}.dash-user>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--brand);color:#fff;font-weight:950}.dash-user small{display:block;color:var(--mist);font-size:11px;margin-top:3px}.dash-content{padding:30px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;display:flex;align-items:center;gap:14px}.stat-grid article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--brand-50);color:var(--brand);font-size:22px}.stat-grid b{display:block;font-size:25px}.stat-grid small{color:var(--mist)}.dash-card{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:20px}.dash-card>header{padding:17px 20px;border-bottom:1px solid var(--line)}.dash-card h2{font-size:16px;margin:0}.admin-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px}.admin-shortcuts a{border:1px solid var(--line);border-radius:16px;padding:18px;transition:.2s}.admin-shortcuts a:hover{border-color:var(--brand);transform:translateY(-2px)}.admin-shortcuts span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--brand-50);color:var(--brand);font-size:20px}.admin-shortcuts b,.admin-shortcuts small{display:block;margin-top:10px}.admin-shortcuts small{color:var(--mist);font-size:11px}
@media(max-width:980px){.hero-grid,.about-grid{grid-template-columns:1fr}.verse-card-wrap{display:none}.track-grid{grid-template-columns:repeat(2,1fr)}.courses-layout{grid-template-columns:1fr}.filters-card{position:static}.dash-shell{grid-template-columns:1fr}.dash-sidebar{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-shortcuts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hero-grid{padding-block:52px 70px}.hero-copy h1{font-size:38px}.hero-copy>p{font-size:15px}.track-grid{grid-template-columns:1fr}.stats-band .wrap{grid-template-columns:repeat(2,1fr);gap:25px}.stats-band div div{border:0}.cta-box{display:block;padding:28px}.cta-box .gold-btn{margin-top:20px}.stat-grid,.admin-shortcuts{grid-template-columns:1fr}.dash-content{padding:16px}.dash-top{padding:12px 16px}.dash-user div{display:none}}

.course-cover,.booking-hero{background-color:var(--brand-dark);background-size:72px;color:#fff;padding:45px 0 60px}.course-breadcrumb{display:flex;gap:9px;color:#ffffff9b;font-size:13px;margin-bottom:28px}.course-cover-grid{display:grid;grid-template-columns:1fr 310px;gap:50px;align-items:end}.course-cover h1,.booking-hero h1{font-size:clamp(34px,5vw,55px);margin:18px 0 10px}.course-cover p,.booking-hero p{color:#ffffffb8;line-height:1.9}.course-cover aside{background:#ffffff12;border:1px solid #ffffff25;border-radius:20px;padding:22px}.course-cover aside span,.course-cover aside strong{display:block}.course-cover aside strong{font-size:19px;margin:5px 0 18px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;padding-block:45px;align-items:start}.detail-content>.card{max-width:none!important;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.detail-content>.card>h1{font-size:30px}.detail-content>.card ul{line-height:2}.detail-side,.booking-help,.secure-card{position:sticky;top:125px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px}.detail-side ul,.booking-help ul{list-style:none;padding:0;line-height:2.2;color:var(--mist)}.detail-side .brand-btn{width:100%}.listing-page{padding-block:46px}.listing-tools{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.listing-tools h2{font-size:30px;margin:0}.listing-tools p{color:var(--mist)}.listing-tools label{width:min(360px,100%);font-size:13px;font-weight:800}.listing-tools input{margin-top:7px}.teacher-list>div[style],.blog-list>div[style]{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important}.teacher-list .card,.blog-list .card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px!important;padding:25px!important;box-shadow:0 10px 30px #075a520b}.teacher-list .card:before{content:"";position:absolute;right:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--brand),var(--gold))}.teacher-list .card h3{margin-top:12px;font-size:19px}.booking-hero{text-align:center}.booking-hero p{max-width:650px;margin-inline:auto}.steps{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px}.steps span{display:flex;align-items:center;gap:8px;color:#ffffff8f;font-size:13px;font-weight:800}.steps span.active{color:var(--gold-light)}.steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff16;border:1px solid #ffffff2b}.steps .active b{background:var(--gold);color:var(--ink)}.steps i{width:55px;height:1px;background:#ffffff33}.booking-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;padding-block:48px}.booking-card,.checkout-main{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}.booking-card>header{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:21px}.booking-card>header>span,.secure-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--brand-50);color:var(--brand);font-size:22px}.booking-card h2,.booking-card p{margin:0}.booking-card header p{color:var(--mist);font-size:12px;margin-top:4px}.booking-card form.card,.checkout-main>.card{max-width:none!important;padding:0!important;border:0!important;box-shadow:none!important}.booking-card form p{margin:0 0 18px}.booking-card form label{font-weight:800;font-size:14px}.booking-card form select,.booking-card form input{margin-top:7px}.booking-card form button{width:100%;margin-top:5px;background:var(--gold);color:var(--ink)}.booking-help>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--brand);color:#fff;font-size:25px}.booking-help p,.secure-card p{color:var(--mist);line-height:1.9}.secure-card a{display:block;color:var(--brand);font-weight:900;margin-top:8px}.secure-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.checkout-main form{display:grid;grid-template-columns:1fr auto;gap:8px}.checkout-main form:last-child{display:block}.checkout-main form:last-child button{width:100%}.auth-section{background-color:var(--ivory);background-size:72px;min-height:650px;padding-block:55px}.auth-grid{display:grid;grid-template-columns:1fr 470px;align-items:center;gap:80px}.auth-message{background:var(--brand-dark);color:#fff;padding:45px;border-radius:30px;box-shadow:0 25px 70px #075a5224}.auth-message img{width:210px;filter:brightness(0) invert(1)}.auth-message h1{font-size:39px;line-height:1.45}.auth-message p,.auth-message blockquote{color:#ffffffb7;line-height:2}.auth-message blockquote{border-right:3px solid var(--gold);padding-right:18px;margin:28px 0 0;font-size:18px}.auth-benefits{display:flex;gap:10px;flex-wrap:wrap}.auth-benefits span{background:#ffffff12;padding:8px 11px;border-radius:10px;font-size:12px;color:var(--gold-light)}.auth-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:35px;box-shadow:0 18px 50px #075a5212}.auth-card h2{font-size:28px;margin:8px 0 22px}.auth-card form.card{max-width:none!important;border:0!important;padding:0!important;box-shadow:none!important}.auth-card form button{width:100%}.auth-switch{text-align:center;color:var(--mist);font-size:13px;margin-top:20px}.auth-switch a{color:var(--brand);font-weight:900}
@media(max-width:900px){.course-cover-grid,.detail-layout,.booking-layout,.checkout-layout,.auth-grid{grid-template-columns:1fr}.detail-side,.booking-help,.secure-card{position:static}.auth-message{display:none}.listing-tools{display:block}.listing-tools label{display:block;margin-top:20px}.auth-grid{max-width:500px}.course-cover aside{display:none}}
@media(max-width:600px){.course-cover,.booking-hero{padding:32px 0 42px}.steps i{width:18px}.steps span{font-size:0}.steps span b{font-size:13px}.booking-card,.checkout-main,.auth-card{padding:20px}.checkout-main form{grid-template-columns:1fr}.auth-section{padding-block:28px}}
.dash-content>h2{font-size:28px}.dash-content>h3{margin-top:28px}.dash-content>table.card{width:100%!important;background:#fff;border:1px solid var(--line);border-radius:18px!important;overflow:hidden}.dash-content>table.card th,.dash-content>table.card td{padding:14px 16px!important;border-bottom:1px solid var(--line);text-align:right}.dash-content>table.card th{background:var(--brand-50);color:var(--brand)}

.auth-forgot{margin:14px 0 0;text-align:center}.auth-forgot a{color:var(--brand);font-weight:800;text-decoration:underline;text-underline-offset:4px}.auth-forgot a:hover{color:var(--brand-dark)}


/* Homepage opening motion */
@keyframes nabHeroReveal{from{opacity:0;transform:translateY(24px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes nabVerseReveal{from{opacity:0;transform:translateY(28px) scale(.97) rotate(1.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(1.5deg)}}
@keyframes nabGentleSway{0%,100%{transform:rotate(-1.5deg) translateX(-10px)}50%{transform:rotate(-1.5deg) translateX(10px)}}
@keyframes nabLiveCardSway{0%,100%{transform:rotate(-1.5deg) translateX(12px)}50%{transform:rotate(-1.5deg) translateX(-12px)}}
.hero-copy>*{opacity:0;animation:nabHeroReveal .78s cubic-bezier(.22,1,.36,1) forwards}
.hero-copy>*:nth-child(1){animation-delay:.08s}.hero-copy>*:nth-child(2){animation-delay:.18s}.hero-copy>*:nth-child(3){animation-delay:.30s}.hero-copy>*:nth-child(4){animation-delay:.42s}.hero-copy>*:nth-child(5){animation-delay:.54s}
.verse-card-wrap{opacity:0;animation:nabVerseReveal .9s cubic-bezier(.22,1,.36,1) .28s forwards}
.verse-card{transform-origin:50% 12%;animation:nabGentleSway 9s ease-in-out 1.15s infinite;will-change:transform}
.verse-card-wrap:after{content:"▣  حصة مباشرة الآن\A      تسمّع جزء تبارك — الشيخ أحمد";position:absolute;z-index:3;right:-34px;bottom:-28px;width:320px;min-height:92px;display:flex;align-items:center;box-sizing:border-box;padding:18px 24px;border:1px solid #e2ebe8;border-radius:18px;background:#fff;color:#183246;box-shadow:0 18px 45px #032b2838;white-space:pre-line;text-align:right;font-size:15px;line-height:1.8;font-weight:850;animation:nabLiveCardSway 11s ease-in-out 1.4s infinite;will-change:transform}
.mini-stats>b,.stats-band b{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.hero-copy>*,.verse-card-wrap,.verse-card,.verse-card-wrap:after{opacity:1;transform:none;filter:none;animation:none!important}}


/* Tracks section reveal on scroll */
html.nab-scroll-ready .tracks-section .section-head>*{opacity:0;transform:translateY(22px)}
html.nab-scroll-ready .tracks-section .track-card{opacity:0;transform:translateY(34px) scale(.96)}
html.nab-scroll-ready .tracks-section.is-visible .section-head>*{animation:nabHeroReveal .72s cubic-bezier(.22,1,.36,1) forwards}
html.nab-scroll-ready .tracks-section.is-visible .section-head>*:nth-child(2){animation-delay:.10s}
html.nab-scroll-ready .tracks-section.is-visible .section-head>*:nth-child(3){animation-delay:.20s}
html.nab-scroll-ready .tracks-section.is-visible .track-card{animation:nabTrackReveal .76s cubic-bezier(.22,1,.36,1) forwards}
html.nab-scroll-ready .tracks-section.is-visible .track-card:nth-child(1){animation-delay:.18s}
html.nab-scroll-ready .tracks-section.is-visible .track-card:nth-child(2){animation-delay:.28s}
html.nab-scroll-ready .tracks-section.is-visible .track-card:nth-child(3){animation-delay:.38s}
html.nab-scroll-ready .tracks-section.is-visible .track-card:nth-child(4){animation-delay:.48s}
@keyframes nabTrackReveal{from{opacity:0;transform:translateY(34px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){html.nab-scroll-ready .tracks-section .section-head>*,html.nab-scroll-ready .tracks-section .track-card{opacity:1;transform:none;animation:none!important}}


/* Packages and learning-paths showcase */
.packages-showcase{background-color:var(--ivory);background-image:linear-gradient(#fbf8f1e8,#fbf8f1e8),url('https://new.afnan.academy/wp-content/uploads/2026/09/718fa139c0fc0d45637cd555a32762f7.jpg');background-size:auto,420px auto;background-repeat:repeat;padding-top:72px}.showcase-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.78fr);gap:28px;align-items:stretch;direction:rtl}.packages-panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 12px 40px #075a520b}.packages-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.packages-heading h3{margin:0;font-size:25px}.packages-heading h3 span{color:var(--brand)}.packages-heading small{background:#fff8e8;border:1px solid #eed79a;color:#9a7115;padding:7px 14px;border-radius:999px;font-weight:800;white-space:nowrap}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.package-card{position:relative;background:#fbfaf7;border:1px solid var(--line);border-radius:20px;padding:24px;min-height:330px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.package-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #075a5212}.package-card h4{font-size:18px;margin:0}.package-card h4 strong{font-size:38px;color:var(--brand);margin-left:5px}.package-card>p{color:var(--mist);min-height:48px;line-height:1.7;border-bottom:1px solid var(--line);padding-bottom:14px}.package-price{display:flex;align-items:end;gap:7px;margin-bottom:14px}.package-price b{font-size:28px}.package-price span{color:var(--mist);font-size:13px}.package-card ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px;color:var(--mist);font-size:13px}.package-card li:before{content:'✓';display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--brand);border-radius:50%;color:var(--brand);font-weight:900;margin-left:8px}.package-card>a{display:block;margin-top:auto;background:var(--brand);color:#fff;text-align:center;font-weight:900;padding:11px;border-radius:13px}.package-card.is-popular{background:var(--brand-dark);border:2px solid var(--gold);color:#fff;box-shadow:0 10px 24px #075a522d}.package-card.is-popular h4 strong,.package-card.is-popular .package-price b{color:var(--gold-light)}.package-card.is-popular>p,.package-card.is-popular ul,.package-card.is-popular .package-price span{color:#ffffffa8}.package-card.is-popular>a{background:var(--gold);color:var(--ink)}.package-card.is-popular li:before{border-color:var(--gold);color:var(--gold)}.popular-badge{position:absolute;top:-13px;left:18px;background:var(--gold);color:var(--ink);padding:6px 13px;border-radius:999px;font-size:11px;font-weight:950}.paths-carousel{position:relative;overflow:hidden;min-height:714px;border-radius:28px;background-color:var(--brand-dark);color:#fff;padding:30px;box-shadow:0 18px 45px #075a5224}.paths-title{position:relative;z-index:2;font-size:22px;font-weight:950}.path-slides{position:relative;min-height:560px}.path-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;opacity:0;transform:translateX(35px) scale(.96);pointer-events:none;transition:opacity .65s,transform .65s cubic-bezier(.22,1,.36,1)}.path-slide.is-active{opacity:1;transform:none;pointer-events:auto}.path-icon{display:grid;place-items:center;width:100px;height:100px;border-radius:28px;background:#ffffff16;border:1px solid #ffffff28;color:var(--gold-light);font-size:47px}.path-slide h3{font-size:29px;margin:25px 0 8px}.path-slide p{color:#ffffffa8;line-height:1.8;max-width:300px}.path-slide small{background:#ffffff12;border:1px solid #ffffff21;color:var(--gold-light);padding:8px 15px;border-radius:999px;font-weight:850;margin-top:12px}.path-progress{height:4px;background:#ffffff20;border-radius:99px;overflow:hidden}.path-progress i{display:block;height:100%;width:0;background:var(--gold);animation:nabPathProgress 3.2s linear infinite}.path-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}.path-dots button{width:8px;height:8px;border:0;border-radius:50%;background:#ffffff55;padding:0}.path-dots button.is-active{width:30px;border-radius:99px;background:var(--gold)}@keyframes nabPathProgress{to{width:100%}}html.nab-scroll-ready .packages-showcase .paths-carousel,html.nab-scroll-ready .packages-showcase .package-card{opacity:0;transform:translateY(30px)}html.nab-scroll-ready .packages-showcase.is-visible .paths-carousel,html.nab-scroll-ready .packages-showcase.is-visible .package-card{animation:nabTrackReveal .8s cubic-bezier(.22,1,.36,1) forwards}html.nab-scroll-ready .packages-showcase.is-visible .package-card:nth-child(2){animation-delay:.12s}html.nab-scroll-ready .packages-showcase.is-visible .package-card:nth-child(3){animation-delay:.22s}html.nab-scroll-ready .packages-showcase.is-visible .package-card:nth-child(4){animation-delay:.32s}@media(max-width:1050px){.showcase-grid{grid-template-columns:1fr}.paths-carousel{min-height:520px}.path-slides{min-height:370px}}@media(max-width:700px){.packages-panel{padding:18px}.packages-heading{display:block}.packages-heading small{display:inline-block;margin-top:12px}.package-grid{grid-template-columns:1fr}.package-card{min-height:310px}.paths-carousel{min-height:480px;padding:24px}.path-slides{min-height:340px}}@media(prefers-reduced-motion:reduce){.path-slide{transition:none}.path-progress i{animation:none;width:100%}}


/* Learning path generated artwork */
.path-art{width:min(290px,82%);height:255px;display:grid;place-items:center;margin:10px auto 0}.path-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 24px #002d2945);transform:translateY(0) scale(1);transition:transform .7s cubic-bezier(.22,1,.36,1)}.path-slide.is-active .path-art img{animation:nabArtFloat 4.2s ease-in-out infinite}@keyframes nabArtFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.025)}}.path-slide h3{margin-top:12px}@media(max-width:700px){.path-art{height:210px;width:min(240px,82%)}}@media(prefers-reduced-motion:reduce){.path-slide.is-active .path-art img{animation:none}}


/* Featured courses on homepage */
.featured-courses{background-color:var(--ivory)}.featured-courses-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.featured-courses-head span{color:var(--brand);font-weight:900}.featured-courses-head h2{font-size:clamp(32px,4vw,48px);margin:8px 0}.featured-courses-head p{color:var(--mist);margin:0}.featured-courses-head>a{color:var(--brand);font-weight:900;white-space:nowrap}.home-course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px}.home-course-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;color:var(--ink);box-shadow:0 12px 35px #075a520b;transition:transform .28s,box-shadow .28s}.home-course-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #075a5218}.home-course-cover{position:relative;height:230px;background-color:var(--brand-dark);background-size:cover;background-position:center;border-bottom:1px solid var(--line)}.home-course-cover:after{content:'';position:absolute;inset:0;background-image:linear-gradient(35deg,transparent 48%,#ffffff0b 49%,#ffffff0b 51%,transparent 52%);background-size:52px 52px}.home-course-cover span,.home-course-cover b{position:absolute;z-index:2;top:18px;padding:7px 13px;border-radius:999px;font-size:12px}.home-course-cover span{right:18px;background:#ffffff22;border:1px solid #ffffff35;color:#fff}.home-course-cover b{left:18px;background:var(--gold);color:var(--ink)}.home-course-body{padding:22px}.home-course-meta{display:flex;gap:18px;color:var(--mist);font-size:12px}.home-course-body h3{font-size:21px;line-height:1.55;margin:13px 0 8px}.home-course-body>p{color:var(--mist);line-height:1.9;min-height:72px}.home-course-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:14px}.home-course-foot strong{font-size:24px;color:var(--brand)}.home-course-foot span{background:var(--gold);padding:8px 13px;border-radius:10px;font-weight:900}@media(max-width:650px){.featured-courses-head{display:block}.featured-courses-head>a{display:inline-block;margin-top:16px}.home-course-cover{height:205px}}


/* Afnan final CTA and rich footer */
.afnan-final-cta{background:var(--ivory);padding:72px 0 96px}
.afnan-final-cta .cta-box{min-height:320px;border-radius:34px;padding:58px 7%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--brand-dark);color:#fff;box-shadow:none}
.afnan-final-cta .cta-copy{max-width:760px}
.afnan-final-cta .cta-copy>span{display:block;color:var(--gold-light);font-size:20px;font-weight:800;margin-bottom:12px}
.afnan-final-cta h2{font-size:clamp(32px,4vw,48px);margin:0 0 14px}
.afnan-final-cta p{max-width:680px;margin:0 auto;color:#ffffffb8;font-size:17px;line-height:2}
.afnan-final-cta .cta-actions{display:flex;gap:16px;margin-top:34px}
.afnan-final-cta .cta-actions a{min-width:210px;padding:15px 28px}
.afnan-final-cta .outline-btn{border-color:#ffffff70}
.site-footer{background-color:#03483f;color:#ffffffad;background-size:96px;padding:76px 0 0}
.footer-grid-rich{display:grid;grid-template-columns:1.5fr .85fr .85fr 1.05fr;gap:62px;align-items:start}
.footer-logo{width:185px;max-height:74px;object-fit:contain;object-position:right center;filter:brightness(0) invert(1)}
.site-footer h3{color:var(--gold-light);font-size:17px;margin:0 0 22px}
.site-footer p{line-height:2;margin:14px 0;color:#ffffffa8}
.site-footer a{display:block;margin:0 0 13px;color:#ffffffb5;transition:.2s}
.site-footer a:hover{color:var(--gold-light);transform:translateX(-3px)}
.footer-contact{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px}.footer-contact span,.footer-contact a{margin:0;color:#ffffffc4}
.footer-newsletter form{display:flex;background:#ffffff16;border:1px solid #ffffff20;border-radius:999px;overflow:hidden;margin:22px 0}
.footer-newsletter input{flex:1;min-width:0;border:0;background:transparent;color:#fff;padding:13px 18px;font:inherit;outline:0}.footer-newsletter input::placeholder{color:#ffffff70}
.footer-newsletter button{width:54px;border:0;background:var(--gold);color:var(--ink);font-size:18px;cursor:pointer}
.footer-socials{display:flex;gap:10px}.footer-socials a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffffff14;color:#fff;margin:0;font-size:13px;font-weight:800}.footer-socials a:hover{background:var(--gold);color:var(--ink);transform:none}
.footer-bottom{border-top:1px solid #ffffff1c;margin-top:58px;padding:24px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#ffffff82}
.footer-bottom>div{display:flex;gap:26px}.footer-bottom a{display:inline;margin:0;color:#ffffff82}
@media(max-width:1000px){.footer-grid-rich{grid-template-columns:1fr 1fr;gap:42px}.afnan-final-cta .cta-box{min-height:300px}}
@media(max-width:650px){.afnan-final-cta{padding:46px 0 60px}.afnan-final-cta .cta-box{border-radius:24px;padding:42px 20px}.afnan-final-cta .cta-actions{width:100%;flex-direction:column}.afnan-final-cta .cta-actions a{width:100%;min-width:0}.footer-grid-rich{grid-template-columns:1fr;gap:34px}.site-footer{padding-top:52px}.footer-bottom{align-items:flex-start;gap:18px;flex-direction:column}.footer-bottom>div{gap:14px;flex-wrap:wrap}}


/* Afnan compact full width CTA */
.afnan-final-cta{padding:0;background:var(--brand-dark)}
.afnan-final-cta>.wrap{width:100%;max-width:none;margin:0}
.afnan-final-cta .cta-box{min-height:235px;border-radius:0;padding:34px 32px}
.afnan-final-cta .cta-copy{max-width:980px;width:100%}
.afnan-final-cta .cta-copy>span{font-family:"Amiri Quran","Amiri","Scheherazade New",serif;font-size:25px;line-height:1.7;font-weight:400;margin-bottom:4px}
.afnan-final-cta h2{font-size:clamp(28px,3vw,40px);line-height:1.4;margin-bottom:6px;white-space:nowrap}
.afnan-final-cta p{max-width:960px;font-size:15px;line-height:1.8;white-space:nowrap}
.afnan-final-cta .cta-actions{margin-top:20px}
.afnan-final-cta .cta-actions a{padding:12px 26px}
@media(max-width:800px){.afnan-final-cta .cta-box{min-height:270px;padding:34px 20px}.afnan-final-cta h2,.afnan-final-cta p{white-space:normal}.afnan-final-cta .cta-copy>span{font-size:21px}}


/* Afnan CTA future-content gap */
.afnan-final-cta{margin-top:104px}
@media(max-width:650px){.afnan-final-cta{margin-top:68px}}


/* Afnan CTA title breathing room */
.afnan-final-cta h2{margin:16px 0 18px}
@media(max-width:650px){.afnan-final-cta h2{margin:12px 0 15px}}


/* Afnan CTA footer separation */
.afnan-final-cta{margin-bottom:88px}
@media(max-width:650px){.afnan-final-cta{margin-bottom:54px}}


/* Afnan homepage FAQ */
.home-faq{background-color:var(--ivory);padding:88px 0 96px}
.home-faq .faq-wrap{max-width:980px}
.home-faq .section-head{margin-bottom:36px}
.home-faq .section-head h2{font-size:clamp(32px,4vw,48px)}
.faq-list{display:grid;gap:14px}
.faq-list details{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.faq-list details[open]{border-color:#087d7040;box-shadow:0 12px 34px #075a520a}
.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:24px 72px 24px 28px;font-size:18px;font-weight:800;color:var(--ink)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:before{content:"⌄";position:absolute;right:24px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--mist);font-size:18px;transition:.2s}
.faq-list details[open] summary{color:var(--brand)}
.faq-list details[open] summary:before{content:"⌃";background:var(--brand);border-color:var(--brand);color:#fff}
.faq-list details p{margin:0;padding:0 72px 25px 28px;color:var(--mist);font-size:16px;line-height:2}
.home-faq+.afnan-final-cta{margin-top:0}
@media(max-width:650px){.home-faq{padding:62px 0}.faq-list summary{padding:20px 58px 20px 18px;font-size:16px}.faq-list summary:before{right:16px;width:34px;height:34px}.faq-list details p{padding:0 18px 22px;font-size:14px}}


/* Afnan FAQ entrance motion */
.home-faq .section-head,.home-faq .faq-list details{opacity:0;transform:translateY(26px)}
.home-faq.is-visible .section-head{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.home-faq.is-visible .faq-list details{opacity:1;transform:none;transition:opacity .58s ease,transform .58s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .2s}
.home-faq.is-visible .faq-list details:nth-child(1){transition-delay:.08s}.home-faq.is-visible .faq-list details:nth-child(2){transition-delay:.14s}.home-faq.is-visible .faq-list details:nth-child(3){transition-delay:.20s}.home-faq.is-visible .faq-list details:nth-child(4){transition-delay:.26s}.home-faq.is-visible .faq-list details:nth-child(5){transition-delay:.32s}
@media(prefers-reduced-motion:reduce){.home-faq .section-head,.home-faq .faq-list details{opacity:1;transform:none;transition:none!important}}


/* Afnan admin course table */
.course-view-toolbar{display:flex;align-items:center;gap:14px;margin:0 0 22px;flex-wrap:wrap}.course-search{position:relative;flex:1;min-width:260px}.course-search span{position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:22px;color:#7a8992}.course-search input,.course-view-toolbar select{width:100%;height:52px;border:1px solid #dce6e3;border-radius:16px;background:#fff;padding:0 48px 0 16px;font:inherit;color:#334155;outline:0}.course-view-toolbar select{width:auto;min-width:190px;padding:0 18px}.course-view-switch{display:flex;border:1px solid #dce6e3;border-radius:14px;background:#fff;padding:4px}.course-view-switch button{border:0;background:transparent;color:#6b7882;border-radius:10px;padding:10px 14px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.course-view-switch button.active{background:#087d70;color:#fff}.course-table-shell{background:#fff;border:1px solid #dfe8e5;border-radius:20px;overflow-x:auto;box-shadow:0 12px 38px #075a5209}.course-modern-table{width:100%;min-width:950px;border-collapse:collapse}.course-modern-table th{padding:18px 16px;text-align:right;color:#75808c;font-size:12px;background:#fbfcfb;border-bottom:1px solid #e8eeec}.course-modern-table td{padding:16px;border-bottom:1px solid #e8eeec;color:#52616d;font-size:13px;vertical-align:middle}.course-modern-table tr:last-child td{border-bottom:0}.course-modern-table tbody tr:hover{background:#fbfdfc}.course-title-cell{display:flex;align-items:center;gap:13px;min-width:300px}.course-title-cell img,.course-thumb-fallback{width:76px;height:54px;border-radius:11px;object-fit:cover;flex:0 0 auto}.course-thumb-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#075a52,#0b8f7e);color:#fff;font-size:22px}.course-title-cell b{display:block;color:#1f3342;font-size:14px;line-height:1.6}.course-title-cell small{display:block;color:#8b98a2;margin-top:3px}.course-track-pill,.course-status-pill{display:inline-flex;padding:6px 11px;border-radius:999px;background:#eaf6f3;color:#087d70;font-weight:800;white-space:nowrap}.course-status-pill{background:#e9fbf3;color:#11945d}.course-price{font-size:16px;color:#1f3342}.course-modern-table del{display:block;color:#9aa4ac;font-size:11px}.course-row-actions{display:flex;align-items:center;gap:7px}.course-row-actions form{margin:0}.course-row-actions a,.course-row-actions button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dfe8e5;border-radius:50%;background:#fff;color:#6d7984;text-decoration:none;font:inherit;cursor:pointer}.course-row-actions .edit{background:#eaf6f3;color:#087d70;border-color:#eaf6f3}.course-row-actions button{color:#a24f4f}.course-table-no-results{display:none;text-align:center;padding:34px;color:#7b8992}.course-old-view{display:none}@media(max-width:760px){.course-view-toolbar{align-items:stretch}.course-search,.course-view-toolbar select{width:100%;min-width:100%}.course-view-switch{width:100%}.course-view-switch button{flex:1}.course-table-shell{border-radius:14px}}


/* Hero action buttons: matched sizing and interactive course CTA */
.hero-actions>a{width:190px;min-height:52px;box-sizing:border-box;white-space:nowrap;font-size:16px;transition:transform .22s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease}
.hero-actions .gold-btn{color:#111827;background:var(--gold)}
.hero-actions .gold-btn:hover,.hero-actions .gold-btn:focus-visible{color:#fff;background:var(--brand);transform:scale(1.05);box-shadow:0 10px 28px #032b2852}
.hero-actions .gold-btn:active{transform:scale(1.02)}
@media(max-width:600px){.hero-actions>a{width:100%}}

/* Afnan dashboard logo direction and clipping fix */
.dash-logo img{
  content:url("https://afnan.academy/wp-content/uploads/2026/09/logo-full-repaired-web.png");
  display:block;
  width:190px;
  height:112px;
  padding:0;
  object-fit:contain;
  box-sizing:border-box;
  transform:none;
  transform-origin:center;
}


/* Afnan enhanced login */
.afnan-login-page{position:relative;overflow:hidden;min-height:calc(100vh - 160px);padding-block:64px;background-color:#f4f8f6}
.afnan-login-page:before,.afnan-login-page:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
.afnan-login-page:before{width:360px;height:360px;right:-150px;top:-120px;background:#087d7012}
.afnan-login-page:after{width:280px;height:280px;left:-110px;bottom:-100px;background:#d7a84514}
.afnan-login-page .auth-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1fr) 500px;gap:56px}
.afnan-login-page .auth-message{position:relative;overflow:hidden;padding:50px;background:linear-gradient(145deg,#064f49,#087d70);border:1px solid #ffffff1f;box-shadow:0 30px 80px #053e3830}
.afnan-login-page .auth-message:after{content:"✦";position:absolute;left:34px;bottom:20px;color:#ffffff12;font-size:150px;line-height:1}
.afnan-login-page .auth-message img{width:185px;margin:8px 0 24px}
.afnan-auth-eyebrow{display:inline-flex;padding:8px 13px;border:1px solid #ffffff26;border-radius:999px;background:#ffffff12;color:#f4d78f;font-size:12px;font-weight:800}
.afnan-login-page .auth-message h1{max-width:650px;margin:0 0 14px;font-size:38px}
.afnan-login-page .auth-message p{max-width:620px;margin:0;font-size:16px}
.afnan-login-card{position:relative;padding:38px 40px!important;border-color:#dce9e5!important;box-shadow:0 24px 70px #075a5217!important}
.afnan-login-card:before{content:"";position:absolute;right:0;left:0;top:0;height:5px;border-radius:26px 26px 0 0;background:linear-gradient(90deg,#087d70,#d7a845)}
.afnan-login-mobile-logo{display:none;width:135px;height:auto;margin:0 auto 22px}
.afnan-login-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.afnan-security-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eef8f5;color:#087d70;font-size:11px;font-weight:850}
.afnan-security-badge i{font-style:normal}
.afnan-login-card h2{margin:12px 0 6px;font-size:31px;color:#123c38}
.afnan-login-intro{margin:0 0 26px;color:#667c78;font-size:14px;line-height:1.8}
.afnan-login-form{display:grid;gap:18px;margin:0!important}
.afnan-login-field{display:grid;gap:8px}
.afnan-login-field>label{color:#173f3b;font-size:13px;font-weight:850}
.afnan-login-input{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 15px;border:1.5px solid #d9e6e2;border-radius:14px;background:#fbfdfc;transition:border-color .2s,box-shadow .2s,background .2s}
.afnan-login-input:focus-within{border-color:#087d70;background:#fff;box-shadow:0 0 0 4px #087d7014}
.afnan-login-input>span{flex:0 0 auto;color:#8aa19c;font-size:17px}
.afnan-login-input input{min-width:0;flex:1;width:auto!important;padding:14px 0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#173f3b;font:inherit}
.afnan-login-input input::placeholder{color:#9aaea9}
.afnan-password-toggle{flex:0 0 auto;padding:7px 9px;border:0;border-radius:8px;background:#edf5f3;color:#087d70;font-size:11px;font-weight:850;cursor:pointer}
.afnan-password-toggle:hover{background:#dfeeea}
.afnan-login-options{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:-2px;font-size:12px}
.afnan-login-options label{display:inline-flex;align-items:center;gap:7px;color:#526b66;cursor:pointer}
.afnan-login-options input{width:16px;height:16px;margin:0;accent-color:#087d70}
.afnan-login-options a{color:#087d70;font-weight:850;text-decoration:none}
.afnan-login-options a:hover{text-decoration:underline;text-underline-offset:4px}
.afnan-login-submit{display:flex!important;align-items:center;justify-content:center;gap:12px;min-height:53px;margin-top:2px;border-radius:14px!important;font-size:15px!important}
.afnan-login-submit b{font-size:18px;transition:transform .2s}
.afnan-login-submit:hover b{transform:translateX(-4px)}
.afnan-login-secure{display:flex;align-items:center;justify-content:center;gap:7px;margin:0!important;color:#82938f;font-size:11px}
.afnan-login-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #f2caca;border-radius:12px;background:#fff5f5;color:#9f2929}
.afnan-login-error>span{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#c63f3f;color:#fff;font-weight:900}
.afnan-login-error p{display:grid;gap:2px;margin:0}
.afnan-login-error small{font-weight:500}
.afnan-login-divider{display:flex;align-items:center;gap:12px;margin:24px 0 0;color:#91a39f;font-size:11px}
.afnan-login-divider:before,.afnan-login-divider:after{content:"";height:1px;flex:1;background:#e2ebe8}
.afnan-login-card .auth-switch{margin:13px 0 0}
@media(max-width:900px){.afnan-login-page{min-height:calc(100vh - 120px);padding-block:38px}.afnan-login-page .auth-grid{display:block;max-width:520px}.afnan-login-card{width:100%;margin-inline:auto}.afnan-login-mobile-logo{display:block}}
@media(max-width:600px){.afnan-login-page{padding:20px 0 30px}.afnan-login-card{padding:28px 20px 24px!important;border-radius:20px}.afnan-login-card:before{border-radius:20px 20px 0 0}.afnan-login-card h2{font-size:26px}.afnan-login-intro{margin-bottom:22px}.afnan-login-input{min-height:52px}.afnan-login-options{align-items:flex-start;flex-direction:column}.afnan-login-submit{min-height:52px}.afnan-login-mobile-logo{width:118px;margin-bottom:18px}}


/* Afnan login controls quick fix */
.auth-card form button.afnan-password-toggle{width:auto!important;min-width:52px;max-width:64px;flex:0 0 auto;padding:7px 10px!important;margin:0!important;line-height:1.2}
.afnan-login-role-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.afnan-login-role-actions a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 12px;border:1px solid #dce9e5;border-radius:12px;text-decoration:none;font-size:12px;font-weight:800;color:#173f3b;background:#fbfdfc;transition:.2s ease}
.afnan-login-role-actions a:hover{border-color:#087d70;background:#eef8f5;color:#087d70}
.afnan-login-role-actions .is-student{background:#087d70;color:#fff;border-color:#087d70}
.afnan-login-role-actions .is-student:hover{background:#066a60;color:#fff}
@media(max-width:430px){.afnan-login-role-actions{grid-template-columns:1fr}}