/* Chelsea Papers — Misiom-inspired redesign
   Palette extracted from the supplied logo: #0013bd, #800080, #ffffff. */
:root{
  --blue:#0013bd;--violet:#800080;--white:#fff;--ink:#0013bd;--muted:rgba(0,19,189,.66);
  --soft:rgba(0,19,189,.055);--card:#fff;--line:rgba(0,19,189,.14);--display:"Space Grotesk",sans-serif;
  --body:"Plus Jakarta Sans",sans-serif;--shadow:0 22px 70px rgba(0,19,189,.15);--shadow-sm:0 12px 34px rgba(0,19,189,.1);
  --radius:26px;--ease:cubic-bezier(.16,1,.3,1)
}
/* ── IMPROVED DARK MODE: deep charcoal/slate palette, not pure blue ── */
[data-theme="dark"]{
  --ink:#f0f0f8;
  --muted:rgba(220,220,240,.62);
  --soft:rgba(255,255,255,.055);
  --card:#1e1e2e;
  --line:rgba(255,255,255,.12);
  --shadow:0 25px 75px rgba(0,0,0,.5);
  --shadow-sm:0 12px 34px rgba(0,0,0,.35);
  --dark-bg:#13131f;
  --dark-sidebar:#0d0d1a;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--white);font-family:var(--body);font-size:16px;line-height:1.72;overflow-x:hidden;transition:background .35s,color .35s}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 7% 16%,rgba(128,0,128,.07),transparent 24%),radial-gradient(circle at 92% 40%,rgba(0,19,189,.07),transparent 26%)}[data-theme="dark"] body{background:#13131f}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1240px,calc(100% - 48px));margin-inline:auto}.section{position:relative;padding:115px 0}.section-soft{background:var(--soft)}.center{text-align:center}.skip-link{position:fixed;left:18px;top:-100px;z-index:999;background:var(--violet);color:var(--white);padding:12px 18px;border-radius:100px}.skip-link:focus{top:18px}.route-curtain{position:fixed;z-index:1000;inset:0;background:var(--blue);transform:translateY(-102%);transition:transform .55s var(--ease);pointer-events:none}.route-curtain.active{transform:translateY(0)}.scroll-progress{position:fixed;top:0;left:0;z-index:1001;height:3px;width:100%;pointer-events:none}.scroll-progress span{display:block;width:0;height:100%;background:var(--violet)}
/* Header */
.announcement{background:var(--blue);color:var(--white);text-align:center;font-size:12px;font-weight:700;letter-spacing:.03em;padding:8px}.announcement span{display:inline-block;background:var(--violet);padding:1px 8px;border-radius:20px;margin-right:8px}.announcement a{margin-left:8px;border-bottom:1px solid rgba(255,255,255,.5)}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);transition:.35s}.site-header.scrolled{box-shadow:0 12px 35px rgba(0,19,189,.09)}[data-theme="dark"] .site-header{background:rgba(19,19,31,.96)}.nav{height:140px;display:flex;align-items:center;gap:34px}.brand-logo{display:flex;align-items:center;width:308px;flex:none}.brand-logo img{width:100%;height:128px;object-fit:contain}.logo-dark,.footer-logo-dark{display:none}[data-theme="dark"] .logo-light,[data-theme="dark"] .footer-logo-light{display:none}[data-theme="dark"] .logo-dark,[data-theme="dark"] .footer-logo-dark{display:block}.nav-links{display:flex;align-items:center;gap:5px;margin-left:auto}.nav-links a{position:relative;padding:12px 13px;font-size:13px;font-weight:700}.nav-links a:after{content:"";position:absolute;left:13px;right:13px;bottom:7px;height:2px;background:var(--violet);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.nav-actions{display:flex;align-items:center;gap:13px}.nav-login{font-size:13px;font-weight:800}.theme-toggle,.dash-theme-btn{width:40px;height:40px;border:1px solid var(--line);color:var(--ink);background:var(--soft);border-radius:50%;display:grid;place-items:center}.theme-toggle span,.dash-theme-btn span{grid-area:1/1}.theme-toggle .moon,.dash-theme-btn .moon{display:none}[data-theme="dark"] .theme-toggle .sun,[data-theme="dark"] .dash-theme-btn .sun{display:none}[data-theme="dark"] .theme-toggle .moon,[data-theme="dark"] .dash-theme-btn .moon{display:block}.nav-toggle{display:none;width:46px;height:46px;border:0;border-radius:50%;background:var(--blue);padding:14px}.nav-toggle span{display:block;height:2px;background:var(--white);margin:5px 0;transition:.3s}
/* Typography and buttons */
h1,h2,h3{font-family:var(--display);letter-spacing:-.045em;line-height:1.04;margin-top:0}h1{font-size:clamp(54px,8vw,112px);font-weight:700}h2{font-size:clamp(38px,5vw,68px);font-weight:650}h3{font-size:24px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--violet);font:800 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:26px;height:2px;background:currentColor}.button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 25px;border:1px solid transparent;border-radius:100px;font-weight:800;font-size:13px;letter-spacing:.01em;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}.button:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--violet);transform:translateY(102%);transition:transform .4s var(--ease)}.button:hover{transform:translateY(-3px);box-shadow:0 14px 25px rgba(128,0,128,.22)}.button:hover:before{transform:none}.button-primary{background:var(--blue);color:var(--white)}.button-outline{background:transparent;color:var(--blue);border-color:rgba(0,19,189,.35)}[data-theme="dark"] .button-outline{color:var(--white);border-color:rgba(255,255,255,.4)}.button-light{background:var(--white);color:var(--blue)}.button-small{min-height:42px;padding:0 19px}.button-block{width:100%}
/* Hero */
.hero{position:relative;min-height:720px;background:var(--blue);color:var(--white);overflow:hidden}.hero:before{content:"";position:absolute;width:46vw;height:46vw;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-10vw;top:-17vw;box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(128,0,128,.08)}.hero:after{content:"CHELSEA";position:absolute;left:-.03em;bottom:-.28em;font:700 min(19vw,280px)/1 var(--display);letter-spacing:-.09em;color:rgba(255,255,255,.045);pointer-events:none}.hero-bg-img{position:absolute;inset:0 0 0 auto;width:49%;height:100%;object-fit:cover;opacity:.33;filter:saturate(.2);mask-image:linear-gradient(to right,transparent,#000 32%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;min-height:720px;padding-block:90px 120px}.hero-copy{max-width:760px}.hero h1{max-width:820px;margin:20px 0 26px}.hero h1 span{color:var(--white);position:relative}.hero h1 span:after{content:"";position:absolute;left:0;bottom:.04em;width:100%;height:.08em;background:var(--violet);transform:rotate(-1deg)}.hero-copy>p{max-width:670px;font-size:17px;color:rgba(255,255,255,.75)}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:35px}.hero-visual{position:relative;perspective:1200px}.dashboard-mock{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.5);border-radius:24px;overflow:hidden;box-shadow:0 36px 90px rgba(128,0,128,.4);transform:rotateY(-5deg) rotateX(2deg)}.mock-top{height:38px;background:var(--violet);display:flex;gap:7px;padding:14px}.mock-top i{width:9px;height:9px;background:var(--white);border-radius:50%;opacity:.8}.mock-body{display:grid;grid-template-columns:62px 1fr;min-height:300px}.mock-side{background:rgba(0,19,189,.07);padding:25px 16px;display:flex;flex-direction:column;gap:22px}.mock-side b,.mock-side span{height:10px;background:var(--blue);border-radius:10px}.mock-side b{height:28px;border-radius:8px;background:var(--violet)}.mock-main{padding:25px}.mock-stat-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mock-stat-card{color:var(--blue);padding:16px;background:rgba(0,19,189,.08);border-radius:15px;display:flex;gap:12px;align-items:center}.mock-stat-purple{color:var(--violet);background:rgba(128,0,128,.08)}.mock-stat-icon{font-size:20px}.mock-stat-num{font-weight:900;font-size:20px}.mock-stat-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.mock-progress-section{margin-top:28px;color:var(--blue)}.mock-progress-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.mock-progress-bar{height:8px;border-radius:8px;background:rgba(0,19,189,.1);overflow:hidden}.mock-progress-fill{height:100%;background:var(--violet);border-radius:8px}.mock-fill-blue{background:var(--blue)}.float-card{position:absolute;padding:15px 19px;color:var(--blue);background:var(--white);border-radius:15px;box-shadow:var(--shadow);font-weight:800;font-size:12px;animation:float 5s ease-in-out infinite}.float-card small{display:block;color:var(--violet);font-size:8px;letter-spacing:.12em}.float-card.one{top:-38px;right:-25px}.float-card.two{left:-42px;bottom:-35px;animation-delay:-2.5s}.float-card.two strong{font-size:21px}.hero-scroll-hint{position:absolute;bottom:28px;left:24px;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.hero-scroll-hint i{display:block;width:38px;height:1px;background:var(--white)}@keyframes float{50%{transform:translateY(-12px)}}
/* Shared sections */
.logo-strip{border-bottom:1px solid var(--line);padding:27px 0}.logo-strip .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.logo-strip p{margin:0;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.logos{display:flex;gap:36px;flex-wrap:wrap;color:var(--blue);font:700 15px var(--display)}[data-theme="dark"] .logos{color:var(--white)}.section-head{max-width:820px;margin-bottom:55px}.section-head.center{margin-inline:auto}.section-head h2{margin:18px 0}.section-head p{color:var(--muted);font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.service-card,.course-card,.article-card,.catalog-card,.value-card,.team-card{position:relative;background:var(--card);border:1px solid var(--line);overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s,border-color .3s}.service-card:hover,.course-card:hover,.article-card:hover,.catalog-card:hover,.value-card:hover,.team-card:hover{transform:translateY(-10px);box-shadow:var(--shadow);border-color:rgba(128,0,128,.4)}.service-card{border-radius:22px}.service-card-img{width:100%;height:160px;object-fit:cover;filter:saturate(.4)}.service-card-body{padding:24px}.service-card .icon{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--blue);color:var(--white);margin-top:-47px;position:relative;border:4px solid var(--white)}.service-card h3{font-size:19px;margin:18px 0 10px}.service-card p,.course-card p,.article-card p,.catalog-card p,.value-card p,.team-card p{color:var(--muted);font-size:13px}.service-card a:not(.button),.article-card a:not(.button){color:var(--violet);font-weight:800;font-size:12px}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course-card{border-radius:24px}.course-card-img{height:205px;width:100%;object-fit:cover;filter:saturate(.55)}.course-card-body{padding:27px}.course-badge,.team-card-role{display:inline-block;color:var(--violet);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.course-card h3{font-size:23px;margin:10px 0}.course-meta{display:flex;gap:11px;flex-wrap:wrap;margin:19px 0;color:var(--muted);font-size:10px;font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.split img,.detail-copy>img,.catalog-grid+* img{border-radius:var(--radius)!important;filter:saturate(.55)}.feature-list{display:grid;gap:8px;margin:28px 0}.feature{display:flex;gap:16px;padding:16px;border-bottom:1px solid var(--line)}.feature i{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:50%;background:var(--violet);color:var(--white);font-style:normal}.feature h3{font-size:16px;margin:0 0 4px}.feature p{font-size:13px;color:var(--muted);margin:0}.quote-card{padding:30px;background:var(--blue);color:var(--white);border-radius:0 25px 25px 25px;box-shadow:var(--shadow)}.quote-card blockquote{font:500 22px/1.5 var(--display);margin:0 0 20px}.section-dark{background:var(--blue);color:var(--white);overflow:hidden}.section-dark:after{content:"";position:absolute;width:360px;height:360px;border:80px solid rgba(128,0,128,.32);border-radius:50%;right:-140px;top:-170px}.section-dark .section-head p{color:rgba(255,255,255,.68)}.stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25)}.stat{padding:40px 25px;border-right:1px solid rgba(255,255,255,.2)}.stat:last-child{border:0}.stat strong{display:block;font:650 clamp(44px,6vw,76px)/1 var(--display)}.stat span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.65)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border-radius:24px}.article-art img{width:100%;height:220px;object-fit:cover;filter:saturate(.5)}.article-body{padding:26px}.article-body small{color:var(--violet);font-weight:800;font-size:10px}.article-body h3{font-size:22px;margin:10px 0}.cta{position:relative;overflow:hidden;background:var(--violet);color:var(--white);padding:55px 60px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta:after{content:"";position:absolute;width:220px;height:220px;border:40px solid rgba(255,255,255,.12);border-radius:50%;right:-30px;top:-100px}.cta>div,.cta>a{position:relative;z-index:1}.cta h2{font-size:clamp(34px,4vw,54px);margin:0 0 12px}.cta p{margin:0;color:rgba(255,255,255,.76)}
/* Inner pages */
.page-hero{position:relative;overflow:hidden;background:var(--blue);color:var(--white);padding:100px 0 110px}.page-hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.25);border-radius:50%;right:-120px;top:-260px;box-shadow:0 0 0 70px rgba(128,0,128,.15)}.page-hero .container{position:relative;z-index:1}.page-hero h1{max-width:1000px;font-size:clamp(54px,7vw,94px);margin:25px 0}.page-hero p{max-width:720px;color:rgba(255,255,255,.72);font-size:18px}.page-hero .eyebrow{color:var(--white)}.breadcrumbs{font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:45px;color:rgba(255,255,255,.65)}.breadcrumbs a{color:var(--white)}.values-grid,.team-grid,.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-card,.team-card{padding:33px;border-radius:22px}.v-icon{font-size:31px;margin-bottom:25px}.value-card h3,.team-card h3{font-size:20px;margin-bottom:10px}.team-grid{grid-template-columns:repeat(4,1fr)}.team-card-icon{display:grid;place-items:center;width:62px;height:62px;background:var(--blue);color:var(--white);border-radius:50%;font:700 16px var(--display);margin-bottom:25px}.catalog-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:35px}.catalog-tabs a{padding:10px 17px;border:1px solid var(--line);border-radius:50px;font-size:11px;font-weight:800}.catalog-tabs a.active,.catalog-tabs a:hover{background:var(--blue);color:var(--white)}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.catalog-card{border-radius:24px}.catalog-card-img{width:100%;height:220px;object-fit:cover;filter:saturate(.5)}.catalog-card-content{padding:29px}.catalog-icon{display:grid;place-items:center;width:50px;height:50px;background:var(--violet);border-radius:50%;color:var(--white);margin-top:-55px;position:relative;border:4px solid var(--white)}.catalog-card-top{display:flex;justify-content:space-between;gap:10px;margin:22px 0 12px;color:var(--violet);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.catalog-card-top strong{font-size:14px}.catalog-card h2{font-size:25px}.catalog-card ul,.check-list{list-style:none;padding:0}.catalog-card li,.check-list li{position:relative;padding:8px 0 8px 22px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.catalog-card li:before,.check-list li:before{content:"✓";position:absolute;left:0;color:var(--violet);font-weight:900}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:80px;align-items:start}.detail-copy h2{font-size:38px;margin:45px 0 18px}.detail-copy p{color:var(--muted)}.detail-side{position:sticky;top:125px;background:var(--soft);border:1px solid var(--line);border-radius:24px;padding:34px}.price{font:700 46px var(--display);margin:18px 0}.price small{font:600 12px var(--body);color:var(--muted)}.steps-grid article{padding:33px;border-top:2px solid var(--violet);background:var(--card);box-shadow:var(--shadow-sm)}.steps-grid article>span{color:var(--violet);font:700 12px var(--display)}.steps-grid h3{font-size:18px;margin-top:20px}.steps-grid p{color:var(--muted);font-size:13px}
/* Forms / checkout */
.form-shell{width:min(560px,calc(100% - 40px));margin:90px auto;padding:45px;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.form-shell h1{font-size:48px;margin:15px 0}.form-shell>p{color:var(--muted)}.login-logo{width:180px;margin:0 auto 25px}.field{margin:19px 0}.field label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.field input,.field select,.field textarea,input,select,textarea{width:100%;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:12px;padding:14px 15px;outline:0;transition:.3s}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(128,0,128,.09)}.form-note{font-size:12px;text-align:center}.form-note a{color:var(--violet);font-weight:800}.alert,.flash{padding:13px 16px;border-radius:12px;background:rgba(128,0,128,.1);border:1px solid rgba(128,0,128,.25);color:var(--violet);font-size:13px}.flash{position:fixed;z-index:500;right:20px;top:130px;background:var(--white)}.checkout-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.checkout-card,.contact-card,.material-card,.tutor-card,.dash-card,.metric{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}
/* Footer */
.site-footer{position:relative;background:var(--blue);color:var(--white);padding:90px 0 25px;overflow:hidden}.site-footer:before{content:"CHELSEA PAPERS";position:absolute;bottom:-.25em;left:-.03em;white-space:nowrap;font:700 12vw/1 var(--display);letter-spacing:-.08em;color:rgba(255,255,255,.035)}.footer-grid{position:relative;display:grid;grid-template-columns:1.65fr repeat(3,1fr);gap:60px;padding-bottom:70px}.footer-brand p{max-width:340px;color:rgba(255,255,255,.62);font-size:13px}.footer-logo-img{width:340px;height:150px;object-fit:contain}.footer-brand-logo{width:auto!important}.footer-grid section h3{font:800 10px var(--body);text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.55);margin:24px 0}.footer-grid section>a:not(.brand){display:block;width:max-content;font-size:13px;font-weight:700;margin:11px 0;transition:.25s}.footer-grid section>a:hover{color:var(--white);transform:translateX(5px)}.status{font-size:11px;display:flex;align-items:center;gap:8px;margin-top:24px}.status span{width:8px;height:8px;background:var(--violet);border-radius:50%;box-shadow:0 0 0 5px rgba(128,0,128,.3)}.footer-bottom{position:relative;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.18);padding-top:24px;color:rgba(255,255,255,.55);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.back-to-top{position:fixed;z-index:90;right:25px;bottom:25px;width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--violet);color:var(--white);box-shadow:0 12px 30px rgba(128,0,128,.34);opacity:0;transform:translateY(20px);transition:.35s}.back-to-top.visible{opacity:1;transform:none}.back-to-top svg{width:18px;fill:none;stroke:currentColor;stroke-width:2}
/* WhatsApp Button — persistent, left side opposite back-to-top */
.whatsapp-btn{
  position:fixed;z-index:90;left:25px;bottom:25px;
  width:52px;height:52px;
  display:grid;place-items:center;
  border:0;border-radius:50%;
  background:#25D366;color:#fff;
  box-shadow:0 6px 20px rgba(37,211,102,.4),0 12px 30px rgba(37,211,102,.2);
  text-decoration:none;
  transition:transform .35s var(--ease),box-shadow .35s;
  animation:waFloat 3s ease-in-out infinite;
}
.whatsapp-btn:hover{
  transform:translateY(-4px) scale(1.08);
  box-shadow:0 10px 28px rgba(37,211,102,.5),0 16px 40px rgba(37,211,102,.25);
}
.whatsapp-btn svg{width:26px;height:26px}
@keyframes waFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
.whatsapp-btn:hover{animation:none}
/* Tooltip */
.whatsapp-tooltip{
  position:absolute;left:62px;top:50%;transform:translateY(-50%);
  background:#1e1e2e;color:#fff;
  padding:7px 14px;border-radius:8px;
  font-size:12px;font-weight:700;
  white-space:nowrap;
  opacity:0;pointer-events:none;
  transition:opacity .25s,transform .25s;
  transform:translateY(-50%) translateX(-6px);
  box-shadow:0 6px 18px rgba(0,0,0,.2);
}
.whatsapp-tooltip::before{
  content:"";position:absolute;top:50%;left:-5px;transform:translateY(-50%);
  border:5px solid transparent;border-right-color:#1e1e2e;
  border-left:0;
}
.whatsapp-btn:hover .whatsapp-tooltip{
  opacity:1;transform:translateY(-50%) translateX(0);
}
/* Hide WhatsApp on dashboard pages */
.dashboard-page .whatsapp-btn{display:none}
/* Dashboard — keeps all PHP functionality, shares the new visual system */
.dashboard-page .site-footer{display:none}.dashboard{min-height:100vh;background:var(--soft)}.dash-nav{position:fixed;inset:0 auto 0 0;width:265px;padding:20px;background:var(--blue);color:var(--white);display:flex;flex-direction:column;overflow-y:auto}.dash-brand{width:150px;margin:0 0 15px}.dash-user-pill{display:flex;gap:10px;align-items:center;padding:13px;background:rgba(255,255,255,.1);border-radius:14px;margin-bottom:16px}.dash-avatar,.sd-settings-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--violet);color:var(--white);font-weight:800}.dash-user-pill div:last-child{min-width:0}.dash-user-pill strong,.dash-user-pill small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-user-pill small{font-size:9px;opacity:.65}.dash-nav-links{display:grid;gap:3px}.dash-nav-links a,.dash-signout{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;font-size:11px;font-weight:700;color:rgba(255,255,255,.7)}.dash-nav-links a.active,.dash-nav-links a:hover{background:var(--violet);color:var(--white)}.dash-nav-badge{margin-left:auto;background:var(--white);color:var(--blue);border-radius:20px;padding:1px 6px;font-size:8px}.dash-nav-divider{height:1px;background:rgba(255,255,255,.14);margin:7px}.dash-nav-bottom{margin-top:auto}.dash-main{margin-left:265px;padding:38px;min-height:100vh}.dash-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.dash-topbar-title{font-size:32px;margin:7px 0 0}.dash-topbar-actions{display:flex;align-items:center;gap:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric{padding:22px;box-shadow:none}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(128,0,128,.1)!important;color:var(--violet)!important}.metric strong{display:block;font:700 29px var(--display);margin-top:15px}.metric>span{font-size:11px;color:var(--muted)}.metric-trend{font-size:9px;color:var(--violet);margin-top:5px}.dash-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;margin-bottom:20px}.dash-card{padding:24px;box-shadow:none}.dash-card-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.dash-card-head h2{font-size:17px;margin:0}.dash-card-link{font-size:10px;color:var(--violet);font-weight:800}.dash-empty{text-align:center;padding:35px}.dash-empty-icon{font-size:38px}.dash-empty h3{font-size:19px}.dash-empty p{color:var(--muted);font-size:12px}.quick-actions{display:grid;gap:7px}.quick-action,.dash-recommend-item{display:flex;align-items:center;gap:12px;padding:9px;border:1px solid var(--line);border-radius:10px}.quick-action:hover,.dash-recommend-item:hover{border-color:var(--violet)}.quick-action-icon{font-size:20px}.quick-action-text{font-size:11px;font-weight:800}.quick-action-sub{font-size:8px;color:var(--muted)}.course-progress-item,.activity-item{padding:14px 0;border-bottom:1px solid var(--line)}.course-progress-top,.progress-bar-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}.course-progress-top strong{font-size:12px}.course-progress-top small{display:block;font-size:9px;color:var(--muted)}.progress-bar{height:6px;flex:1;background:var(--soft);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:var(--violet);border-radius:10px}.badge{background:rgba(0,19,189,.1);color:var(--blue);border-radius:30px;padding:3px 8px;font-size:8px;font-weight:800}.activity-item{display:flex;gap:10px}.activity-dot{width:30px;height:30px;display:grid;place-items:center;background:var(--soft);border-radius:50%}.activity-text,.activity-time{font-size:10px}.activity-time{color:var(--muted)}.dash-cta-card{background:var(--violet);color:var(--white);padding:28px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.dash-cta-card h3{margin:0 0 5px}.dash-cta-card p{font-size:11px;margin:0;color:rgba(255,255,255,.7)}.sd-course-card,.sd-history-summary,.sd-timeline-item,.sd-notif-item,.sd-badge{border:1px solid var(--line);background:var(--card);border-radius:15px;padding:18px;margin-bottom:12px}.sd-course-header,.sd-course-actions,.sd-settings-avatar-row,.sd-pref-row,.sd-notif-item{display:flex;align-items:center;gap:14px}.sd-course-icon,.sd-notif-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--soft)!important;color:var(--violet)!important;border-radius:12px}.sd-course-info{flex:1}.sd-course-info h3{font-size:15px;margin:0}.sd-course-meta{display:flex;gap:12px;color:var(--muted);font-size:9px}.sd-course-progress{margin:14px 0}.sd-history-summary{display:grid;grid-template-columns:repeat(4,1fr)}.sd-hist-stat{text-align:center}.sd-hist-stat strong{display:block;font:700 24px var(--display)}.sd-hist-stat span{font-size:9px;color:var(--muted)}.sd-timeline{position:relative}.sd-timeline-item{margin-left:18px}.sd-timeline-dot{display:none}.sd-badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sd-badge{text-align:center;opacity:.5}.sd-badge-earned{opacity:1;border-color:var(--violet)}.sd-badge-icon,.sd-badge strong,.sd-badge small{display:block}.sd-badge-icon{font-size:25px}.sd-badge strong{font-size:11px}.sd-badge small{font-size:8px;color:var(--muted)}.sd-notif-body{flex:1}.sd-notif-title{font-size:12px}.sd-notif-text,.sd-notif-time{font-size:9px;color:var(--muted)}.sd-notif-text{margin:5px 0}.sd-notif-dot{width:7px;height:7px;background:var(--violet);border-radius:50%}.sd-prefs-list{display:grid;gap:8px}.sd-pref-row{justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.sd-pref-row strong,.sd-pref-row small{display:block;font-size:10px}.sd-pref-row small{color:var(--muted)}.sd-toggle{width:auto}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}
/* Reveal motion */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.in-view{opacity:1;transform:none}.service-card:nth-child(2),.course-card:nth-child(2),.value-card:nth-child(2){transition-delay:.08s}.service-card:nth-child(3),.course-card:nth-child(3),.value-card:nth-child(3){transition-delay:.16s}
@media(max-width:1050px){.nav-links{position:fixed;inset:88px 0 auto;background:var(--white);padding:25px;display:grid;transform:translateY(-150%);opacity:0;transition:.45s var(--ease);border-bottom:1px solid var(--line)}[data-theme="dark"] .nav-links{background:#1e1e2e}.nav-links.open{transform:none;opacity:1}.nav-toggle{display:block;margin-left:auto}.nav-actions .nav-login{display:none}.service-grid{grid-template-columns:repeat(3,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr;gap:55px}.hero-copy{padding-right:20%}.hero-visual{max-width:600px}.hero-bg-img{width:70%;opacity:.2}.dash-nav{width:220px}.dash-main{margin-left:220px;padding:25px}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(100% - 32px,1240px)}.section{padding:78px 0}.announcement{display:none}.nav{height:110px}.brand-logo{width:200px}.brand-logo img{height:80px}.nav-links{inset:110px 0 auto}.nav-actions .theme-toggle{display:none}.hero,.hero-grid{min-height:auto}.hero-grid{padding:80px 0 110px}.hero-copy{padding:0}.hero h1{font-size:clamp(50px,15vw,76px)}.hero-bg-img{width:100%;mask-image:linear-gradient(to bottom,transparent,#000)}.hero-visual{margin:0 15px}.float-card.one{right:-5px}.float-card.two{left:-5px}.logo-strip .container{display:block}.logos{margin-top:20px;gap:16px}.service-grid,.courses-grid,.blog-grid,.catalog-grid,.values-grid,.team-grid,.steps-grid{grid-template-columns:1fr}.split,.detail-grid,.checkout-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.section-head{margin-bottom:36px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.cta{padding:38px 28px;display:block}.cta .button{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}.page-hero{padding:75px 0 85px}.page-hero h1{font-size:clamp(48px,13vw,72px)}.detail-side{position:static}.dashboard{display:block}.dash-nav{position:relative;inset:auto;width:100%;max-height:none}.dash-nav-links{grid-template-columns:repeat(2,1fr)}.dash-nav-bottom{margin-top:15px}.dash-main{margin:0;padding:20px}.dash-topbar,.dash-cta-card{align-items:flex-start;flex-direction:column}.dash-grid{grid-template-columns:1fr}.sd-history-summary{grid-template-columns:1fr 1fr}.sd-badges-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.nav-actions .button{display:none}.mock-body{grid-template-columns:45px 1fr}.mock-main{padding:15px}.mock-stat-strip{grid-template-columns:1fr}.mock-stat-card:nth-child(2){display:none}.service-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.form-shell{padding:28px 22px;margin:50px auto}.metric-grid{grid-template-columns:1fr}.dash-topbar-actions{align-items:stretch;flex-direction:column}.dash-nav-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* ══════════════════════════════════════════════════════
   Chelsea Papers — LMS & Tutoring Platform Styles
   Added: navbar platform buttons + platform-specific UI
   ══════════════════════════════════════════════════════ */

/* Navbar Platform Buttons */
/* ── PLATFORM DROPDOWN ── */
.nav-platform-dropdown{position:relative;display:inline-flex;}
.nav-platform-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 14px!important;border-radius:100px;
  font-size:12px!important;font-weight:800!important;
  background:var(--blue);color:var(--white)!important;
  border:1.5px solid transparent;
  transition:background .25s,color .25s,box-shadow .25s!important;
  cursor:pointer;
}
.nav-platform-btn:after{display:none!important}
.nav-platform-btn:hover,.nav-platform-btn[aria-expanded="true"]{background:var(--violet)!important;color:var(--white)!important;box-shadow:0 8px 20px rgba(128,0,128,.3)}
.nav-platform-btn[aria-expanded="true"] .nav-dropdown-caret{transform:rotate(180deg)}
[data-theme="dark"] .nav-platform-btn{background:var(--violet);color:var(--white)!important}
.nav-platform-menu{
  display:none;
  position:absolute;top:calc(100% + 10px);right:0;
  min-width:220px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 20px 50px rgba(0,0,0,.15);
  padding:8px;
  z-index:200;
  animation:dropIn .2s var(--ease);
}
@keyframes dropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.nav-platform-menu.open{display:block;}
[data-theme="dark"] .nav-platform-menu{background:var(--card);border-color:var(--line);}
.nav-platform-menu-item{
  display:flex;align-items:center;gap:12px;
  padding:11px 13px;border-radius:11px;
  font-size:13px;font-weight:700;
  transition:background .2s,color .2s;
  color:var(--ink)!important;
}
.nav-platform-menu-item:hover{background:var(--soft);color:var(--violet)!important;}
.nav-platform-menu-item:after{display:none!important}
.nav-platform-menu-item strong{display:block;font-size:13px;font-weight:800}
.nav-platform-menu-item small{display:block;font-size:10px;color:var(--muted);font-weight:500}
.nav-platform-menu-icon{
  display:grid;place-items:center;
  width:34px;height:34px;flex:none;
  border-radius:9px;
  background:rgba(0,19,189,.1);color:var(--blue);
}
.nav-platform-menu-item:hover .nav-platform-menu-icon{background:rgba(128,0,128,.1);color:var(--violet);}
[data-theme="dark"] .nav-platform-menu-icon{background:rgba(255,255,255,.1);color:var(--white);}

/* Mobile nav: platform dropdown stacks */
@media(max-width:1050px){
  .nav-platform-dropdown{width:100%;}
  .nav-platform-btn{width:100%;justify-content:center;border-radius:10px;margin:2px 0}
  .nav-platform-menu{position:static;display:block;box-shadow:none;border:1px solid var(--line);margin-top:6px;animation:none;}
}

/* Active nav highlighting for platform pages */
.lms-page .nav-platform-btn,
.tut-page .nav-platform-btn{
  box-shadow:0 0 0 2px var(--violet);
}

/* LMS & Tutoring Admin sidebar links */
.dash-nav-links a[href*="lms-admin"],
.dash-nav-links a[href*="tut-admin"]{
  font-size:11px;
}

/* Smooth tab underline kill for platform dropdown in nav */
.nav-links .nav-platform-btn::after{display:none!important;content:none!important}
.nav-links .nav-platform-menu-item::after{display:none!important;content:none!important}

/* ═══════════════════════════════════════════════════════════════
   Chelsea Papers — Dark Mode Improvements & Dashboard Redesign
   ═══════════════════════════════════════════════════════════════ */

/* ── DARK MODE: Better backgrounds and contrasts ── */
[data-theme="dark"] .section-soft{background:rgba(255,255,255,.03)}
[data-theme="dark"] .dash-card,.dash-card{border-radius:16px;overflow:hidden}

/* Dark mode: sidebar uses deep dark, not pure blue */
[data-theme="dark"] .dash-nav{background:#0d0d1a;border-right:1px solid rgba(255,255,255,.08)}
[data-theme="dark"] .dash-nav-links a.active,[data-theme="dark"] .dash-nav-links a:hover{background:rgba(128,0,128,.35)}

/* Dark cards */
[data-theme="dark"] .checkout-card,[data-theme="dark"] .contact-card,[data-theme="dark"] .material-card,[data-theme="dark"] .tutor-card,[data-theme="dark"] .dash-card,[data-theme="dark"] .metric{background:#1e1e2e;border-color:rgba(255,255,255,.08)}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea,[data-theme="dark"] .field input,[data-theme="dark"] .field select,[data-theme="dark"] .field textarea{background:#13131f;border-color:rgba(255,255,255,.12);color:#f0f0f8}
[data-theme="dark"] .flash{background:#1e1e2e}

/* ── ENHANCED ADMIN DASHBOARD STYLES ── */
/* Stat cards */
.admin-stat{
  display:flex;align-items:center;gap:16px;
  background:var(--card);border:1px solid var(--line);
  border-radius:16px;padding:20px 22px;
  transition:transform .3s,box-shadow .3s;
}
.admin-stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.admin-stat-icon{
  width:50px;height:50px;border-radius:14px;
  display:grid;place-items:center;font-size:22px;flex:none;
}
.admin-stat-icon.blue{background:rgba(0,19,189,.1)}
.admin-stat-icon.violet{background:rgba(128,0,128,.1)}
.admin-stat-icon.green{background:rgba(22,163,74,.1)}
.admin-stat-icon.amber{background:rgba(217,119,6,.1)}
.admin-stat-body{flex:1;min-width:0}
.admin-stat-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px}
.admin-stat-value{font:700 28px/1 var(--display);color:var(--ink);display:block;margin-bottom:4px}
.admin-stat-sub{font-size:11px;color:var(--muted)}

/* Chart */
.ad-chart{display:flex;align-items:flex-end;gap:10px;height:140px;padding:0 4px}
.ad-chart-col{display:flex;flex-direction:column;align-items:center;flex:1;gap:6px;height:100%}
.ad-chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}
.ad-chart-bar{
  width:100%;border-radius:8px 8px 0 0;
  background:linear-gradient(180deg,var(--violet),rgba(128,0,128,.5));
  min-height:4px;transition:height .6s var(--ease);
}
.ad-chart-label{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--muted)}

/* Glance rows */
.admin-glance-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 0;border-bottom:1px solid var(--line);
  font-size:13px;
}
.admin-glance-row:last-child{border-bottom:0}
.admin-glance-row strong{font-size:16px;font-family:var(--display)}

/* Activity feed */
.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.activity-item:last-child{border-bottom:0}
.activity-dot{width:32px;height:32px;border-radius:50%;background:rgba(128,0,128,.1);display:grid;place-items:center;font-size:14px;flex:none}
.activity-text{font-size:13px;color:var(--ink)}
.activity-time{font-size:11px;color:var(--muted);margin-top:2px}

/* Badge colors */
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:800}
.badge.paid,.badge.active{background:rgba(22,163,74,.1);color:#16a34a}
.badge.pending{background:rgba(217,119,6,.1);color:#d97706}
.badge.cancelled{background:rgba(239,68,68,.1);color:#dc2626}

/* Order status select */
.admin-select{
  border:1px solid var(--line);background:var(--soft);color:var(--ink);
  border-radius:8px;padding:6px 10px;font-size:12px;
}

/* Dash card */
.dash-card{
  background:var(--card);border:1px solid var(--line);
  border-radius:16px;box-shadow:none;
  transition:box-shadow .3s;
}
.dash-card:hover{box-shadow:var(--shadow-sm)}
.dash-card-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 22px 16px;border-bottom:1px solid var(--line);
  margin-bottom:16px;
}
.dash-card-head h2{font-size:16px;margin:0;font-family:var(--display)}
.dash-card-link{font-size:12px;color:var(--violet);font-weight:700}
.dash-card > :not(.dash-card-head){padding:0 22px 22px}
.dash-card > .dash-card-head + *{padding-top:0}

/* Dash grid */
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}

/* Reports tab */
.report-table{width:100%;border-collapse:collapse}
.report-table th{text-align:left;padding:11px 16px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;background:var(--soft);color:var(--muted);border-bottom:1px solid var(--line)}
.report-table td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}
.report-table tr:last-child td{border-bottom:0}
.report-table tr:hover td{background:var(--soft)}

/* Status dot */
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}
.status-dot.green{background:#22c55e}
.status-dot.amber{background:#f59e0b}
.status-dot.red{background:#ef4444}

/* Student dashboard metrics */
.sd-progress-ring{position:relative;width:80px;height:80px}
.sd-progress-ring svg{transform:rotate(-90deg)}
.sd-progress-ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 18px var(--display)}

/* Settings page */
.settings-section{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:18px}
.settings-section h3{font-size:16px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.settings-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.settings-row:last-child{border-bottom:0}
.settings-row-label{font-size:13px;font-weight:600}
.settings-row-desc{font-size:12px;color:var(--muted);margin-top:3px}

/* Content management tab */
.content-item{
  display:flex;align-items:center;gap:14px;
  padding:14px;border:1px solid var(--line);border-radius:12px;
  background:var(--card);margin-bottom:10px;
  transition:.2s;
}
.content-item:hover{border-color:rgba(128,0,128,.3);box-shadow:var(--shadow-sm)}
.content-item-icon{font-size:28px;flex:none}
.content-item-info{flex:1;min-width:0}
.content-item-info strong{display:block;font-size:14px}
.content-item-info small{font-size:11px;color:var(--muted)}

/* Empty state in dashboard */
.dash-empty-state{text-align:center;padding:50px 20px;color:var(--muted)}
.dash-empty-state .dash-empty-icon{font-size:48px;margin-bottom:12px}
.dash-empty-state p{font-size:14px;margin:0}

/* User table role badges */
.role-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase}
.role-badge.admin{background:rgba(128,0,128,.1);color:var(--violet)}
.role-badge.student{background:rgba(0,19,189,.08);color:var(--blue)}
[data-theme="dark"] .role-badge.student{color:#818cf8}

/* Enrollment progress */
.enroll-progress-wrap{display:flex;align-items:center;gap:8px}
.enroll-progress-bar{width:80px;height:5px;background:var(--soft);border-radius:10px;overflow:hidden}
.enroll-progress-fill{height:100%;background:var(--violet);border-radius:10px}

/* ── TUTORING ADMIN ── */
.tut-session-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:800}
.tut-session-status.scheduled{background:rgba(22,163,74,.1);color:#16a34a}
.tut-session-status.cancelled{background:rgba(239,68,68,.1);color:#dc2626}
.tut-session-status.completed{background:rgba(128,0,128,.1);color:var(--violet)}

/* ── NAV IMPROVEMENTS ── */
[data-theme="dark"] .nav-platform-btn{background:var(--violet)!important;color:var(--white)!important}

/* ── IMPROVED METRIC CARDS ── */
.metric{
  background:var(--card);border:1px solid var(--line);
  border-radius:16px;padding:22px;
  transition:transform .3s,box-shadow .3s;
}
.metric:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.metric-icon{
  width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(128,0,128,.08)!important;
  color:var(--violet)!important;
  font-size:18px;
}
.metric strong{display:block;font:700 30px var(--display);margin-top:12px;color:var(--ink)}
.metric>span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}

/* ── STUDENT DASHBOARD (lms-my-courses, etc.) ── */
.sd-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}
.sd-stat{
  background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:20px;text-align:center;
}
.sd-stat-icon{font-size:28px;margin-bottom:8px}
.sd-stat-val{font:700 28px var(--display);color:var(--ink)}
.sd-stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}

.sd-course-card{
  background:var(--card);border:1px solid var(--line);border-radius:18px;
  overflow:hidden;transition:transform .35s,box-shadow .35s;
}
.sd-course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}
.sd-course-card-header{background:var(--blue);padding:24px;color:#fff;position:relative}
.sd-course-card-body{padding:22px}
.sd-course-progress-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px;color:var(--muted)}
.sd-course-progress-bar{height:6px;background:var(--soft);border-radius:10px;overflow:hidden;margin-bottom:16px}
.sd-course-progress-fill{height:100%;border-radius:10px;background:var(--violet);transition:width .8s var(--ease)}

/* ── QUICK PAGE FIX: prevent plain-text pages ── */
.plain-content-wrapper{
  max-width:860px;margin:60px auto;
  background:var(--card);border:1px solid var(--line);
  border-radius:20px;padding:40px;
}
.plain-content-wrapper h1{font-size:clamp(28px,4vw,42px)}
.plain-content-wrapper h2{font-size:22px;margin-top:32px}
.plain-content-wrapper p{color:var(--muted);line-height:1.75}
.plain-content-wrapper ul,.plain-content-wrapper ol{padding-left:24px;color:var(--muted);line-height:2}