@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@500;600;700&family=Tajawal:wght@400;500;600;700&display=swap');

:root{
  --navy:#08263a;
  --navy-dark:#061d2f;
  --cyan:#17a9c0;
  --sky:#edf7f8;
  --ink:#102b3c;
  --muted:#667985;
  --line:#dfe7e9;
  --gold:#bf9552;
  --sand:#f4f1ea;
  --paper:#fbfaf7;
  --shadow:0 26px 70px rgba(7,38,58,.12);
}

body{font-family:Tajawal,Arial,sans-serif;background:var(--paper);color:var(--ink);font-size:16px}
h1,h2,h3,.brand,.btn,.eyebrow,strong{font-family:"IBM Plex Sans Arabic",Tajawal,sans-serif}
.container{width:min(1240px,calc(100% - 56px))}
.section{padding:112px 0}
.eyebrow{position:relative;color:#61d4e3;text-transform:none;letter-spacing:.03em;font-size:12px;padding-right:28px}
.eyebrow:before{content:"";position:absolute;right:0;width:18px;height:1px;background:currentColor}
.eyebrow.dark{color:#0e899b}

.topbar{background:#061d2f;border-bottom:1px solid rgba(255,255,255,.09)}
.topbar .container{height:38px;color:#c6d5dc;letter-spacing:.01em}
.site-header{background:rgba(251,250,247,.92);box-shadow:0 1px 0 rgba(8,38,58,.09)}
.nav-shell{height:94px}
.brand{display:flex;align-items:center;justify-content:flex-start;width:205px;height:72px;flex:none}
.brand img{width:100%;height:auto;max-height:70px;object-fit:contain}
.nav-shell nav{gap:29px;font-size:14px}
.nav-shell nav a{position:relative;padding:34px 0}
.nav-shell nav a:after{content:"";position:absolute;right:0;left:100%;bottom:20px;height:2px;background:var(--cyan);transition:.25s}
.nav-shell nav a:hover:after{left:0}
.btn{border-radius:4px;min-height:50px;padding:0 27px;letter-spacing:.01em}
.btn-primary{background:var(--cyan);box-shadow:none}
.btn-primary:hover{background:#0d92a8;box-shadow:0 12px 25px rgba(23,169,192,.22)}
.btn-small{background:var(--navy-dark);border-radius:3px;min-height:44px}
.btn-ghost{border-color:#aab8bd;border-radius:3px}

.hero{background:#071f32;padding:96px 0 0;min-height:720px}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(23,169,192,.17),transparent 31%),linear-gradient(90deg,transparent 0 49.8%,rgba(255,255,255,.05) 50%,transparent 50.2%);pointer-events:none}
.hero-grid{opacity:.07;background-size:74px 74px}
.hero-layout{grid-template-columns:1.08fr .92fr;gap:84px}
.hero h1{font-size:clamp(52px,6vw,82px);line-height:1.1;letter-spacing:-.035em;margin:23px 0 27px}
.hero h1 em{color:#53cada}
.hero-copy>p{font-size:19px;line-height:1.95;color:#bdced6;max-width:670px}
.hero-actions{margin:38px 0 31px}
.hero-actions .btn{min-width:188px}
.hero-highlights{font-size:13px;color:#c4d5dc;border-top:1px solid rgba(255,255,255,.12);padding-top:24px}
.hero-photo>img{height:530px;border:0;border-radius:2px;filter:saturate(.78) contrast(1.03)}
.hero-photo:before{content:"";position:absolute;inset:-14px 22px 22px -14px;border:1px solid rgba(88,205,220,.38);z-index:-1}
.hero-photo-badge{right:-35px;bottom:38px;border-radius:2px;padding:16px 21px}
.hero-photo-badge>span{border-radius:2px;background:#e5f7f9;color:#087e91}
.hero-metrics{margin-top:80px;background:rgba(255,255,255,.035)}
.hero-metrics div{padding:29px 32px}
.hero-metrics strong{font-size:27px;color:#5ed3e2}

.programs{background:var(--paper)}
.section-head{margin-bottom:48px}
.section-head h2,.experience h2,.why-us h2,.contact-section h2{font-size:clamp(36px,4.2vw,53px);letter-spacing:-.025em}
.section-head>a{font-weight:700;color:#0b7182;border-bottom:1px solid #8cc3cb;padding-bottom:4px}
.course-grid{gap:28px}
.course-card{border-radius:2px;border-color:#d8e2e4;box-shadow:none}
.course-card:hover{transform:translateY(-8px);box-shadow:0 26px 55px rgba(8,38,58,.11)}
.course-photo{height:244px;padding:22px}
.course-photo span{font-size:32px;font-weight:600;font-family:"IBM Plex Sans Arabic"}
.course-photo b{border-radius:2px;padding:7px 12px;background:#fff}
.course-body{padding:29px}
.course-body h3{font-size:23px;min-height:68px}
.course-body p{font-size:15px;line-height:1.85}
.course-meta span{border-radius:2px;background:#f0f5f4;color:#435d69;padding:5px 10px}
.course-footer{margin-top:22px}
.course-footer .btn{min-height:44px;padding:0 18px;font-size:13px}

.experience{background:#eaf1f0}
.experience-layout{gap:90px}
.experience-media{position:relative}
.experience-media:after{content:"EATM";position:absolute;left:-26px;bottom:34px;background:var(--gold);color:#fff;padding:11px 20px;font-family:"IBM Plex Sans Arabic";font-weight:700;letter-spacing:.18em}
.experience-media img{height:640px;border-radius:2px;filter:saturate(.75)}
.steps{margin-top:29px}
.steps article{padding:24px 0;border-color:#cfdcdd}
.steps article>span{font-family:"IBM Plex Sans Arabic";color:#118fa2}
.steps h3{font-size:19px}

.why-us{background:#061d2f;position:relative;overflow:hidden}
.why-us:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.06);border-radius:50%;left:-180px;top:-190px}
.why-layout{gap:110px}
.why-layout>div:first-child{padding-left:35px}
.advantage-list article{padding:27px 0}
.advantage-list article>span{font-size:14px;color:#54c6d5;border:1px solid rgba(84,198,213,.4);width:42px;height:42px;display:grid;place-items:center}
.advantage-list h3{font-size:21px}

.testimonials{background:var(--sand)}
.testimonial-grid{gap:28px}
.testimonial-grid article{border-radius:2px;border:0;background:#fff;padding:34px;box-shadow:none;border-top:3px solid transparent}
.testimonial-grid article:hover{border-top-color:var(--gold)}
.testimonial-grid p{font-size:18px;line-height:1.9}
.stars{letter-spacing:3px}

.contact-section{background:#0b536b;position:relative}
.contact-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,29,47,.4),transparent),repeating-linear-gradient(135deg,transparent 0 22px,rgba(255,255,255,.025) 22px 23px)}
.contact-layout{position:relative;gap:90px}
.contact-form,.panel{border-radius:3px;box-shadow:0 26px 70px rgba(6,29,47,.16)}
.contact-form{padding:40px}
input,select,textarea{border-radius:2px;background:#fff;padding:13px 15px}
.contact-points a{font-family:"IBM Plex Sans Arabic";font-size:19px}
.contact-page-intro{padding-bottom:130px}
.contact-page .contact-section{margin-top:-78px;padding-top:0;background:transparent;color:var(--ink)}
.contact-page .contact-section:before{display:none}
.contact-page .contact-layout{background:#0b536b;color:#fff;padding:48px;box-shadow:0 30px 80px rgba(6,29,47,.17)}
.contact-page .contact-copy{padding:24px 14px}
.contact-page .contact-copy>p{color:#c9e0e7;font-size:17px}
.contact-page .contact-form h2{font-size:31px;margin:10px 0 4px}
.contact-page .contact-form>p{color:var(--muted);margin-top:0}
.contact-assurance{padding:0 0 110px;background:var(--paper)}
.contact-assurance .container{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}
.contact-assurance article{padding:27px 30px;border-left:1px solid var(--line)}
.contact-assurance article:last-child{border-left:0}
.contact-assurance strong,.contact-assurance span{display:block}
.contact-assurance strong{font-size:18px;color:var(--navy)}
.contact-assurance span{color:var(--muted);font-size:14px}

.page-hero{background:#071f32;padding:100px 0}
.page-hero .container{position:relative}
.page-hero .container:after{content:"EATM";position:absolute;left:0;top:50%;transform:translateY(-50%);font-family:"IBM Plex Sans Arabic";font-size:104px;font-weight:700;color:rgba(255,255,255,.035);letter-spacing:.14em}
.page-hero h1{font-size:clamp(48px,5.6vw,72px);letter-spacing:-.035em}
.feature-grid{gap:28px}
.feature-grid article{border-radius:2px;background:#fff;box-shadow:none;padding:34px;border-color:#d9e3e4}
.profile-card img{border-radius:1px;height:330px;filter:saturate(.78)}
.certificate-search{border-top:4px solid var(--cyan)}
.verified-card{border-radius:2px}

.course-detail-hero{background:#071f32;padding:78px 0 70px}
.course-detail-hero h1{font-size:clamp(48px,5.4vw,72px);letter-spacing:-.03em}
.course-detail-meta span{border-radius:2px}
.course-detail-image>img{border-radius:1px;border:0;filter:saturate(.76)}
.course-detail-image>div{border-radius:2px}
.outcomes-grid article,.course-guarantees,.course-checkout-card{border-radius:2px}
.curriculum summary{padding:23px 4px}
.course-checkout-card{border-top:4px solid var(--cyan)}
.course-final-cta{background:#0a7f94}

.site-footer{background:#061824;padding-top:1px}
.footer-cta{border-radius:2px;padding:30px 36px;border-right:5px solid var(--cyan)}
.footer-grid{padding:40px 0 65px}
.footer-intro>img{border-radius:2px}
.social-links a{border-radius:2px;transition:.2s}
.social-links a:hover{background:var(--cyan);transform:translateY(-3px)}
.copyright{padding:23px 0}

.stats-grid article{border-radius:2px;background:#08263a;border-bottom:3px solid var(--cyan)}
.course-editor-list>details,.course-editor-list>details>summary,.status,dialog{border-radius:2px}
.whatsapp-float{border-radius:3px;border-right:3px solid #20b878}

.admin-report-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;margin-bottom:22px}.bar-chart{display:grid;gap:15px;margin-top:24px}.bar-chart>div{display:grid;grid-template-columns:70px 1fr 75px;gap:12px;align-items:center}.bar-chart i{height:10px;background:#edf2f2;display:block;overflow:hidden}.bar-chart b{height:100%;display:block;background:linear-gradient(90deg,var(--cyan),#0b7182)}.bar-chart strong{font-size:13px;text-align:left}.ranking-list{display:grid;gap:4px}.ranking-list>div{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.ranking-list>div>span{font-family:"IBM Plex Sans Arabic";font-weight:700;color:var(--cyan)}.ranking-list p,.ranking-list strong,.ranking-list small{display:block;margin:0}.ranking-list small{color:var(--muted)}.student-manager,.content-manager,.blog-manager{margin-bottom:22px}.student-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px}.student-list{max-height:390px;overflow:auto;border:1px solid var(--line)}.student-list article{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.student-list strong,.student-list small{display:block}.student-list small{color:var(--muted)}.blog-admin-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.blog-admin-list a{border:1px solid var(--line);padding:14px}.blog-admin-list strong,.blog-admin-list small{display:block}.blog-admin-list small{color:var(--muted)}

.student-auth-page{min-height:760px;background:#071f32;padding:80px 28px}.student-auth-layout{width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:1.1fr .9fr;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.27)}.student-auth-copy{background:linear-gradient(rgba(6,29,47,.82),rgba(6,29,47,.93)),url('/assets/academy-team.jpg') center/cover;color:#fff;padding:70px}.student-auth-copy>img{width:210px;background:#fff;padding:8px;margin-bottom:65px}.student-auth-copy h1{font-size:46px;line-height:1.2}.student-auth-copy>p{color:#c8dce4;font-size:18px}.student-auth-copy>div{display:grid;gap:10px;margin-top:30px}.student-login-card{padding:80px 55px}.student-login-card h2{font-size:34px;margin-bottom:5px}.student-login-card>p{color:var(--muted);margin-bottom:30px}.student-help{display:block;text-align:center;margin-top:20px;color:#087e91;font-weight:700}
.student-dashboard-head{background:#071f32;color:#fff;padding:70px 0}.student-dashboard-head .container{display:flex;justify-content:space-between;align-items:center}.student-dashboard-head h1{font-size:46px;margin:10px 0 4px}.student-dashboard-head p{color:#bcd0d9}.student-dashboard-head .btn{color:#fff;border-color:rgba(255,255,255,.4)}.student-dashboard-layout{display:grid;grid-template-columns:1fr 320px;gap:35px;align-items:start}.student-section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.student-section-title h2{font-size:34px;margin:8px 0}.student-section-title>span{background:#eaf5f5;padding:7px 14px;font-weight:700}.student-course-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.student-course-grid>article{background:#fff;border:1px solid var(--line);padding:27px;border-top:4px solid var(--cyan)}.student-course-top{display:flex;justify-content:space-between}.student-course-top span{color:var(--muted)}.student-course-top strong{font-size:24px;color:#087e91}.student-course-grid h3{font-size:22px;min-height:60px}.student-course-grid p{color:var(--muted)}.progress-track{height:9px;background:#e9eeee;margin:18px 0 25px;overflow:hidden}.progress-track i{height:100%;display:block;background:var(--cyan)}.student-side{display:grid;gap:20px}.student-side .panel{box-shadow:none;border:1px solid var(--line)}.student-side p small,.student-side p{display:block}.student-side p small{color:var(--muted)}.certificate-mini{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.certificate-mini>span{width:34px;height:34px;background:#e7f8f1;color:#07815d;display:grid;place-items:center}.certificate-mini strong,.certificate-mini small{display:block}.certificate-mini small{color:var(--muted)}

.learning-head{background:#071f32;color:#fff;padding:48px 0}.learning-head a{color:#9fc4d1}.learning-head h1{font-size:42px;margin:10px 0 20px}.learning-progress{display:grid;grid-template-columns:auto minmax(180px,430px) 50px;gap:12px;align-items:center}.learning-progress i{height:10px;background:rgba(255,255,255,.16)}.learning-progress b{height:100%;display:block;background:#51cedd}.learning-layout{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:start}.lesson-sidebar{position:sticky;top:110px;background:#fff;border:1px solid var(--line);padding:24px}.lesson-sidebar h2{margin-bottom:0}.lesson-sidebar>p{color:var(--muted);margin-top:4px}.lesson-sidebar nav{display:grid;margin-top:20px}.lesson-sidebar nav a{display:flex;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.lesson-sidebar nav a>span{width:30px;height:30px;display:grid;place-items:center;background:#eef3f3;color:#48606b;font-weight:700;flex:none}.lesson-sidebar nav a.done>span{background:#e4f8f0;color:#087c59}.lesson-sidebar strong,.lesson-sidebar small{display:block}.lesson-sidebar small{color:var(--muted)}.lesson-content-list{display:grid;gap:24px}.lesson-card{background:#fff;border:1px solid var(--line);padding:35px}.lesson-card.lesson-completed{border-right:4px solid #13a779}.lesson-card-head{display:flex;justify-content:space-between;gap:20px}.lesson-card-head h2{font-size:29px;margin:9px 0}.lesson-card-head>span{color:var(--muted)}.lesson-media{display:flex;align-items:center;justify-content:center;min-height:180px;background:#071f32;color:#fff;font-size:18px;font-weight:700;margin:20px 0}.lesson-copy{font-size:17px;line-height:2;color:#334d59}.lesson-copy h2{margin-top:25px}.complete-lesson{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:12px;background:#eff8f5;padding:15px;margin-top:25px;cursor:pointer}.complete-lesson input{width:20px;height:20px}

.blog-hero{background:linear-gradient(110deg,#071f32 0 62%,#0d667b 62%)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-grid article{background:#fff;border:1px solid var(--line)}.blog-grid article>div{padding:25px}.blog-image img{height:230px;width:100%;object-fit:cover;filter:saturate(.8)}.blog-grid article>div>span{font-size:12px;color:#0b8496;font-weight:700}.blog-grid h2{font-size:23px;line-height:1.45}.blog-grid p{color:var(--muted)}.blog-grid footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px}.blog-grid footer a{color:#087e91;font-weight:700}.featured-post{grid-column:1/-1;display:grid;grid-template-columns:1.05fr .95fr}.featured-post .blog-image img{height:100%;min-height:360px}.featured-post>div{padding:45px!important}.featured-post h2{font-size:36px}.article-page article>header{padding:80px 0 0;background:#f0f4f3}.article-page article>header .narrow>a{color:#0b7788}.article-page article>header h1{font-size:clamp(43px,5vw,66px);line-height:1.25}.article-page article>header p{font-size:20px;color:var(--muted)}.article-page article>header time{color:#74868e}.article-page article>header>img{width:min(1060px,calc(100% - 40px));height:500px;object-fit:cover;margin:55px auto 0;filter:saturate(.8)}.article-body{padding:70px 0;font-size:18px;line-height:2.1}.article-body h2{font-size:30px;margin-top:42px}.article-cta{background:#071f32;color:#fff;padding:35px!important;margin-bottom:90px}.article-cta p{color:#bdd0d8}.article-cta>div{display:flex;gap:10px}.article-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.articles-section{position:relative}.articles-count{display:flex;align-items:baseline;gap:10px;margin-bottom:30px;color:var(--muted)}.articles-count strong{font-size:40px;color:var(--cyan)}.articles-count span{font-size:16px}

.verified-card .btn{margin-top:18px}.certificate-document-page{background:#e9efef;padding:50px 20px 80px}.certificate-actions{width:min(1100px,100%);margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center}.certificate-document{width:min(1100px,100%);aspect-ratio:1.414/1;margin:auto;background:#fff;padding:22px;box-shadow:0 30px 80px rgba(8,38,58,.15)}.certificate-border{height:100%;border:2px solid #0a526b;outline:1px solid #bf9552;outline-offset:-10px;padding:42px;display:grid;grid-template-rows:auto 1fr auto}.certificate-border>header{text-align:center}.certificate-border>header img{width:210px;margin:auto}.certificate-border>header span{display:block;font-size:10px;letter-spacing:.16em;color:#47616d}.certificate-center{text-align:center;align-self:center}.certificate-kicker{color:var(--gold);letter-spacing:.2em;font-size:12px}.certificate-center h1{font-size:34px;color:var(--navy)}.certificate-center p{color:var(--muted);margin:8px}.certificate-center h2{font-size:43px;margin:10px;color:#0a526b}.certificate-center h3{font-size:25px;margin:10px}.certificate-border>footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.certificate-border>footer>div:first-child small,.certificate-border>footer>div:first-child strong{display:block}.certificate-seal{width:100px;height:100px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;align-content:center;font-family:"IBM Plex Sans Arabic";font-weight:700;color:#0a526b}.certificate-seal span{display:block;font-size:9px;color:var(--gold)}.certificate-qr{text-align:left}.certificate-qr img{width:90px;margin-right:auto}.certificate-qr small{display:block}.certificate-note{text-align:center;color:var(--muted);font-size:13px}

@media(max-width:900px){
  .container{width:min(100% - 36px,1240px)}
  .nav-shell{height:78px}
  .menu-open .nav-shell nav{top:78px;border-top:1px solid var(--line)}
  .hero{padding-top:62px}
  .hero-layout{gap:55px}
  .hero-visual{order:0}
  .hero-photo>img{height:430px}
  .hero-photo:before{display:none}
  .experience-media img{height:500px}
  .page-hero .container:after{display:none}
  .course-detail-image>img{height:390px}
  .admin-report-grid,.student-manager-grid,.student-dashboard-layout,.learning-layout{grid-template-columns:1fr}
  .lesson-sidebar{position:static}
  .student-auth-copy{padding:45px}
  .student-login-card{padding:55px 35px}
  .blog-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:620px){
  body{font-size:15px}
  .container,.narrow{width:min(100% - 24px,1240px)}
  .nav-shell{height:70px}
  .brand{width:168px;height:58px}
  .brand img{width:100%;max-height:58px}
  .menu-open .nav-shell nav{top:70px}
  .hero{min-height:auto;padding-top:46px}
  .hero h1,.page-hero h1,.course-detail-hero h1{font-size:40px;line-height:1.17}
  .hero-copy>p{line-height:1.8}
  .hero-photo>img{height:300px;border-radius:1px}
  .hero-photo-badge{right:12px;bottom:16px}
  .hero-metrics{margin-top:45px}
  .hero-metrics div{padding:17px 10px}
  .section{padding:70px 0}
  .section-head h2,.experience h2,.why-us h2,.contact-section h2,.course-detail-main h2{font-size:34px}
  .course-photo{height:225px}
  .course-body h3{min-height:0}
  .experience-layout,.why-layout,.contact-layout{gap:48px}
  .experience-media img{height:360px}
  .experience-media:after{left:0;bottom:18px}
  .why-layout>div:first-child{padding-left:0}
  .contact-form{padding:24px}
  .contact-page-intro{padding-bottom:110px}
  .contact-page .contact-section{margin-top:-60px;padding-bottom:60px}
  .contact-page .contact-layout{padding:20px}
  .contact-assurance{padding-bottom:70px}
  .contact-assurance .container{grid-template-columns:1fr}
  .contact-assurance article{border-left:0;border-bottom:1px solid var(--line)}
  .page-hero{padding:68px 0}
  .profile-card img{height:290px}
  .course-detail-hero{padding:50px 0 65px}
  .course-detail-image>img{height:290px}
  .course-detail-image>div{grid-template-columns:1fr auto}
  .footer-cta{padding:24px;border-right:0;border-top:4px solid var(--cyan)}
  .mobile-bottom-nav{background:#fbfaf7}
  .mobile-bottom-nav .mobile-bottom-primary{border-radius:3px;background:var(--cyan)}
  .admin-report-grid,.student-course-grid,.blog-grid{grid-template-columns:1fr}
  .student-auth-page{padding:20px 12px}
  .student-auth-layout{grid-template-columns:1fr}
  .student-auth-copy{padding:35px}
  .student-auth-copy>img{margin-bottom:35px}
  .student-auth-copy h1{font-size:35px}
  .student-login-card{padding:35px 25px}
  .student-dashboard-head{padding:50px 0}
  .student-dashboard-head .container{align-items:start}
  .student-dashboard-head h1{font-size:35px}
  .student-dashboard-layout{gap:25px}
  .learning-head h1{font-size:33px}
  .learning-progress{grid-template-columns:1fr 45px}
  .learning-progress>span{grid-column:1/-1}
  .lesson-card{padding:22px}
  .lesson-card-head{display:block}
  .lesson-media{min-height:130px}
  .featured-post{grid-column:auto;display:block}
  .featured-post>div{padding:25px!important}
  .featured-post h2{font-size:26px}
  .article-page article>header h1{font-size:38px}
  .article-page article>header>img{height:270px}
  .article-body{font-size:16px;padding:50px 0}
  .certificate-document-page{padding:25px 8px 60px}
  .certificate-actions{display:grid;gap:10px}
  .certificate-document{aspect-ratio:auto;min-height:720px;padding:10px}
  .certificate-border{padding:27px 16px}
  .certificate-center h1{font-size:25px}
  .certificate-center h2{font-size:32px}
  .certificate-center h3{font-size:20px}
  .certificate-border>footer{grid-template-columns:1fr 1fr}
  .certificate-seal{display:none}
  .blog-admin-list{grid-template-columns:1fr}
}

/* Typography system v7: consistent scale across all public and dashboard pages */
html{font-size:16px}
body{font-size:16px;line-height:1.8}
p{line-height:1.85}
.nav-shell nav{font-size:14px}
.btn,button,input,select,textarea{font-size:14px}
.hero h1{font-size:clamp(50px,5.7vw,76px);line-height:1.12}
.page-hero h1{font-size:clamp(44px,5vw,66px);line-height:1.18}
.section-head h2,.experience h2,.why-us h2,.contact-section h2{font-size:clamp(34px,3.8vw,48px);line-height:1.28}
.course-body h3,.testimonial-grid h3,.feature-grid h2{font-size:21px}
.course-body p,.blog-grid p,.footer-grid p,.footer-grid a{font-size:14px}
.course-detail-hero h1{font-size:clamp(46px,5vw,64px)}
.course-detail-main h2{font-size:34px}
.article-page article>header h1{font-size:clamp(42px,4.8vw,58px)}
.article-page article>header p{font-size:18px}
.article-body{font-size:18px}
.article-body h2{font-size:29px}
.admin-page{font-size:14px}
.student-dashboard-head h1{font-size:43px}
.learning-head h1{font-size:39px}

@media(max-width:620px){
  html{font-size:15px}
  body{font-size:15px;line-height:1.75}
  p{line-height:1.8}
  .hero h1{font-size:38px}
  .page-hero h1,.course-detail-hero h1{font-size:35px}
  .section-head h2,.experience h2,.why-us h2,.contact-section h2,.course-detail-main h2{font-size:29px}
  .course-body h3,.blog-grid h2{font-size:20px}
  .course-body p,.blog-grid p{font-size:14px}
  .article-page article>header h1{font-size:34px}
  .article-page article>header p{font-size:16px}
  .article-body{font-size:16px}
  .article-body h2{font-size:25px}
  .student-dashboard-head h1{font-size:33px}
  .learning-head h1{font-size:31px}
  .btn,button,input,select,textarea{font-size:14px}
}

@media print{
  body{background:#fff!important;padding:0!important}
  .site-header,.site-footer,.whatsapp-float,.mobile-bottom-nav,.certificate-actions,.certificate-note{display:none!important}
  .certificate-document-page{padding:0;background:#fff}
  .certificate-document{width:100%;height:100vh;box-shadow:none;aspect-ratio:auto;page-break-inside:avoid}
  @page{size:A4 landscape;margin:8mm}
}