@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--teal:#0b8587;--teal-dark:#076b6d;--teal-ink:#064a4c;--gold:#c79732;--gold-light:#ead39a;--mint:#dcefee;--mint-2:#edf7f6;--coral:#c79732;--cream:#fbfaf7;--ink:#163132;--muted:#647a7a;--line:#d8e6e5;--white:#fff;--shadow:0 18px 50px rgba(6,74,76,.12);--radius:20px;--sidebar:250px}
[data-theme=dark]{--cream:#0e1d1c;--white:#142725;--ink:#eef8f5;--muted:#a5b9b5;--line:#29413e;--mint:#193632;--mint-2:#132d2a;--shadow:0 18px 50px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Tajawal,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--cream) 90%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid transparent}.nav-wrap{height:82px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px 11px 17px 11px;background:var(--teal);color:#fff;font-weight:800;font-size:22px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:22px}.brand small{font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:5px}.main-nav{display:flex;gap:28px;margin-inline:auto;font-size:14px;font-weight:600}.main-nav a:hover,.login-link:hover{color:var(--teal)}.nav-actions{display:flex;align-items:center;gap:14px}.icon-button,.mobile-toggle{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--ink);position:relative}.mobile-toggle{display:none}.btn{border:0;border-radius:10px;padding:11px 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 8px 20px rgba(8,127,120,.2)}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:14px 28px}.btn-block{width:100%}.btn-outline{border:1px solid var(--teal);background:transparent;color:var(--teal)}.btn-soft{background:var(--mint-2);color:var(--teal)}.btn-light{background:#fff;color:var(--teal-dark)}.btn-ghost-light{border:1px solid rgba(255,255,255,.45);color:#fff;background:transparent}.alert{padding:13px 18px;border-radius:10px;margin-block:14px;font-weight:600}.alert-success{background:#dff6e8;color:#17663a}.alert-error{background:#fde8e5;color:#9d3428}.alert-info{background:#e2f1fa;color:#285e7c}.hero{padding:78px 0 46px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:80px}.eyebrow,.kicker{font-size:13px;font-weight:800;color:var(--teal);letter-spacing:.4px}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow span{width:25px;height:2px;background:var(--coral)}.hero h1,.page-hero h1,.course-detail-hero h1{font-size:clamp(46px,6vw,78px);line-height:1.13;margin:20px 0 22px;letter-spacing:-2.5px}.hero h1 em,.page-hero h1 em{font-style:normal;color:var(--teal);position:relative}.hero h1 em:after{content:"";position:absolute;right:0;bottom:-4px;width:60%;height:6px;background:var(--coral);border-radius:9px;transform:rotate(-2deg)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:560px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.text-link{font-weight:700;display:flex;align-items:center;gap:10px}.text-link i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);font-size:10px;color:var(--teal)}.text-link.teal{color:var(--teal)}.trust-row{display:flex;align-items:center;gap:14px;margin-top:46px}.avatar-stack{display:flex;direction:ltr}.avatar-stack span{display:grid;place-items:center;width:36px;height:36px;border:3px solid var(--cream);border-radius:50%;background:var(--mint);color:var(--teal);font-size:11px;font-weight:800;margin-left:-9px}.trust-row>div:last-child{display:flex;flex-direction:column}.trust-row small{color:var(--muted)}.stars{color:#e9a745;font-size:11px}.hero-visual{position:relative;height:520px}.portrait-card{position:absolute;inset:20px 50px 20px 20px;border-radius:45% 45% 20px 20px;background:linear-gradient(145deg,#bfded4,#e5efe6);overflow:hidden;box-shadow:var(--shadow)}.portrait-person{position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,#faf0db 0 13%,transparent 13.5%),linear-gradient(140deg,transparent 38%,#165e5a 38% 72%,transparent 72%)}.person-head{position:absolute;top:75px;left:46%;width:85px;height:105px;background:#b87556;border-radius:50% 48% 45% 45%;box-shadow:-20px -16px 0 0 #202c2b}.person-body{position:absolute;bottom:-30px;left:18%;width:70%;height:300px;background:linear-gradient(120deg,#e9a778,#bb7052);border-radius:48% 48% 0 0;clip-path:polygon(12% 0,75% 7%,100% 100%,0 100%)}.plant{position:absolute;bottom:15px;right:10px;font-size:140px;color:rgba(8,127,120,.18);transform:rotate(-35deg)}.shape{position:absolute;border-radius:50%;border:1px solid var(--line)}.shape-a{width:470px;height:470px;right:0;top:0}.shape-b{width:100px;height:100px;background:var(--coral);border:0;left:0;top:30px;opacity:.2}.floating-card{position:absolute;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:14px;display:flex;align-items:center;gap:10px;font-size:12px}.floating-card strong,.floating-card small{display:block}.floating-card small{color:var(--muted)}.fc-course{right:0;top:85px;width:235px}.fc-course>div{flex:1}.fc-course b{color:var(--teal)}.mini-icon{width:35px;height:35px;display:grid;place-items:center;background:var(--mint);border-radius:9px;color:var(--teal)}.mini-progress{height:4px;background:var(--line);border-radius:5px;margin-top:6px}.mini-progress i{display:block;height:100%;background:var(--teal)}.fc-live{left:0;bottom:60px}.live-dot{width:9px;height:9px;background:#e25745;border-radius:50%;box-shadow:0 0 0 5px #fee3df;animation:pulse 1.5s infinite}.badge-float{position:absolute;right:30px;bottom:10px;width:82px;height:82px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:24px;line-height:1;text-align:center;box-shadow:var(--shadow)}.badge-float small{font-size:9px}.stats-strip{background:var(--teal-ink);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 0}.stats-grid div{text-align:center;border-left:1px solid rgba(255,255,255,.16)}.stats-grid div:last-child{border:0}.stats-grid strong{display:block;font-size:28px}.stats-grid span{font-size:12px;color:#a8ccc7}.section{padding-block:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-heading h2,.section-title-center h2,.why-copy h2{font-size:46px;line-height:1.25;margin:10px 0}.section-heading>p{max-width:430px;color:var(--muted)}.department-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.department-card{min-height:220px;padding:28px;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.department-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.dc-0{background:#dfeee8}.dc-1{background:#f1e8d6}.dc-2{background:#e1ecec}.dept-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.65);font-size:24px;color:var(--teal)}.department-card h3{font-size:21px;margin:18px 0 5px}.department-card p{font-size:13px;color:#536765}.department-card small{font-weight:700;color:var(--teal)}.department-card b{float:left}.soft-section{background:var(--white)}.section-title-center{text-align:center;margin-bottom:45px}.section-title-center h2{margin-bottom:8px}.section-title-center p{color:var(--muted)}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course-card{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s}.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.course-cover,.my-course-cover,.enroll-cover{height:190px;display:block;position:relative;overflow:hidden;background:linear-gradient(135deg,#b9ded2,#0f6b65)}.cover-1{background:linear-gradient(135deg,#f1dfc5,#c88468)}.cover-2{background:linear-gradient(135deg,#c3e4df,#208d84)}.cover-0{background:linear-gradient(135deg,#c8dfe4,#557f87)}.cover-symbol{position:absolute;inset:0;display:grid;place-items:center;font-size:90px;color:rgba(255,255,255,.65);transform:rotate(-9deg)}.course-type{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.92);padding:4px 11px;border-radius:20px;font-size:10px;font-weight:700;z-index:2}.course-type.inline{position:static;display:inline-flex}.course-body{padding:20px}.course-meta,.course-info,.course-footer{display:flex;align-items:center;justify-content:space-between}.course-meta{font-size:11px;color:var(--teal);font-weight:700}.course-card h3{font-size:19px;line-height:1.4;margin:12px 0 7px}.course-card p{color:var(--muted);font-size:13px;min-height:43px}.course-info{font-size:11px;color:var(--muted);padding:13px 0;border-bottom:1px solid var(--line)}.course-footer{padding-top:15px}.course-footer strong{color:var(--teal);font-size:18px}.course-footer span{font-size:11px;color:var(--muted)}.center{text-align:center;margin-top:36px}.why-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.why-visual{position:relative}.why-photo{height:480px;border-radius:150px 20px 20px 20px;background:linear-gradient(145deg,#cdded9,#e3d8c7);display:grid;place-items:center}.meeting-illustration{display:flex;gap:15px;align-items:end}.meeting-illustration span{width:100px;height:220px;border-radius:50px 50px 10px 10px;background:#0b6862;color:#fff;display:grid;place-items:center;font-size:12px}.meeting-illustration span:nth-child(2){height:280px;background:#c98065}.meeting-illustration span:nth-child(3){height:190px;background:#e9d7bb;color:var(--ink)}.quote-card{position:absolute;bottom:25px;left:-35px;width:220px;padding:20px;background:var(--white);border-radius:14px;box-shadow:var(--shadow);font-weight:700}.why-copy>p{color:var(--muted)}.feature-list{margin:28px 0}.feature-list>div{display:flex;gap:15px;margin:18px 0}.feature-list i{width:28px;height:28px;display:grid;place-items:center;background:var(--mint);border-radius:50%;color:var(--teal);font-style:normal;font-weight:800}.feature-list span{display:flex;flex-direction:column}.feature-list small{color:var(--muted)}.cta-section{padding:20px 0 100px}.cta-box{background:var(--teal);color:#fff;border-radius:28px;padding:70px;text-align:center;position:relative;overflow:hidden}.cta-box h2{font-size:48px;margin:10px}.cta-box p{color:#c9e2df}.cta-box .btn{margin:15px 5px 0}.kicker.light{color:#bce2dc}.cta-orb{position:absolute;width:350px;height:350px;border:70px solid rgba(255,255,255,.05);border-radius:50%;left:-100px;top:-120px}.site-footer{background:#092f2d;color:#d7e5e2;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:60px}.brand-light strong{color:#fff}.site-footer h4{color:#fff}.site-footer p{font-size:13px;color:#97b8b3}.site-footer div>a:not(.brand){display:block;font-size:13px;color:#abc6c2;margin:9px 0}.newsletter{display:flex}.newsletter input{width:100%;background:#123f3c;border:1px solid #2c5b57;color:#fff;padding:10px;border-radius:8px 0 0 8px}.newsletter button{border:0;background:var(--coral);color:#fff;width:45px;border-radius:0 8px 8px 0}.footer-bottom{display:flex;justify-content:space-between;margin-top:45px;padding-top:20px;border-top:1px solid #214945;color:#769a95;font-size:11px}
/* auth and catalog */
.auth-page{min-height:100vh;display:grid;grid-template-columns:46% 54%;background:var(--white)}.auth-panel{background:var(--teal-ink);color:#fff;padding:45px 10%;position:relative;overflow:hidden}.auth-panel .brand small{color:#9dc2bd}.auth-copy{margin-top:15vh}.auth-copy h1{font-size:50px;line-height:1.2}.auth-copy p{color:#a8cbc6;max-width:400px}.auth-art{position:absolute;bottom:-70px;left:-30px;font-size:130px;font-weight:800;color:rgba(255,255,255,.04);transform:rotate(-10deg)}.auth-form-wrap{display:grid;place-items:center;padding:50px}.auth-form{width:min(430px,100%);display:grid;gap:20px}.auth-form h2{font-size:35px;margin:0}.auth-form>div>p,.auth-switch{color:var(--muted)}.auth-form label:not(.check){display:grid;gap:7px;font-weight:600}.auth-form input{width:100%;padding:13px 15px;border:1px solid var(--line);background:var(--cream);color:var(--ink);border-radius:9px;outline:0}.auth-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,127,120,.1)}.form-row{display:flex;justify-content:space-between;font-size:13px}.check{display:flex;align-items:center;gap:7px;font-size:13px}.check input{width:auto}.auth-form a{color:var(--teal);font-weight:700}.auth-switch{text-align:center}.demo-box{background:var(--mint-2);border:1px dashed var(--teal);border-radius:10px;padding:12px;display:flex!important;flex-direction:column;text-align:center;color:var(--muted);font-size:12px}.page-hero{padding:90px 0 70px;background:var(--mint-2);text-align:center}.page-hero h1{font-size:58px;margin:10px}.page-hero p{color:var(--muted)}.filter-bar{display:grid;grid-template-columns:1fr 240px auto;gap:12px;background:var(--white);border:1px solid var(--line);padding:14px;border-radius:14px;margin-bottom:30px}.search-field{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:9px}.search-field input{width:100%;border:0;background:transparent;outline:0;color:var(--ink)}.filter-bar select{border:1px solid var(--line);border-radius:9px;padding:0 12px;background:var(--cream);color:var(--ink)}.results-head{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:20px}.results-head strong{color:var(--ink)}.empty-state{text-align:center;padding:65px;border:1px dashed var(--line);border-radius:20px;background:var(--white)}.empty-state>span{font-size:40px;color:var(--teal)}.course-detail-hero{padding:65px 0;background:var(--mint-2)}.detail-grid{display:grid;grid-template-columns:1fr 370px;gap:75px;align-items:center}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:22px}.course-detail-hero h1{font-size:51px;margin:14px 0}.course-detail-hero p{color:var(--muted)}.instructor-line{display:flex;gap:10px;align-items:center;margin:25px 0}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--teal);font-weight:800}.instructor-line>span:last-child{display:flex;flex-direction:column;font-size:12px}.detail-meta{display:flex;gap:20px;font-size:12px;font-weight:700;flex-wrap:wrap}.enroll-card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.enroll-cover{height:170px;border-radius:13px;display:grid;place-items:center;color:rgba(255,255,255,.75);font-size:42px;font-weight:800;letter-spacing:5px}.price-row{display:flex;justify-content:space-between;align-items:center;margin:20px 4px}.price-row small{color:var(--muted)}.price-row strong{font-size:25px;color:var(--teal)}.enroll-card ul{list-style:none;padding:0;font-size:12px;color:var(--muted)}.enroll-card li{margin:8px}.secure-note{display:block;text-align:center;color:var(--muted);margin-top:12px}.narrow-content{max-width:900px}.narrow-content h2{font-size:30px;margin-top:50px}.learning-points{display:grid;grid-template-columns:1fr 1fr;gap:15px}.learning-points span{padding:15px;background:var(--white);border:1px solid var(--line);border-radius:10px}.curriculum{border:1px solid var(--line);border-radius:15px;overflow:hidden}.curriculum-row{display:grid;grid-template-columns:55px 1fr auto;gap:15px;align-items:center;padding:17px 20px;background:var(--white);border-bottom:1px solid var(--line)}.curriculum-row:last-child{border:0}.lesson-num{color:var(--teal);font-weight:800}.curriculum-row div{display:flex;flex-direction:column}.curriculum-row small,.curriculum-row>span:last-child{color:var(--muted);font-size:12px}
/* dashboard */
.dashboard-body{background:#f4f7f6}.sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--sidebar);padding:25px 20px;background:var(--white);border-left:1px solid var(--line);display:flex;flex-direction:column;z-index:60}.sidebar-label{font-size:10px;color:var(--muted);margin:40px 12px 10px}.side-nav{display:grid;gap:5px}.side-nav a,.sidebar-bottom>a,.logout-button{padding:10px 13px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:600}.side-nav a span{display:inline-block;width:24px}.side-nav a:hover,.side-nav a.active{background:var(--mint-2);color:var(--teal)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;display:grid}.logout-button{border:0;background:transparent;width:100%;text-align:right}.dashboard-shell{margin-right:var(--sidebar);min-height:100vh}.dashboard-topbar{height:76px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:20px}.dash-search{width:350px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 12px;border-radius:8px;color:var(--muted)}.dash-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.dash-search kbd{font-size:10px}.topbar-actions{margin-right:auto;display:flex;align-items:center;gap:10px}.notification-dot{position:absolute;width:6px;height:6px;background:#e26755;border-radius:50%;top:5px;right:5px}.user-chip{display:flex;align-items:center;gap:9px;margin-right:8px}.user-chip>span:last-child{display:flex;flex-direction:column;font-size:11px}.user-chip small{color:var(--muted)}.dashboard-main{padding:35px;max-width:1500px;margin:auto}.welcome-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.welcome-row>div>span{font-size:12px;color:var(--teal);font-weight:700}.welcome-row h1{font-size:31px;margin:2px 0}.welcome-row p{color:var(--muted);margin:0}.section-dash-head,.panel-head{display:flex;align-items:center;justify-content:space-between}.section-dash-head h2,.panel-head h2{font-size:18px}.section-dash-head a,.panel-head a{font-size:12px;color:var(--teal);font-weight:700}.my-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.my-course-card{background:var(--white);border:1px solid var(--line);border-radius:15px;overflow:hidden}.my-course-cover{height:120px;padding:13px;color:#fff;display:flex;justify-content:space-between}.my-course-cover b{align-self:center;font-size:25px;opacity:.55}.my-course-card>div:last-child{padding:17px}.my-course-card h3{font-size:16px;margin:6px 0 15px}.my-course-card small{color:var(--muted)}.progress-label{display:flex;justify-content:space-between;font-size:11px}.progress{height:6px;border-radius:6px;background:var(--line);margin:5px 0 15px;overflow:hidden}.progress i{display:block;height:100%;background:var(--teal);border-radius:6px}.dash-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.wide-first{grid-template-columns:1.5fr 1fr}.panel{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:20px}.schedule-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.schedule-item:last-child{border:0}.schedule-item>div:nth-child(2){display:flex;flex-direction:column}.schedule-item small{color:var(--muted);font-size:11px}.date-box{width:44px;height:50px;border-radius:9px;background:var(--mint-2);color:var(--teal);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.date-box strong{font-size:18px}.status-pill{display:inline-flex;align-items:center;width:max-content;padding:3px 8px;border-radius:12px;font-size:9px;font-weight:700}.status-live,.status-active,.status-paid{color:#14735a;background:#dcf5e9}.status-pending,.status-processing{color:#996210;background:#fff1cd}.status-failed,.status-cancelled{color:#a23d33;background:#fde4df}.notification-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.notification-item i{width:34px;height:34px;display:grid;place-items:center;background:var(--mint-2);border-radius:50%;color:var(--teal)}.notification-item div{display:flex;flex-direction:column}.notification-item p{font-size:12px;color:var(--muted);margin:2px 0}.notification-item small{font-size:10px;color:var(--muted)}.empty-mini{text-align:center;color:var(--muted);padding:35px}.stat-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;gap:14px}.stat-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--mint-2);color:var(--teal);font-size:20px}.stat-card div{display:flex;flex-direction:column}.stat-card small{color:var(--muted)}.stat-card strong{font-size:22px}.stat-card em{font-style:normal;color:var(--teal);font-size:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:right;color:var(--muted);font-weight:600;background:var(--cream)}th,td{padding:12px;border-bottom:1px solid var(--line)}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-head h1{margin:5px 0}.page-head p{color:var(--muted)}.progress-ring{--p:calc(var(--progress)*1%);width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) var(--p),var(--line) 0);position:relative}.progress-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--white)}.progress-ring span{z-index:1;font-weight:800;color:var(--teal)}.learning-layout,.lecture-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.lesson-list{display:grid}.lesson-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.lesson-item i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--cream);color:var(--teal);font-style:normal}.lesson-item.done i{background:var(--teal);color:#fff}.lesson-item div{display:flex;flex-direction:column}.lesson-item small{color:var(--muted)}.exam-mini{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.exam-mini>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--mint-2);color:var(--teal)}.exam-mini div{display:flex;flex-direction:column}.exam-mini small{color:var(--muted)}.exam-mini b{font-size:11px;color:var(--teal)}
/* study, exam, payment */
.locked-state,.result-card{max-width:650px;margin:10vh auto;text-align:center;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:55px}.lock-orb,.result-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:var(--mint-2);color:var(--teal);font-size:32px;margin:0 auto 20px}.locked-state p,.result-card p{color:var(--muted)}.lecture-head{display:flex;justify-content:space-between;margin-bottom:25px}.lecture-head h1{font-size:32px;margin:10px 0}.lecture-head p{color:var(--muted)}.lecture-head a{font-size:12px;color:var(--teal)}.lesson-duration{color:var(--muted)}.content-player{background:var(--white);border:1px solid var(--line);border-radius:15px;overflow:hidden}.video-frame{aspect-ratio:16/9;background:#071b1a}.video-frame iframe{width:100%;height:100%;border:0}.live-room,.pdf-room{min-height:390px;display:grid;place-items:center;align-content:center;text-align:center;background:linear-gradient(145deg,var(--teal-ink),#0b746d);color:#fff}.live-room h2,.pdf-room h2{font-size:32px;margin:10px}.live-room p{color:#b5d6d2}.pdf-room>span{font-size:60px;font-weight:800;color:var(--coral)}.lecture-notes{padding:25px}.lecture-notes p{color:var(--muted)}.completion-card{height:max-content;text-align:center}.completion-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:var(--mint-2);color:var(--teal);font-size:28px;margin:10px auto}.completion-card p{color:var(--muted)}.completion-stats{display:flex;justify-content:space-around;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.completion-stats span{display:flex;flex-direction:column;font-size:11px;color:var(--muted)}.completion-stats strong{color:var(--ink);font-size:15px}.exam-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.exam-header h1{font-size:34px;margin:5px 0}.exam-header p{color:var(--muted)}.exam-facts{display:flex;gap:10px}.exam-facts span{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:11px;display:flex;flex-direction:column}.exam-facts strong{color:var(--teal);font-size:18px}.exam-form{max-width:850px}.exam-toolbar{position:sticky;top:10px;z-index:5;display:flex;justify-content:space-between;background:var(--teal-ink);color:#fff;border-radius:10px;padding:12px 18px;margin-bottom:15px}.question-card{border:1px solid var(--line);border-radius:14px;background:var(--white);padding:22px;margin-bottom:16px}.question-card legend{font-weight:700;padding:0 10px}.question-card legend>span{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--mint);color:var(--teal);border-radius:50%;margin-left:8px}.question-card legend small{display:block;color:var(--muted);margin-right:38px}.options{display:grid;gap:9px;margin-top:15px}.options label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:11px;cursor:pointer}.options label:has(input:checked){border-color:var(--teal);background:var(--mint-2)}.score-circle{width:140px;height:140px;border:10px solid var(--mint);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto}.score-circle strong{font-size:35px;color:var(--teal)}.score-circle small{color:var(--muted)}.result-fail .result-icon{color:var(--coral);background:#faebe6}.checkout-page{display:grid;grid-template-columns:1fr 450px;gap:100px;align-items:center;min-height:70vh}.checkout-page h1{font-size:50px;line-height:1.25}.checkout-benefits{display:grid;gap:12px;color:var(--muted)}.invoice-card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.invoice-head,.invoice-line,.invoice-total{display:flex;justify-content:space-between}.invoice-head{font-size:12px;color:var(--muted)}.invoice-card>p{color:var(--muted)}.invoice-line{padding:12px 0;border-bottom:1px solid var(--line)}.invoice-total{align-items:center;padding:22px 0}.invoice-total strong{font-size:28px;color:var(--teal)}.payment-demo{min-height:85vh;display:grid;place-items:center;align-content:center;background:var(--mint-2);padding:40px}.gateway-logo{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:18px}.gateway-logo small{color:var(--muted)}.demo-payment-card{width:min(480px,100%);background:var(--white);border:1px solid var(--line);border-radius:20px;padding:35px;box-shadow:var(--shadow);text-align:center}.demo-amount{display:flex;flex-direction:column;background:var(--mint-2);border-radius:12px;padding:15px;margin:18px 0}.demo-amount strong{font-size:28px;color:var(--teal)}.demo-payment-card p{color:var(--muted)}.demo-actions{display:grid;gap:10px}.text-button{border:0;background:transparent;color:var(--muted);padding:10px}.verify-hero{background:var(--teal-ink);color:#fff;padding:95px 0}.verify-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.verify-hero h1{font-size:54px;line-height:1.2}.verify-hero p{color:#aac9c5}.verify-form{background:#fff;color:#19312f;border-radius:16px;padding:25px}.verify-form label{font-weight:700}.verify-form>div{display:flex;margin:10px 0}.verify-form input{width:100%;border:1px solid #dbe5e2;border-radius:8px;padding:12px}.verify-form button{margin-right:8px;min-width:110px}.verify-form small{color:#6c7d7a}.verify-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.verify-guide div{font-size:32px;color:var(--mint);background:var(--white);border:1px solid var(--line);border-radius:15px;padding:25px;display:flex;flex-direction:column}.verify-guide strong{font-size:18px;color:var(--ink)}.verify-guide p{font-size:13px;color:var(--muted)}.verify-result{display:flex;gap:25px;max-width:850px;margin:auto;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:35px}.verify-result>span{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;font-size:30px;flex:0 0 auto}.verify-result.valid>span{background:#dcf5e9;color:#14735a}.verify-result.invalid>span{background:#fde4df;color:#a23d33}.certificate-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}.certificate-facts span{display:flex;flex-direction:column;color:var(--muted);font-size:11px}.certificate-facts strong{color:var(--ink);font-size:13px}.empty-page{padding:150px 0;text-align:center}.empty-icon{font-size:60px;color:var(--coral)}
.brand{width:164px;height:58px;position:relative;overflow:visible}
.brand::before{content:' ';display:block;width:164px;height:58px;background:url('../images/teal-logo-transparent.png') center/contain no-repeat}
.brand>.brand-mark,.brand>span:last-child{display:none}
.site-footer .brand{width:180px;height:78px}.site-footer .brand::before{width:180px;height:78px;filter:drop-shadow(0 2px 8px rgba(255,255,255,.12))}
.sidebar>.brand{margin-inline:auto;width:156px;height:70px}.sidebar>.brand::before{width:156px;height:70px}
.auth-panel .brand{width:185px;height:80px}.auth-panel .brand::before{width:185px;height:80px}
.gateway-logo .brand-mark{display:block;width:78px;height:78px;font-size:0;background:url('../images/teal-mark-transparent.png') center/contain no-repeat;border:0;border-radius:0}
.gold-accent{color:var(--gold)}
.stars{color:var(--gold)}
.dc-1{background:linear-gradient(145deg,#f6eedc,#ead39a)}
.cover-1{background:linear-gradient(135deg,#ead39a,#b88725)}
.newsletter button{background:var(--gold)}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(199,151,50,.16)}}
@media(max-width:1000px){.main-nav{display:none;position:absolute;top:70px;right:20px;left:20px;background:var(--white);padding:20px;border-radius:12px;box-shadow:var(--shadow);flex-direction:column}.main-nav.open{display:flex}.mobile-toggle{display:block}.nav-wrap{gap:12px}.nav-actions{margin-right:auto}.hero-grid,.why-section,.detail-grid,.checkout-page,.verify-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.eyebrow,.hero-actions,.trust-row{justify-content:center}.hero-copy>p{margin-inline:auto}.hero-visual{max-width:600px;width:100%;margin:auto}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.department-grid,.course-grid{grid-template-columns:repeat(2,1fr)}.why-section{gap:50px}.footer-grid{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(100%);transition:.25s}.sidebar.open{transform:none}.dashboard-shell{margin-right:0}.dashboard-topbar .mobile-toggle{display:block}.my-course-grid,.stat-card-grid{grid-template-columns:repeat(2,1fr)}.checkout-page{padding-block:60px;gap:30px}.invoice-card{max-width:550px}.detail-grid{gap:30px}.enroll-card{max-width:550px}.auth-page{grid-template-columns:1fr}.auth-panel{display:none}}
@media(max-width:680px){.container{width:min(100% - 28px,1180px)}.site-header .brand small,.login-link{display:none}.nav-actions{gap:6px}.hero{padding-top:45px}.hero h1,.page-hero h1{font-size:44px}.hero-actions{flex-direction:column}.hero-visual{height:390px}.portrait-card{inset:20px}.fc-course{top:30px}.stats-grid{padding:25px 0}.section{padding-block:65px}.section-heading{display:block}.section-heading h2,.section-title-center h2,.why-copy h2{font-size:34px}.department-grid,.course-grid,.my-course-grid,.stat-card-grid,.dash-columns,.learning-layout,.lecture-layout{grid-template-columns:1fr}.department-card{min-height:190px}.why-photo{height:380px}.quote-card{left:10px}.cta-box{padding:55px 20px}.cta-box h2{font-size:36px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.filter-bar{grid-template-columns:1fr}.filter-bar select{height:44px}.course-detail-hero h1{font-size:39px}.detail-meta{gap:12px}.learning-points{grid-template-columns:1fr}.dashboard-topbar{padding:0 15px}.dash-search{display:none}.dashboard-main{padding:22px 15px}.user-chip>span:last-child{display:none}.welcome-row,.page-head,.lecture-head,.exam-header{display:block}.welcome-row>.btn{margin-top:15px}.stat-card-grid{grid-template-columns:1fr 1fr}.stat-card{padding:13px}.stat-card strong{font-size:17px}.exam-facts{margin-top:15px;flex-wrap:wrap}.checkout-page h1,.verify-hero h1{font-size:38px}.verify-form>div{display:grid;gap:8px}.verify-form button{margin:0}.verify-guide,.certificate-facts{grid-template-columns:1fr}.verify-result{display:block}.auth-form-wrap{padding:35px 20px}.curriculum-row{grid-template-columns:35px 1fr}.curriculum-row>span:last-child{display:none}}