:root{
  --bg:#f4f7fb;--surface:#fff;--surface-2:#f8fafc;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;
  --primary:#2563eb;--primary-2:#0f5fe0;--primary-soft:#eaf2ff;--success:#0f9f6e;--success-soft:#e9fbf3;
  --warning:#b7791f;--warning-soft:#fff8e6;--danger:#c2415d;--danger-soft:#fff0f3;--dark:#111827;--dark-2:#0b1220;
  --radius:10px;--radius-sm:6px;--shadow:0 8px 30px rgba(15,23,42,.08);--sidebar:218px;--topbar:64px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --topbar-bg:rgba(255,255,255,.96);--sidebar-bg:#fbfdff;--footer-bg:#fff;--nav-ink:#334155;
  --control-bg:#fff;--control-ink:#334155;--panel-tint:#f8fafc;--row-hover:#fbfdff;--learning-bg:#f3f6fa;
  --detail-hero-bg:linear-gradient(135deg,#fff,#f1f6ff);--sidebar-card-bg:linear-gradient(160deg,#f5f9ff,#eaf2ff);--sidebar-card-line:#d9e7ff;
  --hero-bg:linear-gradient(130deg,#0f172a 0%,#172554 48%,#0b5bd3 100%);--hero-text:#fff;--hero-muted:#dbeafe;--hero-accent:#93c5fd;
  --hero-ghost-bg:rgba(255,255,255,.08);--hero-ghost-border:rgba(255,255,255,.24);--hero-visual-bg:#fff;--hero-shadow:var(--shadow);--course-cover-bg:linear-gradient(135deg,#dbeafe,#eef2ff);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}code,pre{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.icon{width:19px;height:19px;flex:0 0 19px}.muted{color:var(--muted)}.lead{font-size:16px;color:var(--muted)}.kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-weight:800;font-size:11px}.text-right{text-align:right}.hidden{display:none!important}
.topbar{height:var(--topbar);position:sticky;top:0;z-index:100;display:grid;grid-template-columns:var(--sidebar) minmax(260px,1fr) auto;gap:18px;align-items:center;padding:0 18px;background:var(--topbar-bg);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.brand:hover{color:var(--ink)}.brand-mark{width:34px;height:34px;border-radius:8px;background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 6px 14px rgba(37,99,235,.25)}.brand b{display:block;font-size:16px;line-height:1.05}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.top-search input{width:min(560px,100%);height:38px;border:1px solid var(--line);background:var(--surface-2);border-radius:7px;padding:0 14px;outline:none}.top-search input:focus{border-color:#93b4f7;box-shadow:0 0 0 3px rgba(37,99,235,.08);background:#fff}.top-actions{display:flex;align-items:center;gap:10px}.user-chip{display:flex;align-items:center;gap:9px;color:var(--ink)}.user-chip small{display:block;color:var(--muted);font-size:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#625bf6;color:white;font-weight:800}.mobile-menu{display:none;border:0;background:transparent;padding:8px;color:var(--ink)}
.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:calc(100vh - var(--topbar))}.sidebar{position:sticky;top:var(--topbar);height:calc(100vh - var(--topbar));padding:16px 12px;border-right:1px solid var(--line);background:var(--sidebar-bg);display:flex;flex-direction:column;justify-content:space-between;z-index:90}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav>a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:7px;color:var(--nav-ink);font-weight:600}.sidebar nav>a:hover{background:var(--primary-soft);color:var(--primary)}.nav-label{padding:16px 11px 5px;font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.sidebar-card{margin:12px 3px;padding:14px;border:1px solid var(--sidebar-card-line);background:var(--sidebar-card-bg);border-radius:10px}.sidebar-card b{display:block;font-size:15px}.sidebar-card p{font-size:12px;color:var(--muted);margin:5px 0 10px}.sidebar-card a{font-size:12px;font-weight:800}.main-content{min-width:0;padding:22px 24px 38px}.footer{display:flex;justify-content:space-between;gap:20px;padding:14px 24px 14px calc(var(--sidebar) + 24px);border-top:1px solid var(--line);color:var(--muted);background:var(--footer-bg);font-size:11px}
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.page-head h1{margin:0;font-size:27px;line-height:1.2}.page-head p{margin:6px 0 0;color:var(--muted)}.page-actions{display:flex;gap:8px;flex-wrap:wrap}
.btn{height:36px;padding:0 14px;border-radius:6px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:750;font-size:12px;transition:.16s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-2);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-danger{background:#be3455;color:#fff}.btn-dark{background:var(--dark);color:#fff}.btn-ghost{border-color:var(--line);background:var(--control-bg);color:var(--control-ink)}.btn-ghost:hover{border-color:var(--primary);background:var(--row-hover)}.btn-soft{background:var(--primary-soft);color:var(--primary)}.btn-sm{height:30px;padding:0 10px;font-size:11px}.btn-lg{height:44px;padding:0 20px;font-size:13px}.btn .icon{width:15px;height:15px}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.alert{padding:11px 14px;border-radius:7px;margin:0 0 16px;border:1px solid}.alert.success{background:var(--success-soft);color:#067351;border-color:#bcebd7}.alert.error{background:var(--danger-soft);color:#9f2745;border-color:#ffd0db}.alert.warning{background:var(--warning-soft);color:#8d5b16;border-color:#f6dfa6}
.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px rgba(15,23,42,.02)}.card-pad{padding:18px}.card h2,.card h3{margin-top:0}.stat-card{padding:17px;display:flex;gap:14px;align-items:center}.stat-icon{width:42px;height:42px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.stat-card strong{display:block;font-size:24px;line-height:1.1}.stat-card small{color:var(--muted)}
.hero{min-height:440px;border-radius:15px;overflow:hidden;background:var(--hero-bg);color:var(--hero-text);padding:54px;display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;box-shadow:var(--hero-shadow)}.hero h1{font-size:46px;line-height:1.05;margin:8px 0 18px;letter-spacing:-.035em;color:var(--hero-text)}.hero .kicker{color:var(--hero-accent)}.hero p{font-size:17px;color:var(--hero-muted);max-width:620px}.hero-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.hero .btn-ghost{background:var(--hero-ghost-bg);color:var(--hero-text);border-color:var(--hero-ghost-border)}.hero-visual{background:var(--hero-visual-bg);border-radius:12px;padding:8px;box-shadow:0 28px 60px rgba(0,0,0,.32);transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}.hero-visual img{border-radius:8px}.feature-band{margin-top:18px}.feature-card{padding:18px}.feature-card .stat-icon{margin-bottom:12px}.feature-card h3{margin:0 0 6px;font-size:15px}.feature-card p{margin:0;color:var(--muted);font-size:12px}
.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:15px}.course-card{overflow:hidden;display:flex;flex-direction:column;min-height:280px}.course-cover{height:auto;min-height:125px;aspect-ratio:16/9;background:var(--course-cover-bg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.course-cover img{width:100%;height:100%;object-fit:cover}.course-cover img.course-cover-image.is-logo{object-fit:contain;padding:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-2) 88%,#031631),color-mix(in srgb,var(--primary-soft) 55%,#06182d))}.course-cover-video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.course-cover-fallback{padding:18px;text-align:center;color:var(--muted)}.course-cover-fallback b{display:block;color:var(--ink);font-size:13px;margin-bottom:5px}.course-cover-fallback span{font-size:10px}.course-cover .course-icon{display:none}.course-level{position:absolute;z-index:2;right:10px;top:10px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.8);font-size:10px;padding:4px 7px;border-radius:5px;font-weight:800;text-transform:uppercase}.course-body{padding:14px;display:flex;flex-direction:column;flex:1}.course-meta{font-size:10px;color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.course-title{font-size:16px;font-weight:850;color:var(--ink);line-height:1.25;margin:5px 0}.course-summary{font-size:12px;color:var(--muted);margin:0 0 12px;flex:1}.course-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:10px;font-size:11px;color:var(--muted)}
.progress{height:7px;background:#e8edf4;border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:99px}.progress-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.progress-row small{font-size:10px;color:var(--muted)}
.filters{padding:12px;display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.filters input,.filters select{height:36px;border:1px solid var(--line);border-radius:6px;background:var(--control-bg);padding:0 11px;color:var(--control-ink)}.filters input{min-width:240px;flex:1}
.course-detail-hero{padding:25px;display:grid;grid-template-columns:1fr 280px;gap:22px;background:var(--detail-hero-bg)}.course-detail-hero h1{font-size:31px;margin:6px 0}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.tag{font-size:10px;border-radius:99px;padding:5px 9px;background:#e8f7f0;color:#087b58;font-weight:750}.course-side-box{padding:16px;background:var(--control-bg);border:1px solid var(--line);border-radius:9px}.course-side-box dl{margin:0}.course-side-box dt{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800;margin-top:9px}.course-side-box dd{margin:1px 0;font-weight:750}.chapter{margin-top:14px;overflow:hidden}.chapter-head{padding:13px 15px;background:var(--panel-tint);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.chapter-head h3{margin:0;font-size:14px}.section-list{list-style:none;padding:0;margin:0}.section-list li{border-bottom:1px solid #edf1f5}.section-list li:last-child{border-bottom:0}.section-list a,.section-list .section-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:11px 14px;color:var(--nav-ink)}.section-list a:hover{background:var(--row-hover)}.status-dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1px solid #cbd5e1;color:#94a3b8}.status-dot.done{background:#dbf8ec;border-color:#8ee2bf;color:#07855e}.section-time{font-size:10px;color:var(--muted)}
/* Learning page */
body.learning-page .main-content{padding:14px 16px 32px;background:var(--learning-bg)}.learn-breadcrumb{font-size:11px;color:var(--muted);margin:0 0 10px}.learn-top{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.8fr);gap:12px}.video-card{overflow:hidden;background:#0b1220;border-color:#111827}.video-frame{position:relative;aspect-ratio:16/9;background:#020617}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-placeholder{height:100%;display:grid;place-items:center;text-align:center;color:#94a3b8;padding:30px}.video-placeholder .icon{width:52px;height:52px;margin:auto;color:#60a5fa}.lesson-video-title{padding:11px 14px;background:var(--surface)}.lesson-video-title h1{font-size:18px;margin:0 0 4px}.lesson-video-title p{margin:0;color:var(--muted);font-size:11px}.playlist{max-height:440px;overflow:auto}.playlist-head{padding:12px 13px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.playlist-head b{font-size:13px}.playlist-item{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--nav-ink)}.playlist-item:hover,.playlist-item.active{background:#edf5ff;color:#125bd8}.playlist-item b{font-size:11px}.playlist-item small{font-size:9px;color:var(--muted)}
.learn-middle{margin-top:12px;padding:18px}.learn-middle-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.lesson-content{font-size:14px;line-height:1.72;min-width:0}.lesson-content h2{font-size:22px;margin:4px 0 10px}.lesson-content h3{font-size:16px;margin:22px 0 8px}.lesson-content pre{padding:14px;overflow:auto;background:#101826;color:#dbeafe;border-radius:7px}.lesson-content code{font-size:12px}.lesson-content table{border-collapse:collapse;width:100%;margin:12px 0}.lesson-content th,.lesson-content td{border:1px solid var(--line);padding:8px 10px;text-align:left}.lesson-content img{border-radius:7px}.lesson-callout{padding:12px 14px;border-left:4px solid var(--primary);background:var(--primary-soft);border-radius:0 7px 7px 0;margin:13px 0}.lesson-aside{border-left:1px solid var(--line);padding-left:18px}.lesson-aside h3{font-size:12px;margin:0 0 9px}.lesson-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.code-lab{margin-top:12px;background:var(--dark-2);color:#e5edf7;border:1px solid #172033;border-radius:10px;overflow:hidden;box-shadow:0 12px 28px rgba(2,6,23,.13)}.code-toolbar{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid #273244;background:#111827}.code-toolbar .left,.code-toolbar .right{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.code-toolbar b{font-size:12px}.ready-pill{font-size:9px;padding:3px 7px;border-radius:99px;background:rgba(16,185,129,.14);color:#5ee3ad}.code-toolbar select{height:30px;background:#182234;border:1px solid #2a3952;color:#cbd5e1;border-radius:5px;padding:0 8px;font-size:10px}.code-toolbar .btn{height:30px}.code-lab-grid{display:grid;grid-template-columns:180px minmax(0,1.6fr) minmax(260px,.8fr);min-height:385px}.file-tree{border-right:1px solid #273244;background:#0d1524;padding:10px;font-size:11px}.file-tree .file-title{color:#94a3b8;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.08em;margin-bottom:8px}.file-item{padding:6px 7px;border-radius:5px;color:#cbd5e1;display:flex;align-items:center;gap:6px}.file-item.active{background:#1d2a3e;color:#fff}.code-editor-wrap{min-width:0;position:relative;background:#0f172a}.code-editor{position:absolute;inset:0;font-size:13px}.code-fallback{position:absolute;inset:0;width:100%;height:100%;resize:none;border:0;outline:0;background:#0f172a;color:#dbeafe;padding:14px;font:13px/1.55 Consolas,monospace}.output-panel{border-left:1px solid #273244;background:#0d1524;display:flex;flex-direction:column;min-width:0}.output-tabs{display:flex;border-bottom:1px solid #273244}.output-tabs button{border:0;border-right:1px solid #273244;background:transparent;color:#94a3b8;padding:9px 11px;font-size:10px}.output-tabs button.active{color:#fff;background:#111d30}.output-body{padding:11px;overflow:auto;white-space:pre-wrap;font:11px/1.55 Consolas,monospace;flex:1;color:#cbd5e1}.output-body .ok{color:#5ee3ad}.output-body .bad{color:#fb7185}.preview-frame{width:100%;height:100%;border:0;background:#fff}.code-instructions{padding:11px 13px;background:#121d30;border-top:1px solid #273244;color:#aebbd0;font-size:11px}.code-instructions b{color:#fff}
/* Forms/admin */
.form-card{padding:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:5px}.field.span-2,.span-2{grid-column:span 2}.field label{font-size:11px;font-weight:800;color:var(--nav-ink)}.field small{font-size:10px;color:var(--muted)}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:6px;padding:9px 10px;background:var(--control-bg);outline:none;color:var(--control-ink)}.field input,.field select{height:40px}.field textarea{min-height:110px;resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8db4f8;box-shadow:0 0 0 3px rgba(37,99,235,.07)}.checkline{display:flex;align-items:center;gap:7px}.checkline input{width:16px;height:16px}.section-divider{padding-top:6px;border-top:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted)}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{background:var(--panel-tint);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;text-align:left;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:10px;border-bottom:1px solid #edf1f5;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table .actions{display:flex;gap:5px;justify-content:flex-end}.badge{font-size:9px;font-weight:800;text-transform:uppercase;padding:4px 7px;border-radius:99px;background:#eef2f7;color:#475569}.badge.published,.badge.completed,.badge.active{background:#e5f8ef;color:#087b58}.badge.draft,.badge.in_progress{background:#fff7df;color:#9a670d}.badge.admin{background:#efe9ff;color:#6941c6}.badge.instructor{background:#e8f2ff;color:#1d5cc8}.badge.student{background:#f0f3f7;color:#475569}.admin-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.admin-tabs a{padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--control-bg);color:var(--control-ink);font-size:11px;font-weight:700}
.projects-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}
/* Quiz */
.quiz-shell{max-width:880px;margin:auto}.quiz-intro{padding:20px;margin-bottom:14px}.quiz-question{padding:17px;margin-bottom:11px}.question-no{font-size:10px;color:var(--primary);font-weight:850;text-transform:uppercase}.quiz-question h3{font-size:14px;margin:5px 0 12px}.answer-option{display:flex;gap:9px;align-items:flex-start;padding:9px 10px;border:1px solid var(--line);border-radius:6px;margin:6px 0;cursor:pointer;background:var(--control-bg);color:var(--control-ink)}.answer-option:hover{border-color:var(--primary);background:var(--row-hover)}.answer-option input{margin-top:2px}.quiz-result{padding:25px;text-align:center}.score-ring{width:104px;height:104px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:conic-gradient(var(--success) var(--score),#e9eef5 0);position:relative}.score-ring:after{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:var(--surface)}.score-ring strong{z-index:1;font-size:24px}
/* Certificate */
.btn-gold{background:linear-gradient(180deg,#ffe989,#e5ac20);border-color:#bd8211;color:#4b3200;box-shadow:0 5px 15px rgba(184,126,13,.18)}
.btn-gold:hover{background:linear-gradient(180deg,#fff0a4,#efb82e);border-color:#a86f08;color:#3a2700}
.btn-gold .icon{stroke:#5d3c00}
.certificate-ready-link{color:#8c5a00;font-weight:800}
.course-certificate-badge{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:5px;background:#fff3b9;border:1px solid #d79b16;color:#755000;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:850}
.course-certificate-badge .icon{width:13px;height:13px}
.course-certificate-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 3px}
.certificate-card-pending{margin:11px 0 3px;padding:8px 9px;border-radius:5px;border:1px solid #ecd38e;background:#fffbeb;color:#785b17;font-size:11px;line-height:1.45}
.certificate-course-status{margin-top:14px;max-width:660px;display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:7px;border:1px solid #ead18c;background:#fffaf0;color:#684c0e}
.certificate-course-status.ready{border-color:#d7ae43;background:#fff7d9;color:#5d4100}
.certificate-course-status .icon{width:21px;height:21px;flex:0 0 auto;margin-top:1px}
.certificate-course-status b,.certificate-course-status span{display:block}.certificate-course-status span{font-size:12px;margin-top:2px}
.certificate-page{background:#ece9df;padding:34px 20px}.certificate-actions{max-width:850px;margin:0 auto 14px;display:flex;justify-content:space-between;gap:10px;align-items:center}.certificate-actions .actions{justify-content:flex-end}
.certificate-gold{position:relative;width:min(820px,100%);min-height:1120px;margin:auto;padding:24px;background:radial-gradient(circle at 50% 44%,#fffdf3 0,#fbf6df 58%,#f0e5bd 100%);border:9px solid #d9a627;outline:2px solid #8f5c00;outline-offset:-15px;box-shadow:0 18px 40px rgba(65,47,13,.2);color:#171611;text-align:center;overflow:hidden}
.certificate-gold:before,.certificate-gold:after{content:"";position:absolute;inset:19px;border:1px solid #bb8412;pointer-events:none}.certificate-gold:after{inset:28px;border-color:#8f5c00}
.certificate-inner-frame{position:relative;z-index:1;min-height:1060px;padding:34px 58px 28px;border:1px solid rgba(183,128,12,.55)}
.certificate-brand-row{display:flex;justify-content:center;align-items:center;gap:13px}.certificate-brand-mark{width:56px;height:56px;border:2px solid #a56e00;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ffe990,#d7a21b);font-family:Georgia,serif;font-size:30px;font-weight:900;color:#755000}
.certificate-brand-name{font-family:Georgia,serif;font-size:31px;font-weight:700;line-height:1}.certificate-brand-subtitle{font-size:10px;font-weight:850;letter-spacing:6px;margin-top:7px}
.certificate-motto{display:flex;align-items:center;gap:15px;justify-content:center;margin:21px auto 23px;font-family:Georgia,serif;font-size:10px;letter-spacing:3px;color:#51452f}.certificate-motto span{height:1px;width:93px;background:#bf8615}
.certificate-gold h1{font-family:Georgia,serif;font-size:71px;line-height:.92;margin:0;color:#171611;letter-spacing:2px}.certificate-gold h3{font-family:Georgia,serif;font-size:34px;letter-spacing:2px;margin:8px 0 6px}.certificate-diamond{color:#c59118;font-size:18px;margin:2px 0 20px}
.certificate-presented{font-family:Georgia,serif;font-size:16px;letter-spacing:4px;font-weight:700;color:#2d2920;margin:0 0 16px}.certificate-student{font-family:Georgia,serif!important;font-size:43px!important;font-weight:500!important;color:#171611!important;border-bottom:1px solid #8c650d;padding:0 18px 13px;margin:0 auto 18px!important;max-width:620px}
.certificate-copy{font-family:Georgia,serif;font-size:16px;line-height:1.45;color:#403a30!important}.certificate-course-label{font-size:11px;letter-spacing:5px;font-weight:850;margin:19px 0 7px}.certificate-course-title{font-family:Georgia,serif!important;font-size:27px!important;line-height:1.15;color:#171611!important;margin:0 auto!important;max-width:630px}.certificate-tech{font-family:Georgia,serif;font-size:13px;color:#665a43!important;margin:9px 0 0}
.certificate-seal{width:178px;height:178px;border-radius:50%;margin:35px auto 28px;background:radial-gradient(circle at 36% 28%,#fff292,#ffc92b 30%,#df9410 74%,#9c5b00 100%);border:6px double #8e5500;box-shadow:0 12px 19px rgba(83,52,0,.22),inset 0 0 0 7px #efb51e;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#342000}.certificate-seal .seal-dots{font-size:15px;line-height:1;color:#7a4600;letter-spacing:1px}.certificate-seal .seal-dots span{font-size:22px;margin:0 4px}.certificate-seal small{font-family:Georgia,serif;font-weight:700;margin-top:7px}.certificate-seal strong{font-size:28px;letter-spacing:2px;margin-top:3px;text-shadow:0 1px rgba(255,255,255,.45)}
.certificate-signatures{display:grid;grid-template-columns:1fr 1fr;gap:130px;margin:0 38px}.certificate-signatures>div{display:flex;flex-direction:column;align-items:center}.certificate-signatures strong{font-family:Georgia,serif;font-size:13px;font-weight:500;min-height:19px}.certificate-signatures span{display:block;width:100%;height:1px;background:#24211b;margin:4px 0 8px}.certificate-signatures b{font-size:11px;letter-spacing:1px}
.certificate-id{font-size:11px;font-weight:800;margin-top:26px}.certificate-verify{font-size:9px;color:#786f5d;margin-top:7px;word-break:break-all}
/* Installer */
.installer-body{min-height:100vh;background:radial-gradient(circle at 20% 10%,#e9f2ff,#f8fafc 45%,#eef2f7);display:grid;place-items:center;padding:30px}.installer-wrap{width:min(850px,100%)}.installer-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 20px 50px rgba(15,23,42,.11)}.install-brand{display:flex;gap:10px;align-items:center;margin-bottom:20px}.install-brand b{display:block}.install-brand small{display:block;color:var(--muted)}.installer-card h1{margin:0;font-size:28px}.install-form{margin-top:20px}.install-actions{display:flex;gap:8px;margin:14px 0}
/* responsive */
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.learn-top{grid-template-columns:1fr}.playlist{max-height:300px}.learn-middle-grid{grid-template-columns:1fr}.lesson-aside{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.code-lab-grid{grid-template-columns:130px minmax(0,1fr)}.output-panel{grid-column:1/-1;border-left:0;border-top:1px solid #273244;min-height:180px}.hero{padding:40px;grid-template-columns:1fr}.hero-visual{transform:none}.course-detail-hero{grid-template-columns:1fr}}
@media(max-width:820px){.projects-layout{grid-template-columns:1fr}:root{--sidebar:0px}.topbar{grid-template-columns:auto auto 1fr;padding:0 12px}.brand small{display:none}.top-search{display:none}.mobile-menu{display:block;order:-1}.app-shell{display:block}.sidebar{position:fixed;left:-250px;width:230px;top:var(--topbar);transition:left .2s ease;box-shadow:var(--shadow)}.sidebar.open{left:0}.main-content{padding:16px 12px 30px}.footer{padding-left:14px;flex-direction:column}.grid-3{grid-template-columns:1fr 1fr}.hero{padding:30px 22px;min-height:auto}.hero h1{font-size:36px}.form-grid{grid-template-columns:1fr}.field.span-2,.span-2{grid-column:span 1}.certificate-page{padding:12px}.certificate{padding:45px 25px;border-width:9px}.certificate h1{font-size:35px}}
@media(max-width:600px){.top-actions .user-chip span:last-child{display:none}.top-actions .btn-ghost{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-head{flex-direction:column}.course-grid{grid-template-columns:1fr}.learn-top{display:block}.video-card{margin-bottom:10px}.code-lab-grid{display:block}.file-tree{display:none}.code-editor-wrap{height:340px}.output-panel{min-height:190px}.code-toolbar{align-items:flex-start}.code-toolbar .right{justify-content:flex-end}.footer{font-size:10px}.hero h1{font-size:31px}.hero p{font-size:14px}.certificate{min-height:560px}.certificate h2{font-size:25px}}
@media print{.topbar,.sidebar,.footer,.certificate-actions{display:none!important}.app-shell{display:block}.main-content{padding:0}.certificate-page{padding:0;background:#fff}.certificate{box-shadow:none;max-width:none;min-height:95vh}.certificate-page .main-content{padding:0}}

@media(max-width:820px){
  .certificate-actions{align-items:flex-start;flex-direction:column}.certificate-actions .actions{justify-content:flex-start}
  .certificate-gold{min-height:auto;padding:13px;border-width:6px}.certificate-inner-frame{min-height:0;padding:30px 18px}
  .certificate-gold h1{font-size:46px}.certificate-gold h3{font-size:25px}.certificate-student{font-size:32px!important}.certificate-course-title{font-size:22px!important}
  .certificate-signatures{gap:32px;margin:0 10px}.certificate-brand-name{font-size:24px}.certificate-brand-subtitle{letter-spacing:4px}
}
@media print{
  @page{size:A4 portrait;margin:0}
  .certificate-page .main-content{padding:0!important}.certificate-gold{width:210mm;min-height:297mm;box-shadow:none;margin:0;border-width:5mm;page-break-inside:avoid}
}

/* v1.2 assessment-integrity layout */
.answer-option,.quiz-option,.inline-check-option{
  min-height:64px;
  display:flex;
  align-items:center;
  gap:10px;
  box-sizing:border-box;
}
.quiz-options,.inline-check-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:720px){.quiz-options,.inline-check-options{grid-template-columns:1fr}}

/* v1.2.3 user-selectable LMS themes */
.theme-picker{display:flex;align-items:center;gap:2px;max-width:min(700px,52vw);overflow-x:auto;padding:3px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--surface) 88%,transparent);scrollbar-width:none}
.theme-picker::-webkit-scrollbar{display:none}.theme-selector-compat{display:none!important}.theme-picker button{height:29px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:11px;font-weight:650;white-space:nowrap;transition:.15s ease}.theme-picker button:hover{background:var(--primary-soft);color:var(--primary)}.theme-picker button.active,.theme-picker button[aria-pressed="true"]{background:var(--primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 28%,transparent)}

:root[data-theme="coxy"]{color-scheme:light;--bg:#f3f2d7;--surface:#ffffff;--surface-2:#f8f7e8;--ink:#111827;--muted:#686755;--line:#d8d5b8;--primary:#285b85;--primary-2:#1f4b70;--primary-soft:#e6eff8;--success:#287a4b;--success-soft:#e9f5e8;--warning:#9a6b17;--warning-soft:#fff8d8;--danger:#b74456;--danger-soft:#fff0f1;--topbar-bg:rgba(243,242,215,.97);--sidebar-bg:#f3f2d7;--footer-bg:#f3f2d7;--nav-ink:#202020;--control-bg:#f3f2d7;--control-ink:#111827;--panel-tint:#f7f6e3;--row-hover:#fbfaed;--learning-bg:#f3f2d7;--detail-hero-bg:linear-gradient(135deg,#ffffff,#f3f2d7);--sidebar-card-bg:linear-gradient(160deg,#ffffff,#f3f2d7);--sidebar-card-line:#d8d5b8;--hero-bg:linear-gradient(135deg,#f3f2d7 0%,#ffffff 52%,#e5efff 100%);--hero-text:#111827;--hero-muted:#52594f;--hero-accent:#285b85;--hero-ghost-bg:#f3f2d7;--hero-ghost-border:#d1cead;--hero-visual-bg:#ffffff;--hero-shadow:0 8px 30px rgba(63,62,42,.08);--course-cover-bg:#e4eeff}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="gray"]{color-scheme:light;--bg:#e5e7eb;--surface:#f8fafc;--surface-2:#eef0f2;--ink:#20242a;--muted:#606770;--line:#cfd4da;--primary:#4b5563;--primary-2:#6b7280;--primary-soft:#e2e5e9;--topbar-bg:rgba(248,250,252,.96);--sidebar-bg:#f3f4f6;--footer-bg:#f8fafc;--nav-ink:#303740;--control-bg:#fff;--control-ink:#20242a;--panel-tint:#eef0f2;--row-hover:#f0f2f4;--learning-bg:#e8eaed;--detail-hero-bg:linear-gradient(135deg,#f8fafc,#e2e5e9);--sidebar-card-bg:linear-gradient(160deg,#f8fafc,#e2e5e9);--sidebar-card-line:#cfd4da;--hero-bg:linear-gradient(130deg,#1f2937 0%,#4b5563 52%,#6b7280 100%);--hero-muted:#e5e7eb;--hero-accent:#d1d5db}
:root[data-theme="ocean"]{color-scheme:light;--bg:#edf7fb;--surface:#ffffff;--surface-2:#f1f9fc;--ink:#102a43;--muted:#54768a;--line:#cfe3ec;--primary:#087e9d;--primary-2:#0ea5c6;--primary-soft:#dff4f8;--topbar-bg:rgba(255,255,255,.95);--sidebar-bg:#f3fbfd;--footer-bg:#fff;--nav-ink:#21485a;--control-bg:#fff;--control-ink:#102a43;--panel-tint:#eaf7fa;--row-hover:#eefafd;--learning-bg:#e7f5f9;--detail-hero-bg:linear-gradient(135deg,#fff,#dff4f8);--sidebar-card-bg:linear-gradient(160deg,#f8fdff,#dff4f8);--sidebar-card-line:#c2e4ec;--hero-bg:linear-gradient(130deg,#06394a 0%,#087e9d 48%,#1ca7c7 100%);--hero-muted:#d9f7ff;--hero-accent:#8de7f7}
:root[data-theme="forest"]{color-scheme:light;--bg:#eff6f0;--surface:#ffffff;--surface-2:#f3f8f3;--ink:#18352a;--muted:#5f7469;--line:#d1e1d5;--primary:#287a4b;--primary-2:#35985f;--primary-soft:#e1f2e7;--topbar-bg:rgba(255,255,255,.95);--sidebar-bg:#f4faf5;--footer-bg:#fff;--nav-ink:#264b39;--control-bg:#fff;--control-ink:#18352a;--panel-tint:#eaf5ec;--row-hover:#edf8ef;--learning-bg:#e8f2ea;--detail-hero-bg:linear-gradient(135deg,#fff,#e1f2e7);--sidebar-card-bg:linear-gradient(160deg,#f9fdf9,#e1f2e7);--sidebar-card-line:#c6dfcc;--hero-bg:linear-gradient(130deg,#102f22 0%,#1e623b 50%,#287a4b 100%);--hero-muted:#d8f5e2;--hero-accent:#86efac}
:root[data-theme="dark"]{--bg:#0f141b;--surface:#181f29;--surface-2:#212a36;--ink:#edf3f8;--muted:#a7b4c2;--line:#33404f;--primary:#69a7ff;--primary-2:#88b9ff;--primary-soft:#1d3552;--success-soft:#16382f;--warning-soft:#3c3019;--danger-soft:#3f2028;--dark:#0b0f14;--dark-2:#05070a;--topbar-bg:rgba(24,31,41,.96);--sidebar-bg:#141b24;--footer-bg:#141b24;--nav-ink:#dbe5ee;--control-bg:#181f29;--control-ink:#edf3f8;--panel-tint:#212a36;--row-hover:#202b39;--learning-bg:#101720;--detail-hero-bg:linear-gradient(135deg,#181f29,#212a36);--sidebar-card-bg:linear-gradient(160deg,#1a2430,#1d3552);--sidebar-card-line:#334b67;--hero-bg:linear-gradient(130deg,#080d14 0%,#172033 50%,#24466f 100%);--hero-muted:#c7d7e8;--hero-accent:#88b9ff;--hero-visual-bg:#edf3f8;color-scheme:dark}

/* New developer themes requested for v1.2.3. */
:root[data-theme="midnight"]{--bg:#070b1a;--surface:#0d1427;--surface-2:#121b32;--ink:#eef2ff;--muted:#9aa7c7;--line:#26314c;--primary:#8b5cf6;--primary-2:#a78bfa;--primary-soft:#241c49;--success:#38d996;--success-soft:#12372c;--warning-soft:#3b2d17;--danger-soft:#3d1b2f;--dark:#080d1b;--dark-2:#040712;--topbar-bg:rgba(8,13,29,.96);--sidebar-bg:#090f20;--footer-bg:#090f20;--nav-ink:#dce4ff;--control-bg:#10182d;--control-ink:#eef2ff;--panel-tint:#121b32;--row-hover:#151f3a;--learning-bg:#080e1d;--detail-hero-bg:linear-gradient(135deg,#0d1427,#191d43);--sidebar-card-bg:linear-gradient(160deg,#101831,#221b45);--sidebar-card-line:#302a5c;--hero-bg:linear-gradient(130deg,#040716 0%,#111a3a 48%,#342064 100%);--hero-muted:#c7d2fe;--hero-accent:#c4b5fd;--hero-visual-bg:#eef2ff;color-scheme:dark}
:root[data-theme="sunrise"]{color-scheme:light;--bg:#fff7ed;--surface:#fffdf9;--surface-2:#fff2e2;--ink:#3f1d20;--muted:#8b5e57;--line:#f2d4bd;--primary:#ea580c;--primary-2:#f97316;--primary-soft:#ffead6;--success:#198754;--success-soft:#eaf8ef;--warning:#a16207;--warning-soft:#fff3cd;--danger:#be123c;--danger-soft:#ffe4e6;--topbar-bg:rgba(255,253,249,.96);--sidebar-bg:#fffaf2;--footer-bg:#fffaf2;--nav-ink:#6a352f;--control-bg:#fffdf9;--control-ink:#3f1d20;--panel-tint:#fff0df;--row-hover:#fff3e6;--learning-bg:#fff3e7;--detail-hero-bg:linear-gradient(135deg,#fffdf9,#ffe7d1);--sidebar-card-bg:linear-gradient(160deg,#fffdf8,#ffe6cc);--sidebar-card-line:#f2c9a5;--hero-bg:linear-gradient(130deg,#7c2d12 0%,#db2777 52%,#f59e0b 100%);--hero-muted:#fff3df;--hero-accent:#fde68a;--hero-ghost-bg:rgba(255,255,255,.12)}
:root[data-theme="terminal"]{--bg:#050805;--surface:#091009;--surface-2:#0d170d;--ink:#d9ffe0;--muted:#7eb88a;--line:#1d3a24;--primary:#22c55e;--primary-2:#4ade80;--primary-soft:#102a17;--success:#39ff88;--success-soft:#0c2d18;--warning:#d4d85a;--warning-soft:#303110;--danger:#ff5f72;--danger-soft:#351118;--dark:#040704;--dark-2:#020402;--topbar-bg:rgba(4,8,5,.97);--sidebar-bg:#060b06;--footer-bg:#060b06;--nav-ink:#b8f5c4;--control-bg:#091009;--control-ink:#d9ffe0;--panel-tint:#0d170d;--row-hover:#102012;--learning-bg:#050a05;--detail-hero-bg:linear-gradient(135deg,#091009,#102a17);--sidebar-card-bg:linear-gradient(160deg,#091109,#102a17);--sidebar-card-line:#1d4b28;--hero-bg:linear-gradient(135deg,#020502 0%,#071107 55%,#0f2b18 100%);--hero-muted:#9ee7ad;--hero-accent:#4ade80;--hero-visual-bg:#d9ffe0;color-scheme:dark}
:root[data-theme="solarized"]{--bg:#002b36;--surface:#073642;--surface-2:#0b3d48;--ink:#eee8d5;--muted:#93a1a1;--line:#28515b;--primary:#268bd2;--primary-2:#2aa198;--primary-soft:#124654;--success:#859900;--success-soft:#31460d;--warning:#b58900;--warning-soft:#3d3414;--danger:#dc322f;--danger-soft:#421c1b;--dark:#00252e;--dark-2:#001d24;--topbar-bg:rgba(0,43,54,.97);--sidebar-bg:#04313b;--footer-bg:#04313b;--nav-ink:#d7d2bd;--control-bg:#073642;--control-ink:#eee8d5;--panel-tint:#0b3d48;--row-hover:#0d4450;--learning-bg:#002730;--detail-hero-bg:linear-gradient(135deg,#073642,#0d4652);--sidebar-card-bg:linear-gradient(160deg,#073642,#124654);--sidebar-card-line:#2d5c66;--hero-bg:linear-gradient(130deg,#002b36 0%,#073642 48%,#0b5561 100%);--hero-muted:#c8c7b8;--hero-accent:#b58900;--hero-visual-bg:#eee8d5;color-scheme:dark}
:root[data-theme="cardano"]{--bg:#061228;--surface:#0b1b38;--surface-2:#10254a;--ink:#eef6ff;--muted:#a9bdd9;--line:#29466d;--primary:#1686ff;--primary-2:#2da0ff;--primary-soft:#0d315e;--success:#2dd4bf;--success-soft:#103d3a;--warning:#f0b429;--warning-soft:#443615;--danger:#fb7185;--danger-soft:#451e2a;--dark:#041026;--dark-2:#020a18;--topbar-bg:rgba(4,16,38,.97);--sidebar-bg:#07162f;--footer-bg:#07162f;--nav-ink:#d8e9ff;--control-bg:#0b1b38;--control-ink:#eef6ff;--panel-tint:#10254a;--row-hover:#12305e;--learning-bg:#06142c;--detail-hero-bg:linear-gradient(135deg,#0b1b38,#103468);--sidebar-card-bg:linear-gradient(160deg,#0b1b38,#0d315e);--sidebar-card-line:#2b4d7a;--hero-bg:linear-gradient(135deg,#03132f 0%,#073b88 52%,#0b7de3 100%);--hero-muted:#d7eaff;--hero-accent:#7dd3fc;--hero-visual-bg:#eef6ff;color-scheme:dark}

/* Dark-surface behaviour shared by the dark developer themes. */
:root:is([data-theme="dark"],[data-theme="midnight"],[data-theme="terminal"],[data-theme="solarized"],[data-theme="cardano"]) .sidebar nav>a,
:root:is([data-theme="dark"],[data-theme="midnight"],[data-theme="terminal"],[data-theme="solarized"],[data-theme="cardano"]) .section-list a,
:root:is([data-theme="dark"],[data-theme="midnight"],[data-theme="terminal"],[data-theme="solarized"],[data-theme="cardano"]) .section-list .section-row{color:var(--nav-ink)}
:root:is([data-theme="dark"],[data-theme="midnight"],[data-theme="terminal"],[data-theme="solarized"],[data-theme="cardano"]) .sidebar-card,
:root:is([data-theme="dark"],[data-theme="midnight"],[data-theme="terminal"],[data-theme="solarized"],[data-theme="cardano"]) .course-detail-hero,
:root:is([data-theme="dark"],[data-theme="midnight"],[data-theme="terminal"],[data-theme="solarized"],[data-theme="cardano"]) .chapter-head{border-color:var(--line)}
:root:is([data-theme="dark"],[data-theme="midnight"],[data-theme="terminal"],[data-theme="solarized"],[data-theme="cardano"]) .top-search input:focus{background:var(--control-bg)}
:root:is([data-theme="dark"],[data-theme="midnight"],[data-theme="terminal"],[data-theme="solarized"],[data-theme="cardano"]) .lesson-content th,
:root:is([data-theme="dark"],[data-theme="midnight"],[data-theme="terminal"],[data-theme="solarized"],[data-theme="cardano"]) .lesson-content td{border-color:var(--line)}
:root:is([data-theme="dark"],[data-theme="midnight"],[data-theme="terminal"],[data-theme="solarized"],[data-theme="cardano"]) .course-level{background:color-mix(in srgb,var(--surface) 92%,transparent);border-color:var(--line);color:var(--ink)}

@media(max-width:1180px){.theme-picker{max-width:46vw}}
@media(max-width:900px){.theme-picker{max-width:40vw}.theme-picker button{padding:0 8px}}
@media(max-width:820px){.theme-picker{max-width:calc(100vw - 190px)}}
@media(max-width:600px){.theme-picker{max-width:calc(100vw - 118px)}.theme-picker button{font-size:10px;padding:0 7px}}
/* v1.2.4 Coxy defaults and global user controls */
.pref-controls{display:flex;align-items:center;gap:5px;flex:0 0 auto}.pref-toggle{height:29px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:var(--control-bg);color:var(--control-ink);font-size:10px;font-weight:700;white-space:nowrap}.pref-toggle:hover,.pref-toggle.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
:root[data-theme="coxy"] .theme-picker{background:#f3f2d7;border-color:#d8d5b8}:root[data-theme="coxy"] .theme-picker button.active{background:#ffffff;color:#111827;border:1px solid #d8d5b8;box-shadow:none}:root[data-theme="coxy"] .pref-toggle{background:#f3f2d7;color:#111827;border-color:#d1cead}
:root[data-density="compact"]{--topbar:52px;--sidebar:194px;--radius:6px;--radius-sm:4px}
:root[data-density="compact"] .topbar{gap:10px;padding-left:12px;padding-right:12px}:root[data-density="compact"] .brand-mark{width:30px;height:30px}:root[data-density="compact"] .brand b{font-size:14px}:root[data-density="compact"] .theme-picker button,:root[data-density="compact"] .pref-toggle{height:26px;font-size:10px;padding-left:8px;padding-right:8px}:root[data-density="compact"] .sidebar{padding:9px 7px}:root[data-density="compact"] .sidebar nav>a{padding:7px 8px}:root[data-density="compact"] .main-content{padding:12px 14px 24px}:root[data-density="compact"] .card-pad,:root[data-density="compact"] .feature-card,:root[data-density="compact"] .form-card{padding:12px}:root[data-density="compact"] .page-head{margin-bottom:11px}:root[data-density="compact"] .page-head h1{font-size:23px}:root[data-density="compact"] .hero{min-height:330px;padding:32px;gap:20px}:root[data-density="compact"] .hero h1{font-size:38px}:root[data-density="compact"] .course-grid{gap:9px}:root[data-density="compact"] .course-body{padding:10px}:root[data-density="compact"] .course-card{min-height:230px}:root[data-density="compact"] .filters{padding:8px;margin-bottom:10px}:root[data-density="compact"] .chapter{margin-top:8px}:root[data-density="compact"] .chapter-head{padding:9px 11px}:root[data-density="compact"] .section-list a,:root[data-density="compact"] .section-list .section-row{padding:8px 10px}:root[data-density="compact"] .learn-middle{padding:11px}:root[data-density="compact"] .lesson-content{font-size:13px;line-height:1.58}:root[data-density="compact"] .code-toolbar{min-height:39px;padding:5px 7px}
.learn-view-controls{position:sticky;top:calc(var(--topbar) + 6px);z-index:70;margin:0 0 10px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 4px 16px rgba(15,23,42,.06);display:flex;align-items:center;justify-content:space-between;gap:10px;backdrop-filter:blur(10px)}.learn-view-label{display:flex;align-items:baseline;gap:8px;min-width:0}.learn-view-label b{font-size:11px}.learn-view-label span{font-size:9px;color:var(--muted)}.learn-view-actions{display:flex;gap:5px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.learn-view-actions .btn.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
body.learn-sidebar-hidden .app-shell{grid-template-columns:0 1fr}body.learn-sidebar-hidden #sidebar{display:none}body.learn-sidebar-hidden .footer{padding-left:24px}body.learn-sidebar-hidden .main-content{width:100%;max-width:none}
body.learning-page .learn-top.single-panel{grid-template-columns:1fr}body.learning-page [data-learn-panel][hidden]{display:none!important}
body.learn-code-focus .learn-breadcrumb{display:none}body.learn-code-focus .main-content{padding:5px 7px 16px}body.learn-code-focus .learn-view-controls{margin-bottom:5px}body.learn-code-focus .code-lab{margin-top:5px}body.learn-code-focus .code-lab-grid{min-height:calc(100vh - var(--topbar) - 78px)}body.learn-code-focus .code-editor-wrap{min-height:calc(100vh - var(--topbar) - 130px)}
@media(max-width:1100px){.learn-view-label span{display:none}}
@media(max-width:820px){.top-actions{min-width:0}.pref-controls{gap:3px}.pref-toggle{padding:0 7px}.learn-view-controls{top:calc(var(--topbar) + 3px);align-items:flex-start}.learn-view-actions{flex:1}.learn-view-actions .btn{height:28px;padding:0 8px;font-size:10px}body.learn-sidebar-hidden .footer{padding-left:14px}}
@media(max-width:600px){.brand>span:last-child{display:none}.top-actions{gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}.theme-picker{max-width:34vw;flex:0 0 auto}.pref-toggle{font-size:9px;padding:0 6px}.learn-view-controls{position:sticky;display:block;padding:6px}.learn-view-label{margin-bottom:5px}.learn-view-actions{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.learn-view-actions::-webkit-scrollbar{display:none}.learn-view-actions .btn{flex:0 0 auto}.learn-chapters .playlist{max-height:52vh}body.learn-code-focus .code-editor-wrap{height:calc(100vh - var(--topbar) - 120px);min-height:430px}body.learn-code-focus .output-panel{min-height:220px}}
.subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.subscription-card.current{outline:2px solid var(--primary);outline-offset:-2px}.subscription-price{font-size:26px;font-weight:900;margin:8px 0}.subscription-price small{font-size:11px;color:var(--muted);font-weight:600}.subscription-pay-form{display:grid;gap:9px}.subscription-pay-form label{font-size:11px;font-weight:800}.subscription-pay-form select,.subscription-pay-form input{display:block;width:100%;margin-top:4px}.inline-form{display:flex;gap:8px;flex-wrap:wrap}.inline-form input{min-width:280px;flex:1}@media(max-width:1100px){.subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.subscription-grid{grid-template-columns:1fr}}
/* v1.2.5 free-access, ratings and completion credentials */
.alert.info{background:var(--primary-soft);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 28%,var(--line))}
.course-rating-mini{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:11px;color:var(--muted)}.course-rating-mini>span{color:#d99a18;letter-spacing:.04em;font-size:13px}.course-rating-mini>b{color:var(--ink)}
.course-community-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.85fr);gap:14px;margin-top:16px}.course-rating-panel,.course-access-panel{display:flex;align-items:center;justify-content:space-between;gap:16px}.course-rating-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rating-stars{font-size:19px;color:#d99a18;letter-spacing:.035em}.star-rating-form{display:flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:flex-end}.star-rating-form label{cursor:pointer;line-height:1}.star-rating-form input{position:absolute;opacity:0;pointer-events:none}.star-rating-form label span{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:6px;background:var(--control-bg);color:#a4a4a4;font-size:18px;transition:.12s ease}.star-rating-form label:hover span,.star-rating-form label:has(input:checked) span{color:#d99a18;border-color:#d99a18;background:color-mix(in srgb,#f6c453 14%,var(--surface))}
.subscription-benefits{margin:12px 0 16px;padding-left:19px;color:var(--muted);font-size:12px}.subscription-benefits li{margin:5px 0}.subscription-benefits b{color:var(--ink)}
.chapter.chapter-locked{opacity:.86}.chapter-lock-message{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 13px;background:var(--warning-soft);border-bottom:1px solid var(--line);font-size:12px}.chapter-lock-message>span{flex:1;min-width:220px;color:var(--muted)}.section-row.locked,.playlist-item-locked{opacity:.68;cursor:not-allowed}.section-row.locked:hover,.playlist-item-locked:hover{background:var(--surface-2)}
.credential-completion-section{margin:0 0 20px}.completion-badge-card{display:flex;align-items:center;gap:18px}.completion-badge-artwork-wrap{width:116px;height:116px;flex:0 0 116px;display:grid;place-items:center;background:transparent}.completion-badge-artwork{display:block;width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.16))}.completion-badge-card h3{margin:2px 0 4px}
@media(max-width:760px){.course-community-row{grid-template-columns:1fr}.course-rating-panel,.course-access-panel{align-items:flex-start;flex-direction:column}.star-rating-form{justify-content:flex-start}.completion-badge-card{align-items:flex-start}.completion-badge-artwork-wrap{width:92px;height:92px;flex-basis:92px}.completion-badge-artwork{width:88px;height:88px}.chapter-lock-message{align-items:flex-start}.chapter-lock-message>span{min-width:100%}}

/* v1.2.15 Training Centre mobile header/theme menu; profile rules originate in v1.2.8 */
.brand{gap:0;min-width:0}.brand-title{display:block;font-size:15px;font-weight:850;line-height:1.1;color:var(--ink);white-space:nowrap}.theme-mobile-menu{display:none;position:relative;min-width:0}.theme-mobile-trigger{height:30px;width:100%;min-width:0;border:1px solid var(--line);border-radius:999px;background:var(--control-bg);color:var(--control-ink);padding:0 9px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:10px;font-weight:750;white-space:nowrap;outline:none}.theme-mobile-trigger:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 14%,transparent)}.theme-mobile-caret{font-size:11px;line-height:1;transition:transform .15s ease}.theme-mobile-menu.open .theme-mobile-caret{transform:rotate(180deg)}.theme-mobile-options{position:absolute;right:0;top:calc(100% + 5px);z-index:260;width:154px;max-width:calc(100vw - 18px);max-height:min(62vh,360px);overflow:auto;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 14px 34px rgba(15,23,42,.18)}.theme-mobile-options[hidden]{display:none!important}.theme-mobile-options button{display:block;width:100%;height:30px;border:0;border-radius:5px;padding:0 9px;background:transparent;color:var(--ink);font-size:11px;font-weight:650;text-align:left}.theme-mobile-options button:hover,.theme-mobile-options button.active{background:var(--primary-soft);color:var(--primary)}
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.profile-avatar-preview{width:76px;height:76px;border-radius:50%;overflow:hidden;border:2px solid var(--line);background:var(--primary-soft);display:grid;place-items:center;color:var(--primary);font-size:25px;font-weight:850}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.profile-photo-controls{min-width:220px;flex:1}.profile-linked-note{padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--primary-soft);color:var(--muted);font-size:12px}.profile-linked-note b{color:var(--ink)}
@media(max-width:600px){
  :root,:root[data-density="compact"]{--topbar:92px}
  .topbar{height:var(--topbar);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"menu brand" "actions actions";column-gap:7px;row-gap:5px;padding:7px 9px;align-content:center}
  .mobile-menu{grid-area:menu;order:0;padding:5px;justify-self:start}.brand{grid-area:brand;min-width:0}.brand>span:last-child{display:block}.brand-title{font-size:12px;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-actions{grid-area:actions;width:100%;min-width:0;display:flex;align-items:center;gap:5px;overflow:visible}.theme-picker{flex:1 1 116px;min-width:105px;max-width:none;overflow:visible;padding:0;background:transparent;border:0}.theme-picker>[data-theme-choice]{display:none!important}.theme-mobile-menu{display:block;width:100%}
  .pref-controls{flex:0 0 auto;gap:4px}.pref-toggle{height:30px;font-size:9px;padding:0 7px}.user-chip{flex:0 0 auto}.top-actions .user-chip span:last-child{display:none}.top-actions>.btn{height:30px;font-size:10px;padding:0 8px}.top-actions>.btn-ghost{display:none}
  .learn-view-controls{display:flex;align-items:center}.learn-view-label{margin-bottom:0}.learn-view-actions{overflow:visible;flex-wrap:wrap;padding-bottom:0}.learn-view-actions .btn{flex:0 0 auto}
}
@media(max-width:420px){:root,:root[data-density="compact"]{--topbar:90px}.brand-title{font-size:11px}.theme-mobile-options{left:0;right:auto}.pref-toggle{padding-left:5px;padding-right:5px}.avatar{width:30px;height:30px}}

/* v1.2.9: only unfinished database upgrades appear in admin navigation. */
.admin-tabs a.admin-upgrade-pending{
  background:#c62828;
  border-color:#c62828;
  color:#fff;
  box-shadow:0 3px 10px rgba(127,29,29,.16);
}
.admin-tabs a.admin-upgrade-pending:hover{
  background:#9f1f1f;
  border-color:#9f1f1f;
  color:#fff;
}

/* v1.3.7 homepage hero image slider */
.hero-slider{position:relative;overflow:hidden;isolation:isolate}
.hero-slider-track{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#07162f}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:scale(1.018);transition:opacity .55s ease,transform 1s ease,visibility 0s linear .55s;pointer-events:none}
.hero-slide.active{opacity:1;visibility:visible;transform:scale(1);transition-delay:0s;pointer-events:auto;z-index:1}
.hero-slider .hero-slide img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;cursor:zoom-in}
.hero-slider-nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:36px;height:36px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(4,16,38,.62);color:#fff;font-size:27px;line-height:1;display:grid;place-items:center;cursor:pointer;opacity:.88;transition:.16s ease;backdrop-filter:blur(3px)}
.hero-slider-nav:hover,.hero-slider-nav:focus-visible{opacity:1;background:rgba(4,16,38,.88);transform:translateY(-50%) scale(1.04);outline:none}
.hero-slider-prev{left:17px}.hero-slider-next{right:17px}
.hero-slider-dots{position:absolute;z-index:5;left:50%;bottom:17px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:99px;background:rgba(4,16,38,.5);backdrop-filter:blur(4px)}
.hero-slider-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:.18s ease}
.hero-slider-dot.active{width:22px;border-radius:99px;background:#fff}
.hero-slider-dot:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:820px){.hero-slider-nav{width:34px;height:34px}.hero-slider-prev{left:13px}.hero-slider-next{right:13px}.hero-slider-dots{bottom:13px}}
@media(max-width:600px){.hero-slider-nav{width:31px;height:31px;font-size:23px}.hero-slider-prev{left:10px}.hero-slider-next{right:10px}.hero-slider-dots{bottom:10px;padding:5px 7px}.hero-slider-dot{width:7px;height:7px}.hero-slider-dot.active{width:18px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none;transform:none}.hero-slider-nav,.hero-slider-dot{transition:none}}


/* v1.3.8 hero lightbox gallery */
html.hero-lightbox-open,body.hero-lightbox-open{overflow:hidden}
.hero-lightbox{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:18px}
.hero-lightbox.open{display:flex}
.hero-lightbox-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(2,8,23,.92);cursor:zoom-out}
.hero-lightbox-panel{position:relative;z-index:1;width:min(96vw,1500px);max-height:96vh;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(5,15,34,.96);box-shadow:0 24px 80px rgba(0,0,0,.55)}
.hero-lightbox-close{position:absolute;right:15px;top:15px;z-index:8;width:40px;height:40px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(4,16,38,.75);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer}
.hero-lightbox-close:hover,.hero-lightbox-close:focus-visible{background:#071e48;outline:2px solid #fff;outline-offset:2px}
.hero-lightbox-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;flex:1 1 auto;overflow:hidden;border-radius:8px;background:#020817}
.hero-lightbox-image{display:block;max-width:100%;max-height:calc(96vh - 150px);width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.hero-lightbox-nav{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(4,16,38,.7);color:#fff;font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px)}
.hero-lightbox-nav:hover,.hero-lightbox-nav:focus-visible{background:rgba(4,16,38,.95);outline:2px solid #fff;outline-offset:2px}
.hero-lightbox-prev{left:14px}.hero-lightbox-next{right:14px}
.hero-lightbox-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#fff;font-size:13px;min-height:22px}
.hero-lightbox-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-lightbox-counter{flex:0 0 auto;font-weight:800;color:#b9d6ff}
.hero-lightbox-thumbs{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:2px 1px 6px;scrollbar-width:thin}
.hero-lightbox-thumb{flex:0 0 96px;height:58px;padding:2px;border:2px solid transparent;border-radius:7px;background:rgba(255,255,255,.08);cursor:pointer;scroll-snap-align:center;opacity:.7;transition:opacity .15s ease,border-color .15s ease,transform .15s ease}
.hero-lightbox-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}
.hero-lightbox-thumb:hover,.hero-lightbox-thumb:focus-visible{opacity:1;outline:none;border-color:rgba(255,255,255,.6)}
.hero-lightbox-thumb.active{opacity:1;border-color:#5ca5ff;transform:translateY(-1px)}
@media(max-width:720px){.hero-lightbox{padding:7px}.hero-lightbox-panel{width:100%;max-height:98vh;padding:8px;gap:7px}.hero-lightbox-image{max-height:calc(98vh - 128px)}.hero-lightbox-nav{width:38px;height:38px;font-size:29px}.hero-lightbox-prev{left:8px}.hero-lightbox-next{right:8px}.hero-lightbox-close{width:36px;height:36px;right:10px;top:10px;font-size:27px}.hero-lightbox-thumb{flex-basis:78px;height:48px}.hero-lightbox-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-lightbox-thumb{transition:none}}

/* v1.3.9.1 compatibility additions: preserve v1.3.8 layout while adding requested UI */
.hero-mobile-toggle-wrap{display:none;margin-bottom:10px}
.hero-feature-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.hero-feature-list li{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 88%,transparent)}
.hero-feature-list strong{display:block;color:var(--ink);font-size:13px;margin-bottom:2px}
.hero-feature-list span{display:block;color:var(--muted);font-size:11px;line-height:1.4}
.hero-feature-icon{display:inline-flex!important;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background:var(--primary-soft);color:var(--primary);flex:0 0 auto}
.hero-feature-icon .icon{width:17px;height:17px}
.course-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.course-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.course-code-chip,.course-free-chip,.course-price-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--surface)}
.course-code-chip{color:var(--primary)}
.course-free-chip{color:#0a8f55}
.course-price-chip{color:var(--muted)}
.course-foot-secondary{margin-top:7px}
.course-detail-badges{margin:8px 0 10px}
.theme-mobile-preferences{border-top:1px solid var(--line);margin-top:5px;padding-top:5px;display:grid;grid-template-columns:1fr 1fr;gap:5px}
.theme-mobile-pref{display:block;width:100%;height:30px;border:0;border-radius:5px;padding:0 8px;background:transparent;color:var(--ink);font-size:10px;font-weight:700;text-align:center}
.theme-mobile-pref:hover,.theme-mobile-pref.active{background:var(--primary-soft);color:var(--primary)}
.bullet-list{margin:0;padding-left:18px}
@media(max-width:600px){
  .hero-mobile-toggle-wrap{display:block}
  .hero-mobile-toggle{width:100%}
  .hero[data-hero-collapsible].is-collapsed{display:none}
  .pref-controls{display:none!important}
  .hero-feature-list{grid-template-columns:1fr}
  .course-meta-row{align-items:flex-start}
}

/* v1.3.9.3 - keep hero slider level: equal left/right height */
.hero-visual.hero-slider{
  transform:none!important;
  perspective:none!important;
  padding:8px;
}
.hero-visual.hero-slider .hero-slider-track{
  transform:none!important;
  clip-path:none!important;
  width:100%;
  aspect-ratio:16/9;
  border-radius:8px;
  overflow:hidden;
}
.hero-visual.hero-slider .hero-slide,
.hero-visual.hero-slider .hero-slide.active{
  inset:0!important;
  transform:none!important;
}
.hero-visual.hero-slider .hero-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:none!important;
  clip-path:none!important;
  border-radius:8px;
}

/* v1.4.0 regression-safe compact hero features and vendor schools */
.hero-mini-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.hero-mini-feature{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 84%,transparent)}.hero-mini-feature .hero-feature-icon{width:30px;height:30px;min-width:30px;border-radius:7px}.hero-mini-feature strong{display:block;font-size:12px;line-height:1.2;color:var(--ink);margin-bottom:2px}.hero-mini-feature span{display:block;font-size:9.5px;line-height:1.3;color:var(--muted)}
.school-hero{position:relative;overflow:hidden;min-height:230px;background:linear-gradient(135deg,var(--school-primary,#0b4fa3),var(--surface));border-color:color-mix(in srgb,var(--school-primary,#0b4fa3) 55%,var(--line))}.school-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}.school-hero-content{position:relative;z-index:1;display:flex;gap:18px;align-items:center;padding:28px}.school-logo{width:92px;height:92px;object-fit:contain;border-radius:14px;background:#fff;padding:8px;box-shadow:var(--shadow)}.school-hero h1{font-size:34px;margin:4px 0 7px}.school-action-card{display:flex;flex-direction:column;gap:6px;transition:transform .15s ease,border-color .15s ease}.school-action-card:hover{transform:translateY(-2px);border-color:var(--primary)}.school-action-card b{font-size:15px;color:var(--ink)}.school-action-card span{font-size:11px;color:var(--muted);line-height:1.45}.compact-vendor-form{display:grid;gap:4px;min-width:150px}.compact-vendor-form label{font-size:9px;color:var(--muted)}.compact-vendor-form input[type=number]{width:90px;height:28px;padding:4px 6px}.vendor-signup-first{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));background:color-mix(in srgb,var(--primary-soft) 75%,var(--surface))}
.footer{font-weight:600}.footer span{color:var(--muted)}
@media(max-width:820px){.hero-mini-features{grid-template-columns:1fr 1fr}.school-hero-content{padding:20px}.school-logo{width:72px;height:72px}.school-hero h1{font-size:28px}}
@media(max-width:560px){.hero-mini-features{grid-template-columns:1fr}.hero-mini-feature{padding:7px 8px}.school-hero-content{align-items:flex-start;flex-direction:column}.school-hero h1{font-size:25px}}
.vendor-school-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.vendor-school-card{overflow:hidden;color:inherit;transition:transform .15s ease,border-color .15s ease}.vendor-school-card:hover{transform:translateY(-2px);border-color:var(--primary)}.vendor-school-cover{width:100%;height:115px;object-fit:cover}.vendor-school-body{display:flex;gap:12px;padding:14px}.vendor-school-logo{width:52px;height:52px;object-fit:contain;border-radius:10px;background:#fff;padding:5px;flex:0 0 auto}.vendor-school-body b{display:block;color:var(--ink);font-size:14px}.vendor-school-body p{margin:4px 0 7px;color:var(--muted);font-size:11px;line-height:1.4}.vendor-school-body small{color:var(--primary);font-weight:700}

/* v1.5.1 task-driven course completion */
.btn[disabled],
.btn[aria-disabled="true"] {
  opacity: .68;
  cursor: not-allowed;
  pointer-events: none;
}
.btn-enrolled {
  font-weight: 800;
}
.course-completion-panel {
  margin-top: 18px;
}
.course-completion-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.course-completion-head h2 {
  margin: 4px 0 6px;
}
.course-completion-score {
  min-width: 94px;
  text-align: right;
  display: grid;
  gap: 2px;
}
.course-completion-score strong {
  font-size: 28px;
  line-height: 1;
}
.course-completion-score span {
  font-size: 12px;
  color: var(--muted);
}
.course-completion-progress {
  margin-top: 10px;
}
.completion-task-list {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}
.completion-task {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--panel) 92%, transparent);
  color: inherit;
  text-decoration: none;
}
.completion-task.is-pending:hover,
.completion-task.is-pending:focus-visible {
  border-color: var(--primary);
  transform: translateY(-1px);
}
.completion-task.is-complete {
  opacity: .82;
}
.completion-task-status {
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  font-weight: 900;
}
.completion-task.is-complete .completion-task-status {
  color: #18a779;
}
.completion-task.is-pending .completion-task-status {
  color: var(--primary);
}
.completion-task-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.completion-task-copy small {
  color: var(--muted);
  line-height: 1.35;
}
.completion-task-state {
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.completion-task.is-pending .completion-task-state {
  color: var(--primary);
}
.course-completion-actions {
  margin-top: 14px;
}
@media (max-width: 700px) {
  .course-completion-head { display: grid; }
  .course-completion-score { text-align: left; }
  .completion-task { grid-template-columns: 28px minmax(0,1fr); }
  .completion-task-state { grid-column: 2; }
}

/* v1.5.2 Coxygen Global badge artwork + premium learner dashboard */
.brand{height:100%;display:flex;align-items:center;justify-content:flex-start}.brand-logo{display:block;width:auto;height:54px;max-width:138px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(176,112,0,.22))}.avatar.avatar-badge{background:transparent;border:1px solid color-mix(in srgb,var(--primary) 38%,var(--line));padding:1px}.avatar.avatar-badge img{object-fit:contain;padding:1px}.profile-avatar-preview.profile-avatar-badge{border-radius:16px;background:color-mix(in srgb,var(--primary-soft) 54%,transparent);padding:4px}.profile-avatar-preview.profile-avatar-badge img{object-fit:contain;border-radius:10px}.profile-badge-auto-note{margin-top:9px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--primary-soft);color:var(--muted);font-size:11px}.profile-badge-auto-note b{color:var(--ink)}

.credential-artwork-wrap{display:flex;align-items:center;gap:16px;margin:10px 0 15px;padding:12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-2) 82%,transparent)}.credential-artwork{width:132px;height:132px;object-fit:contain;flex:0 0 132px}.credential-artwork-caption{font-size:15px;font-weight:850;color:var(--ink)}.course-earned-badge-card{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:24px;align-items:center}.course-earned-badge-art{display:grid;place-items:center;min-height:250px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 68%);border-radius:14px}.course-earned-badge-art img{width:min(100%,260px);max-height:270px;object-fit:contain}.course-earned-badge-copy h2{font-size:24px;margin:0 0 8px}.course-earned-badge-copy p{color:var(--muted)}

.learner-dashboard-v152 .main-content{padding:16px 18px 40px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 92%,#00112f 8%),var(--bg))}.dashboard-pro-shell{width:min(100%,1500px);margin:0 auto}.dashboard-notice{margin:0 0 14px}.dashboard-journey-hero{position:relative;overflow:hidden;min-height:195px;border:1px solid color-mix(in srgb,var(--primary) 38%,var(--line));border-radius:13px;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:26px;background:linear-gradient(120deg,color-mix(in srgb,var(--surface) 88%,#081a43 12%) 0%,color-mix(in srgb,var(--primary-soft) 76%,#0b3470 24%) 55%,color-mix(in srgb,var(--surface) 80%,#052e61 20%) 100%);box-shadow:0 18px 48px rgba(0,31,82,.12)}.dashboard-journey-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 34%,rgba(255,205,86,.16),transparent 9%),linear-gradient(135deg,transparent 52%,rgba(35,126,255,.13) 52.4%,transparent 53%),linear-gradient(25deg,transparent 64%,rgba(255,255,255,.05) 64.5%,transparent 65%)}.dashboard-journey-copy,.dashboard-journey-mark{position:relative;z-index:1}.dashboard-eyebrow{font-size:10px;letter-spacing:.22em;font-weight:850;color:var(--primary)}.dashboard-journey-copy h1{margin:6px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3vw,46px);line-height:1.02;letter-spacing:-.025em;color:var(--ink)}.dashboard-journey-copy p{margin:0;color:var(--muted);font-size:14px}.dashboard-journey-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.dashboard-journey-mark{display:grid;gap:8px;min-width:110px;padding-left:24px;border-left:2px solid color-mix(in srgb,#f0b429 70%,transparent);font-size:10px;letter-spacing:.28em;color:var(--muted)}
.dashboard-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0}.dashboard-stat{min-height:86px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 76%,var(--surface)));box-shadow:0 5px 20px rgba(0,25,72,.06)}.dashboard-stat-icon{grid-row:1/3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--primary-soft) 80%,transparent);color:var(--primary);box-shadow:0 0 18px color-mix(in srgb,var(--primary) 22%,transparent)}.dashboard-stat-icon.success{color:var(--success);background:color-mix(in srgb,var(--success-soft) 86%,transparent)}.dashboard-stat-icon.gold{color:#e9a916;background:color-mix(in srgb,#f0b429 14%,var(--surface))}.dashboard-stat strong{font-size:24px;line-height:1}.dashboard-stat small{font-size:11px;color:var(--muted)}
.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}.dashboard-main-column,.dashboard-right-rail{display:grid;gap:14px}.dashboard-panel,.dashboard-profile-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(150deg,var(--surface),color-mix(in srgb,var(--surface-2) 60%,var(--surface)));box-shadow:0 8px 30px rgba(0,26,78,.06)}.dashboard-panel{padding:14px}.dashboard-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.dashboard-section-head>div{display:grid;gap:2px}.dashboard-section-head span{font-size:16px;font-weight:850;color:var(--ink)}.dashboard-section-head small{font-size:10px;color:var(--muted)}.dashboard-section-head>a{font-size:11px;font-weight:750}.dashboard-empty{padding:22px;border:1px dashed var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.dashboard-empty.compact{padding:13px}.dashboard-empty p{margin:4px 0 12px;color:var(--muted)}
.dashboard-learning-list{display:grid;gap:10px}.dashboard-learning-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:15px;padding:10px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface-2) 66%,var(--surface));transition:transform .14s ease,border-color .14s ease}.dashboard-learning-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 48%,var(--line))}.dashboard-course-preview{height:126px;border-radius:8px;overflow:hidden;background:var(--course-cover-bg);display:grid;place-items:center;color:var(--primary)}.dashboard-course-preview img{width:100%;height:100%;object-fit:cover}.dashboard-course-preview img.is-logo{object-fit:contain;padding:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-2) 88%,#031631),color-mix(in srgb,var(--primary-soft) 55%,#06182d))}.dashboard-course-preview .icon{width:36px;height:36px}.dashboard-course-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.dashboard-course-meta{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:750}.dashboard-course-copy h3{margin:3px 0 3px;font-size:17px;line-height:1.2}.dashboard-course-copy h3 a{color:var(--ink)}.dashboard-course-copy p{margin:0 0 8px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dashboard-course-progress{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:auto 0 8px}.dashboard-course-progress b{font-size:11px}.dashboard-course-progress .progress>span{background:linear-gradient(90deg,#1f9cff,#55d4ff)}
.dashboard-badge-grid{display:grid;grid-template-columns:repeat(8,minmax(88px,1fr));gap:8px}.dashboard-badge-item{min-width:0;display:flex;flex-direction:column;align-items:center;padding:8px 5px 7px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--surface-2) 76%,var(--surface));text-align:center;transition:.14s ease}.dashboard-badge-item:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--line));transform:translateY(-2px)}.dashboard-badge-item img{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(0,0,0,.15))}.dashboard-badge-item b{font-size:10px;color:var(--ink);text-transform:uppercase}.dashboard-badge-item small{display:block;width:100%;margin-top:2px;font-size:8px;line-height:1.25;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-badge-fallback{height:86px;display:grid;place-items:center;color:var(--primary)}.dashboard-badge-fallback .icon{width:42px;height:42px}
.dashboard-school-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dashboard-school-card{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.dashboard-school-card h3{margin:3px 0}.dashboard-school-card p{min-height:38px;margin:0 0 10px;color:var(--muted);font-size:10px}
.dashboard-profile-card{padding:18px;text-align:center}.dashboard-profile-image{width:148px;height:148px;margin:0 auto 8px;border-radius:50%;overflow:hidden;border:2px solid color-mix(in srgb,var(--primary) 55%,var(--line));display:grid;place-items:center;background:var(--primary-soft);font-size:48px;font-weight:900;color:var(--primary);box-shadow:0 12px 30px rgba(0,37,102,.13)}.dashboard-profile-image img{width:100%;height:100%;object-fit:cover}.dashboard-profile-image.is-badge{width:174px;height:174px;border:0;border-radius:20px;background:transparent;box-shadow:none;overflow:visible}.dashboard-profile-image.is-badge img{object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.18))}.dashboard-profile-rank{display:inline-block;margin-bottom:5px;padding:3px 8px;border-radius:99px;background:color-mix(in srgb,#f0b429 13%,var(--surface));color:#c58b08;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.dashboard-profile-card h2{margin:2px 0 0;font-size:21px}.dashboard-profile-card>p{margin:2px 0 12px;color:var(--muted);font-size:10px}.dashboard-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.dashboard-profile-stats span{display:grid}.dashboard-profile-stats span+span{border-left:1px solid var(--line)}.dashboard-profile-stats b{font-size:18px}.dashboard-profile-stats small{font-size:9px;color:var(--muted)}
.dashboard-achievement-card{overflow:hidden}.dashboard-latest-achievement{text-align:center;padding:4px 8px 12px;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,#f0b429 12%,transparent),transparent 55%)}.dashboard-latest-achievement img{width:190px;height:190px;margin:0 auto;object-fit:contain;filter:drop-shadow(0 9px 14px rgba(0,0,0,.18))}.dashboard-latest-achievement h3{margin:-5px 0 2px;font-size:16px}.dashboard-latest-achievement p{margin:0 0 2px;font-size:11px}.dashboard-latest-achievement small{display:block;margin-bottom:10px;color:var(--muted);font-size:9px}.dashboard-award-symbol{width:96px;height:96px;margin:10px auto;display:grid;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary)}.dashboard-award-symbol .icon{width:48px;height:48px}.dashboard-next-card p{font-size:11px;color:var(--muted)}.dashboard-next-card p b{color:var(--ink)}
.dashboard-lower-section{margin-top:18px}.dashboard-lower-section>.dashboard-section-head{margin-bottom:8px}

@media(max-width:1260px){.dashboard-badge-grid{grid-template-columns:repeat(4,minmax(90px,1fr))}.dashboard-school-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1060px){.dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-main-grid{grid-template-columns:1fr}.dashboard-right-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-profile-card,.dashboard-achievement-card,.dashboard-next-card{min-height:100%}.dashboard-profile-image.is-badge{width:138px;height:138px}.dashboard-latest-achievement img{width:135px;height:135px}}
@media(max-width:760px){.course-earned-badge-card{grid-template-columns:1fr}.course-earned-badge-art{min-height:190px}.course-earned-badge-art img{max-height:210px}.credential-artwork-wrap{align-items:flex-start}.credential-artwork{width:105px;height:105px;flex-basis:105px}.dashboard-journey-hero{padding:23px;min-height:180px}.dashboard-journey-mark{display:none}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-learning-card{grid-template-columns:126px minmax(0,1fr)}.dashboard-course-preview{height:104px}.dashboard-right-rail{grid-template-columns:1fr}.dashboard-school-grid{grid-template-columns:1fr}.dashboard-badge-grid{grid-template-columns:repeat(4,minmax(70px,1fr))}.dashboard-badge-item img{width:72px;height:72px}}
@media(max-width:600px){.brand-logo{height:40px;max-width:64px}.learner-dashboard-v152 .main-content{padding:10px 9px 28px}.dashboard-journey-copy h1{font-size:30px}.dashboard-stat-grid{gap:8px}.dashboard-stat{grid-template-columns:36px 1fr;min-height:74px;padding:10px}.dashboard-stat-icon{width:34px;height:34px}.dashboard-stat strong{font-size:20px}.dashboard-learning-card{grid-template-columns:1fr}.dashboard-course-preview{height:auto;aspect-ratio:16/9}.dashboard-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-badge-item img{width:100px;height:100px}.dashboard-profile-image.is-badge{width:160px;height:160px}}
.sidebar nav>a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 86%,#0b4cb0),color-mix(in srgb,var(--primary) 58%,var(--primary-soft)));color:#fff;box-shadow:inset 3px 0 0 #62d3ff,0 5px 16px color-mix(in srgb,var(--primary) 18%,transparent)}.sidebar nav>a.active:hover{color:#fff;background:var(--primary)}

/* v1.5.4: keep these legacy themes functional but hide their selector buttons. */
.theme-picker > [data-theme-choice="light"],
.theme-picker > [data-theme-choice="dark"],
.theme-picker > [data-theme-choice="gray"],
.theme-picker > [data-theme-choice="terminal"],
.theme-mobile-options > [data-theme-menu-choice="light"],
.theme-mobile-options > [data-theme-menu-choice="dark"],
.theme-mobile-options > [data-theme-menu-choice="gray"],
.theme-mobile-options > [data-theme-menu-choice="terminal"]{display:none!important}


/* v1.5.26 - reuse the homepage background video on the All Schools Courses hero */
.catalogue-video-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:154px;
  margin:0 0 14px;
  padding:24px 26px;
  border:1px solid rgba(117,223,255,.22);
  border-radius:12px;
  background:var(--hero-bg);
  color:#fff;
  box-shadow:0 10px 28px rgba(2,20,37,.16);
  display:flex;
  align-items:center;
}
.catalogue-video-hero .catalogue-bg-video{opacity:.88;object-position:center 46%}
.catalogue-video-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(2,17,33,.92) 0%,rgba(2,27,47,.74) 48%,rgba(2,20,37,.50) 100%)}
.catalogue-hero-content{position:relative;z-index:2;width:min(820px,100%)}
.catalogue-video-hero .page-head{margin:0}.catalogue-video-hero .page-head h1{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.32)}
.catalogue-video-hero .page-head p{max-width:720px;color:#dff7ff;text-shadow:0 1px 10px rgba(0,0,0,.34)}
.catalogue-video-hero .kicker{color:#72e5ff;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.catalogue-video-hero .catalogue-count{margin-top:8px;color:#cbe8f3;font-size:12px}
.catalogue-video-hero .catalogue-count strong{color:#fff}
@media(max-width:820px){.catalogue-video-hero{min-height:142px;padding:20px}.catalogue-video-overlay{background:rgba(2,20,37,.78)}}
@media(max-width:560px){.catalogue-video-hero{min-height:134px;padding:18px 16px;border-radius:10px}.catalogue-video-hero .page-head h1{font-size:25px}.catalogue-video-hero .page-head p{font-size:13px}}

/* v1.5.5 - homepage looping video hero + expanded Coxygen footer */
.home-video-hero{position:relative;isolation:isolate;background:var(--hero-bg);--hero-text:#fff;--hero-muted:#dff7ff;--hero-accent:#72e5ff;--hero-ghost-bg:rgba(3,22,42,.56);--hero-ghost-border:rgba(206,247,255,.42)}
.home-video-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(2,17,33,.88) 0%,rgba(2,32,51,.70) 48%,rgba(2,25,47,.70) 100%)}
.hero-bg-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.92;pointer-events:none}
/* v1.5.30 - homepage alternates 15s poster / 6s video without hiding the floating bubble cloud */
.hero-bg-poster-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.home-video-hero[data-hero-alternate-media] .hero-bg-poster-image{opacity:1;transition:opacity .85s ease}
.home-video-hero[data-hero-alternate-media] .hero-bg-video{opacity:0;transition:opacity .85s ease}
.home-video-hero[data-hero-alternate-media].is-video-phase .hero-bg-poster-image{opacity:0}
.home-video-hero[data-hero-alternate-media].is-video-phase .hero-bg-video{opacity:.92}
.home-video-hero[data-hero-alternate-media].is-image-phase .hero-bg-poster-image{opacity:1}
.home-video-hero[data-hero-alternate-media].is-image-phase .hero-bg-video{opacity:0}
.home-video-hero>.hero-copy,.home-video-hero>.hero-visual{position:relative;z-index:2}
.home-video-hero .hero-mini-feature{background:rgba(3,24,43,.68);border-color:rgba(172,231,245,.28);backdrop-filter:blur(6px)}
.home-video-hero .hero-mini-feature strong{color:#fff}
.home-video-hero .hero-mini-feature span{color:#cbe8f3}
.home-video-hero .hero-feature-icon{background:rgba(15,80,105,.62);color:#8be8ff}
.hero-network-links{display:grid;grid-template-columns:1fr;gap:7px;width:min(230px,100%);margin-top:10px}
.hero-network-links .btn{justify-content:flex-start;padding-left:16px;background:rgba(3,22,42,.66)!important;color:#fff!important;border-color:rgba(206,247,255,.32)!important}
.hero-network-links .btn:hover{background:rgba(5,45,72,.88)!important;border-color:#75dfff!important}
@media(prefers-reduced-motion:reduce){.hero-bg-video{display:none}.hero-bg-poster-image{display:block!important;opacity:1!important}}
@media(max-width:820px){.home-video-hero::before{background:rgba(2,20,37,.78)}.hero-network-links{width:min(230px,100%)}.hero-network-links .btn{justify-content:flex-start;padding-left:16px}}
@media(max-width:560px){.hero-network-links{width:100%}.hero-network-links .btn{justify-content:center;padding-left:10px}}

.footer.site-footer{display:block;padding:26px 24px 18px calc(var(--sidebar) + 24px);font-weight:500;color:var(--muted);background:var(--footer-bg)}
.site-footer-grid{display:grid;grid-template-columns:minmax(180px,1.1fr) repeat(4,minmax(130px,.8fr));gap:22px;align-items:start;max-width:1550px;margin:0 auto}
.site-footer-grid section{min-width:0}
.site-footer-grid h2{margin:0 0 9px;color:var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.site-footer-brand p{margin:8px 0;color:var(--muted);font-size:11px;line-height:1.55;max-width:310px}
.site-footer-brand small{display:block;color:var(--muted);font-size:9.5px;line-height:1.5}
.site-footer-logo{width:86px;height:70px;object-fit:contain;object-position:left center}
.site-footer-links,.site-footer-social{display:flex;flex-direction:column;gap:6px}
.site-footer-links a,.site-footer-social a{color:var(--muted);font-size:11px;line-height:1.35}
.site-footer-links a:hover,.site-footer-social a:hover,.site-footer-map-head a:hover{color:var(--primary)}
.site-footer-address{font-style:normal;font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:8px}
.site-footer-map{grid-column:1/-1;margin-top:2px}
.site-footer-map-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.site-footer-map-head h2{margin:0}
.site-footer-map-head a{font-size:10px;font-weight:700;color:var(--primary)}
.site-footer-map iframe{display:block;width:100%;height:210px;border:1px solid var(--line);border-radius:10px;background:var(--surface);filter:saturate(.92)}
.site-footer-bottom{max-width:1550px;margin:18px auto 0;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:10px}
.footer.site-footer .site-footer-bottom span{color:var(--muted)}
.legal-page{max-width:1000px;margin:0 auto}.legal-page h1{margin:6px 0 10px}.legal-rights-grid{margin:18px 0}.legal-rights-grid .card{box-shadow:none}.legal-rights-grid h2{font-size:15px;margin-bottom:6px}.legal-rights-grid p{font-size:12px;color:var(--muted);margin:0}.legal-contact-box{margin:12px 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}
@media(max-width:1150px){.site-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer-map{grid-column:1/-1}}
@media(max-width:820px){.footer.site-footer{padding:24px 14px 16px}.site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer-map{grid-column:1/-1}.site-footer-map iframe{height:190px}}
@media(max-width:560px){.site-footer-grid{grid-template-columns:1fr}.site-footer-map{grid-column:auto}.site-footer-map iframe{height:180px}.site-footer-bottom{display:block}.site-footer-bottom span{display:block;margin-top:4px}.legal-rights-grid{grid-template-columns:1fr}}

/* v1.5.8 - public home hero carousel stays borderless/75% with 10px image corners */
.home-video-hero .hero-visual.hero-slider{
  padding:0;
  border:0;
  border-radius:10px;
  background:transparent;
  box-shadow:none;
}
.home-video-hero .hero-visual.hero-slider .hero-slider-track{
  border:0;
  border-radius:10px;
  background:transparent;
  box-shadow:none;
}
.home-video-hero .hero-visual.hero-slider .hero-slide img{
  border:0;
  border-radius:10px;
  opacity:.75;
  box-shadow:none;
}

/* v1.5.19 - compact credential artwork in admin/vendor badge audit lists. */
.achievement-badge-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:12px;
}
.achievement-badge-card{
  min-width:0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
}
.achievement-badge-card > img{
  display:block;
  width:96px;
  height:96px;
  max-width:96px;
  max-height:96px;
  object-fit:contain;
  margin:0 0 9px;
  background:transparent;
  filter:drop-shadow(0 5px 9px rgba(0,0,0,.16));
}
.achievement-badge-card > b,
.achievement-badge-card > small{
  display:block;
}
.achievement-badge-card > small{
  margin-top:3px;
}
@media(max-width:760px){
  .achievement-badge-grid{grid-template-columns:1fr}
  .achievement-badge-card > img{
    width:76px;
    height:76px;
    max-width:76px;
    max-height:76px;
  }
}

/* v1.5.33 - public-home achievement cloud uses a neat rotating matrix. */
.home-video-hero>.hero-achievement-cloud{position:relative;z-index:2;align-self:stretch}
.hero-achievement-cloud{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  grid-template-rows:repeat(4,minmax(0,1fr));
  align-content:center;
  align-items:center;
  justify-items:center;
  gap:18px 16px;
  min-height:390px;
  width:100%;
  overflow:visible;
  pointer-events:none;
  isolation:isolate;
  padding:12px 8px 8px;
}
.hero-achievement-ball{
  --ball-order:1;--ball-duration:15s;--ball-delay:0s;
  position:relative;
  order:var(--ball-order);
  width:clamp(74px,8.2vw,98px);
  margin:0;
  opacity:.96;
  transform:translateY(0) scale(.98);
  animation:hero-achievement-grid-float var(--ball-duration) ease-in-out var(--ball-delay) infinite;
  will-change:transform,opacity,filter;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.24));
  transition:order .4s ease,opacity .25s ease,transform .25s ease;
}
.hero-achievement-ball.is-hidden-slot{display:none!important}
.hero-achievement-media{
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:1;
  overflow:hidden;
  border-radius:50%;
  border:1px solid rgba(171,231,255,.55);
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.22),rgba(7,28,55,.72) 70%);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.06),0 0 24px rgba(38,160,255,.18);
  backdrop-filter:blur(4px);
}
.hero-achievement-ball.is-photo .hero-achievement-media img{
  width:100%;height:100%;object-fit:cover;border-radius:50%;
}
.hero-achievement-ball.is-photo .hero-achievement-media{border:2px solid rgba(236,249,255,.82);box-shadow:inset 0 0 0 3px rgba(255,255,255,.08),0 0 28px rgba(45,174,255,.28)}
/* v1.5.25 - preserve avatar visibility; leave a clean gap and curve names along the lower bubble edge. */
.hero-achievement-ball.is-person .hero-achievement-media{border:2px solid rgba(236,249,255,.82);box-shadow:inset 0 0 0 3px rgba(255,255,255,.08),0 0 28px rgba(45,174,255,.28)}
.hero-achievement-ball.is-person.is-avatar-photo .hero-achievement-media img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.hero-achievement-ball.is-person.is-avatar-emblem .hero-achievement-media{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.14),rgba(7,28,55,.52) 72%)}
.hero-achievement-ball.is-person.is-avatar-emblem .hero-achievement-media img{width:88%;height:88%;object-fit:contain;border-radius:50%}
.hero-person-name-curve{position:absolute;left:-17%;top:-3%;width:134%;height:134%;overflow:visible;pointer-events:none;z-index:4;filter:drop-shadow(0 1px 2px rgba(0,0,0,.78))}
.hero-person-name-curve text,.hero-person-name-curve textPath{fill:#fff!important;color:#fff!important;stroke:rgba(0,0,0,.34);stroke-width:.55px;paint-order:stroke fill;font-size:10.5px;font-weight:850;letter-spacing:.35px;font-family:inherit}
.hero-achievement-ball.is-badge .hero-achievement-media{border-color:rgba(246,215,112,.42);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.16),rgba(7,28,55,.46) 72%)}
.hero-achievement-ball.is-badge .hero-achievement-media img{
  width:88%;height:88%;object-fit:contain;border-radius:50%;
}
.hero-achievement-ball figcaption{
  display:block;
  width:max-content;
  max-width:130%;
  margin:6px auto 0;
  padding:3px 7px;
  border:1px solid rgba(173,227,255,.25);
  border-radius:999px;
  background:rgba(2,18,36,.68);
  color:#e8f7ff;
  font-size:9px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.03em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  backdrop-filter:blur(5px);
}
@keyframes hero-achievement-grid-float{
  0%{opacity:.82;transform:translateY(6px) scale(.95)}
  22%{opacity:1;transform:translateY(-3px) scale(1)}
  50%{opacity:1;transform:translateY(-8px) scale(1.03)}
  78%{opacity:.97;transform:translateY(-2px) scale(.99)}
  100%{opacity:.82;transform:translateY(6px) scale(.95)}
}
.hero-achievement-empty{position:relative;min-height:360px;width:100%;opacity:.86}
.hero-achievement-empty span{position:absolute;display:grid;place-items:center;width:88px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(171,231,255,.35);background:rgba(4,27,50,.38);backdrop-filter:blur(4px);animation:hero-achievement-fallback 14s ease-in-out infinite;filter:drop-shadow(0 12px 22px rgba(0,0,0,.24))}
.hero-achievement-empty span:nth-child(1){left:7%;top:8%;animation-delay:-2s}.hero-achievement-empty span:nth-child(2){left:36%;top:3%;width:76px;animation-delay:-8s}.hero-achievement-empty span:nth-child(3){left:66%;top:12%;width:96px;animation-delay:-5s}.hero-achievement-empty span:nth-child(4){left:81%;top:38%;width:74px;animation-delay:-11s}.hero-achievement-empty span:nth-child(5){left:13%;top:48%;width:94px;animation-delay:-6s}.hero-achievement-empty span:nth-child(6){left:45%;top:43%;width:80px;animation-delay:-1s}.hero-achievement-empty span:nth-child(7){left:29%;top:72%;width:72px;animation-delay:-10s}.hero-achievement-empty span:nth-child(8){left:68%;top:70%;width:92px;animation-delay:-4s}
.hero-achievement-empty img{display:block;width:90%;height:90%;object-fit:contain}
@keyframes hero-achievement-fallback{0%{opacity:.08;transform:translate(-50%,-50%) translateY(8px) scale(.86)}35%{opacity:.88}65%{opacity:.9;transform:translate(-50%,-50%) translateY(-10px) scale(1.04)}100%{opacity:.08;transform:translate(-50%,-50%) translate(8px,4px) scale(.9)}}
@media(min-width:821px) and (max-width:1100px){.home-video-hero{grid-template-columns:1.12fr .78fr}.hero-achievement-cloud{gap:14px 12px;min-height:340px}.hero-achievement-ball{width:clamp(70px,8vw,90px)}}
@media(max-width:820px){.hero-achievement-cloud{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:12px 10px;min-height:320px;margin-top:2px;padding:8px 0 0}.hero-achievement-ball{width:min(84px,22vw)}.hero-achievement-empty{min-height:260px}.hero-achievement-empty span{width:min(72px,18vw)!important}}
@media(max-width:560px){.hero-achievement-cloud{min-height:286px;gap:10px 8px}.hero-achievement-ball{width:min(76px,21vw)}.hero-achievement-ball figcaption{font-size:8px;padding:2px 6px}.hero-person-name-curve text{font-size:9px}.hero-achievement-empty{min-height:220px}.hero-achievement-empty span{width:min(64px,19vw)!important}}
@media(prefers-reduced-motion:reduce){.hero-achievement-ball,.hero-achievement-empty span{animation:none!important;opacity:.96!important;transform:none!important}}
.profile-public-showcase{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);font-weight:700;line-height:1.45}.profile-public-showcase input{margin-top:2px;flex:0 0 auto}


/* v1.5.21 - score-based quiz/test badges and grading scale. */
.badge-performance-scale{margin:16px 0 20px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.badge-performance-heading{padding:11px 14px;text-align:center;font-weight:900;font-size:16px;background:color-mix(in srgb,var(--surface-2) 86%,transparent);border-bottom:1px solid var(--line)}
.badge-performance-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.badge-performance-grid{display:grid;grid-template-columns:repeat(8,minmax(104px,1fr));min-width:832px}
.badge-performance-band{display:grid;place-items:center;align-content:start;min-height:142px;padding:10px 8px 9px;text-align:center;border-right:1px solid var(--line)}
.badge-performance-band:last-child{border-right:0}
.badge-performance-band img{display:block;width:68px;height:68px;object-fit:contain;margin:0 auto 5px;filter:drop-shadow(0 5px 9px rgba(0,0,0,.18))}
.badge-performance-band b{font-size:11px;line-height:1.15;min-height:25px}
.badge-performance-band span{display:block;margin-top:3px;font-size:11px;font-weight:800;color:var(--muted);white-space:nowrap}
.assessment-earned-badge{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px;align-items:center;margin-top:14px}
.assessment-earned-badge-art{display:grid;place-items:center;min-height:100px}
.assessment-earned-badge-art img{display:block;width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 8px 13px rgba(0,0,0,.20))}
.credential-performance-section{margin:22px 0}
.assessment-badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.assessment-badge-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;align-items:center;padding:13px}
.assessment-badge-card img{display:block;width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.16))}
.assessment-badge-card h3{font-size:15px;margin:3px 0 5px}.assessment-badge-card p{margin:0 0 3px}.assessment-badge-card small{color:var(--muted)}
@media(max-width:600px){.assessment-earned-badge{grid-template-columns:84px minmax(0,1fr);gap:12px}.assessment-earned-badge-art img{width:76px;height:76px}.badge-performance-band{min-height:126px}.badge-performance-band img{width:58px;height:58px}.assessment-badge-card{grid-template-columns:70px minmax(0,1fr)}.assessment-badge-card img{width:64px;height:64px}}

/* v1.5.27 - shared homepage video treatment for every existing page hero */
.shared-video-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--hero-bg);
  color:#fff;
}
.shared-video-hero .shared-page-bg-video{
  z-index:0;
  opacity:.88;
  object-position:center 46%;
}
.shared-video-hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(2,17,33,.92) 0%,rgba(2,27,47,.76) 50%,rgba(2,20,37,.56) 100%);
}

/* Course detail hero */
.course-detail-hero.shared-video-hero>div:not(.shared-video-hero-overlay),
.course-detail-hero.shared-video-hero>.course-side-box{position:relative;z-index:2}
.course-detail-hero.shared-video-hero>div:not(.shared-video-hero-overlay){color:#eaf8ff}
.course-detail-hero.shared-video-hero h1{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.34)}
.course-detail-hero.shared-video-hero .kicker{color:#72e5ff;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.course-detail-hero.shared-video-hero .lead,
.course-detail-hero.shared-video-hero>div>p{color:#dff7ff;text-shadow:0 1px 10px rgba(0,0,0,.28)}
.course-detail-hero.shared-video-hero .course-side-box{
  background:rgba(3,24,43,.82);
  border-color:rgba(172,231,245,.28);
  color:#fff;
  backdrop-filter:blur(6px);
}
.course-detail-hero.shared-video-hero .course-side-box dt{color:#9bc8d8}
.course-detail-hero.shared-video-hero .course-side-box dd{color:#fff}

/* Learner dashboard hero */
.dashboard-journey-hero.shared-video-hero>.dashboard-journey-copy,
.dashboard-journey-hero.shared-video-hero>.dashboard-journey-mark{position:relative;z-index:2}
.dashboard-journey-hero.shared-video-hero::before{z-index:1}
.dashboard-journey-hero.shared-video-hero .dashboard-eyebrow{color:#72e5ff;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.dashboard-journey-hero.shared-video-hero .dashboard-journey-copy h1{color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.34)}
.dashboard-journey-hero.shared-video-hero .dashboard-journey-copy p{color:#dff7ff;text-shadow:0 1px 10px rgba(0,0,0,.28)}
.dashboard-journey-hero.shared-video-hero .dashboard-journey-mark{color:#cbe8f3;border-left-color:rgba(114,229,255,.64)}

/* School storefront hero: preserve vendor cover artwork as a soft branding layer. */
.school-hero.shared-video-hero>.school-cover{z-index:1;opacity:.20}
.school-hero.shared-video-hero>.shared-video-hero-overlay{z-index:2;background:linear-gradient(90deg,rgba(2,17,33,.90) 0%,rgba(2,27,47,.72) 52%,rgba(2,20,37,.54) 100%)}
.school-hero.shared-video-hero>.school-hero-content{z-index:3}
.school-hero.shared-video-hero h1{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.34)}
.school-hero.shared-video-hero p,
.school-hero.shared-video-hero .muted{color:#dff7ff;text-shadow:0 1px 10px rgba(0,0,0,.28)}
.school-hero.shared-video-hero .kicker{color:#72e5ff;text-shadow:0 1px 8px rgba(0,0,0,.35)}

@media(max-width:820px){
  .shared-video-hero-overlay{background:rgba(2,20,37,.79)}
  .school-hero.shared-video-hero>.shared-video-hero-overlay{background:rgba(2,20,37,.78)}
}


/* v1.5.31 - homepage hero feature list: semantic ticks, no button/card chrome */
.home-video-hero .hero-feature-list{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 24px;
  margin:16px 0 0;
  padding:0;
  max-width:860px;
}
.home-video-hero .hero-feature-list li{
  position:relative;
  display:flex;
  align-items:flex-start;
  min-width:0;
  padding:2px 0 2px 23px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.home-video-hero .hero-feature-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#83efff;
  font-size:15px;
  line-height:1.15;
  font-weight:900;
  text-shadow:0 0 10px rgba(131,239,255,.35);
}
.home-video-hero .hero-feature-list strong{
  display:block;
  margin:0 0 2px;
  color:#fff;
  font-size:12px;
  line-height:1.25;
}
.home-video-hero .hero-feature-list span{
  display:block;
  color:#cbe8f3;
  font-size:9.5px;
  line-height:1.35;
}
@media(max-width:560px){
  .home-video-hero .hero-feature-list{grid-template-columns:1fr;gap:7px;margin-top:14px}
}

/* v1.5.32 - mobile homepage uses video only for maximum hero-copy readability. */
@media(max-width:820px){
  .home-video-hero[data-hero-alternate-media] .hero-bg-poster-image{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }
  .home-video-hero[data-hero-alternate-media] .hero-bg-video{
    display:block!important;
    visibility:visible!important;
    opacity:.92!important;
  }
  .home-video-hero[data-hero-alternate-media]::before{
    background:rgba(2,20,37,.82);
  }
}


/* v1.5.48 professional subscription and payment experience */
.subscription-page{max-width:1480px;margin:0 auto}.subscription-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,320px);gap:24px;align-items:center;margin-bottom:22px;padding:26px 28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--primary) 8%,var(--surface-2)));box-shadow:0 10px 30px rgba(0,0,0,.08)}.subscription-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-110px;background:color-mix(in srgb,var(--primary) 14%,transparent);pointer-events:none}.subscription-hero h1{margin:4px 0 8px;font-size:clamp(25px,3vw,40px);line-height:1.06;max-width:780px}.subscription-hero>div>p{max-width:780px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.subscription-trust-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.subscription-trust-row span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);font-size:10px;font-weight:800;color:var(--ink)}.subscription-trust-row .icon{width:14px;height:14px;color:var(--primary)}.subscription-current-panel{position:relative;z-index:1;display:grid;gap:4px;padding:17px 18px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));border-radius:14px;background:var(--surface);box-shadow:0 8px 20px rgba(0,0,0,.07)}.subscription-current-label{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);font-weight:900}.subscription-current-panel strong{font-size:22px}.subscription-current-panel small{color:var(--muted);font-size:11px}.subscription-plans-section{margin-top:22px}.subscription-section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:0 0 12px}.subscription-section-head h2{margin:3px 0 0}.subscription-section-head>p{max-width:430px;margin:0;color:var(--muted);font-size:11px;text-align:right}.subscription-plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.subscription-plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 7px 20px rgba(0,0,0,.055);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.subscription-plan-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 32%,var(--line));box-shadow:0 12px 28px rgba(0,0,0,.08)}.subscription-plan-card.is-featured{border-color:color-mix(in srgb,var(--primary) 58%,var(--line));box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 10%,transparent)}.subscription-plan-card.is-current{outline:2px solid color-mix(in srgb,var(--success,#22a06b) 55%,var(--primary));outline-offset:-2px}.subscription-plan-ribbon{position:absolute;right:14px;top:14px;padding:5px 8px;border-radius:999px;background:var(--primary);color:var(--on-primary,#fff);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.subscription-plan-code{display:block;margin-bottom:7px;color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.14em}.subscription-plan-card h3{margin:0 0 8px;font-size:20px}.subscription-price-row{display:flex;align-items:baseline;gap:5px;min-height:40px;margin:2px 0 10px}.subscription-price-row>span{font-size:12px;font-weight:800;color:var(--muted)}.subscription-price-row>strong{font-size:30px;line-height:1;font-weight:950;letter-spacing:-.02em}.subscription-price-row>small{font-size:10px;color:var(--muted);font-weight:700}.subscription-plan-description{margin:0;min-height:48px;color:var(--muted);font-size:11px;line-height:1.55}.subscription-plan-features{display:grid;gap:9px;margin:17px 0 20px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none}.subscription-plan-features li{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.4}.subscription-plan-features .icon{flex:0 0 15px;width:15px;height:15px;margin-top:1px;color:var(--primary)}.subscription-plan-action{margin-top:auto}.subscription-primary-action{width:100%;justify-content:center}.subscription-active-state{display:flex;gap:9px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));background:color-mix(in srgb,var(--primary) 7%,var(--surface-2))}.subscription-active-state .icon{width:17px;height:17px;color:var(--primary)}.subscription-active-state span{display:grid;gap:1px}.subscription-active-state b{font-size:11px}.subscription-active-state small{font-size:9px;color:var(--muted)}.subscription-checkout>summary{cursor:pointer;list-style:none;display:flex;justify-content:center;align-items:center;min-height:38px;padding:8px 12px;border-radius:9px;background:var(--primary);color:var(--on-primary,#fff);font-size:11px;font-weight:900}.subscription-checkout>summary::-webkit-details-marker{display:none}.subscription-checkout[open]>summary{margin-bottom:12px;background:color-mix(in srgb,var(--primary) 84%,#000)}.subscription-pay-form{display:grid;gap:10px}.subscription-methods{margin:0;padding:0;border:0}.subscription-methods legend{margin-bottom:8px;font-size:10px;font-weight:900;color:var(--ink)}.subscription-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.subscription-method-option{position:relative;display:block;cursor:pointer}.subscription-method-option input{position:absolute;opacity:0;pointer-events:none}.subscription-method-option>span{display:flex;align-items:center;gap:8px;min-height:59px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);transition:border-color .12s ease,background .12s ease,transform .12s ease}.subscription-method-option:hover>span{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 40%,var(--line))}.subscription-method-option input:checked+span{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 35%,transparent)}.subscription-method-option.is-disabled{opacity:.48;cursor:not-allowed}.subscription-method-option.is-disabled>span{transform:none}.subscription-method-mark{display:grid;place-items:center;flex:0 0 38px;height:34px;border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);font-size:9px;font-weight:950;letter-spacing:.02em}.subscription-method-mark.ada{font-size:11px}.subscription-method-option>span>span{display:grid;gap:2px;min-width:0}.subscription-method-option strong{font-size:10px;line-height:1.2}.subscription-method-option small{font-size:8.5px;color:var(--muted);line-height:1.25}.subscription-provider-note{margin:0;color:var(--muted);font-size:8.8px;line-height:1.45}.subscription-utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.subscription-utility-card{display:flex;align-items:flex-start;gap:14px}.subscription-utility-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--primary) 8%,var(--surface-2));color:var(--primary)}.subscription-utility-icon .icon{width:20px;height:20px}.subscription-utility-card h2{margin:3px 0 5px;font-size:16px}.subscription-utility-card p{margin:0 0 10px;color:var(--muted);font-size:10px;line-height:1.5}.subscription-gift-form{display:flex;gap:7px;flex-wrap:wrap}.subscription-gift-form input{min-width:190px;flex:1}.subscription-pending-card{margin-top:16px;overflow:hidden}.subscription-pending-card .subscription-section-head{margin:0}.subscription-pending-card code{font-size:10px}.subscription-pending-card td,.subscription-pending-card th{white-space:nowrap}.subscription-pending-card td:nth-child(2){white-space:normal;min-width:150px}
@media(max-width:1220px){.subscription-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-hero{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:780px){.subscription-hero{grid-template-columns:1fr;padding:20px}.subscription-current-panel{max-width:none}.subscription-plans-grid,.subscription-utility-grid{grid-template-columns:1fr}.subscription-section-head{align-items:flex-start;flex-direction:column}.subscription-section-head>p{text-align:left}.subscription-plan-description{min-height:0}.subscription-method-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.subscription-method-grid{grid-template-columns:1fr}.subscription-trust-row{display:grid}.subscription-plan-card{padding:16px}.subscription-price-row>strong{font-size:27px}}


/* v1.5.49 — professional subscription pricing and per-course checkout */
.subscription-page-v1549{max-width:1440px;margin:0 auto;padding:22px}.subscription-hero-v1549{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:center;padding:30px;border:1px solid rgba(86,160,255,.28);border-radius:22px;background:linear-gradient(135deg,rgba(12,34,70,.96),rgba(8,26,52,.88));box-shadow:0 18px 50px rgba(0,0,0,.18);margin-bottom:26px}.subscription-hero-v1549 h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;max-width:820px;margin:.25rem 0 .8rem}.subscription-hero-v1549 p{max-width:860px}.subscription-local-currency{display:inline-flex;margin-top:8px;font-size:.78rem;opacity:.8}.subscription-plans-grid-v1549{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.subscription-plan-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:22px;border:1px solid rgba(130,170,220,.22);border-radius:18px;background:linear-gradient(180deg,rgba(15,40,78,.92),rgba(10,29,57,.96));box-shadow:0 12px 34px rgba(0,0,0,.16);overflow:hidden}.subscription-plan-card.is-featured{border-color:rgba(65,153,255,.85);box-shadow:0 18px 44px rgba(15,100,220,.2)}.subscription-plan-card.is-current{outline:2px solid rgba(49,204,152,.75);outline-offset:-2px}.subscription-plan-ribbon{position:absolute;top:14px;right:14px;padding:5px 10px;border-radius:999px;background:#1388ff;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.subscription-plan-top h3{font-size:1.55rem;margin:.2rem 0 .45rem}.subscription-plan-description{min-height:44px;opacity:.82}.subscription-price-free{display:flex;align-items:baseline;gap:10px;padding:14px 0}.subscription-price-free strong{font-size:2rem}.subscription-price-stack{border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);padding:14px 0}.subscription-price-primary{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:12px}.subscription-price-primary>span{width:100%;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.67}.subscription-price-primary strong{font-size:1.55rem}.subscription-price-primary small{opacity:.65}.subscription-price-triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.subscription-price-triple>div{padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.055);min-width:0}.subscription-price-triple span{display:block;font-size:.67rem;text-transform:uppercase;letter-spacing:.06em;opacity:.65;margin-bottom:3px}.subscription-price-triple b{display:block;font-size:.86rem;overflow-wrap:anywhere}.subscription-price-triple.compact{margin:12px 0}.subscription-feature-list{display:grid;gap:8px;list-style:none;padding:0;margin:0}.subscription-feature-list li{display:flex;gap:8px;align-items:flex-start;font-size:.9rem}.subscription-feature-list svg{width:16px;height:16px;flex:0 0 auto;margin-top:2px}.subscription-plan-actions{margin-top:auto}.subscription-checkout-details>summary{list-style:none;cursor:pointer;text-align:center}.subscription-checkout-details>summary::-webkit-details-marker{display:none}.subscription-checkout-form{display:grid;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.09)}.subscription-checkout-form fieldset{border:0;padding:0;margin:0;display:grid;gap:9px}.subscription-checkout-form legend{font-size:.78rem;font-weight:800;margin-bottom:5px}.subscription-method-option{display:block;cursor:pointer}.subscription-method-option>input{position:absolute;opacity:0;pointer-events:none}.subscription-method-content{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(145,178,225,.26);border-radius:12px;background:rgba(255,255,255,.035);transition:.15s ease}.subscription-method-option>input:checked+.subscription-method-content{border-color:#2f92ff;background:rgba(37,136,255,.13);box-shadow:0 0 0 2px rgba(47,146,255,.11)}.subscription-method-option.is-disabled{opacity:.45;cursor:not-allowed}.subscription-card-logo-wrap{display:flex;align-items:center;justify-content:center;min-width:94px;padding:4px 7px;border-radius:7px;background:#fff}.subscription-card-logo-wrap img{display:block;max-width:88px;height:auto}.subscription-method-mark{display:grid;place-items:center;min-width:42px;height:34px;border-radius:8px;background:rgba(255,255,255,.08);font-size:1.05rem}.subscription-method-content strong,.subscription-method-content small{display:block}.subscription-method-content small{opacity:.7;margin-top:2px}.subscription-crypto-selector{display:grid;gap:5px}.subscription-crypto-selector span{font-size:.78rem;font-weight:700}.subscription-crypto-selector select{width:100%}.subscription-crypto-selector small{opacity:.68}.course-purchase-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:18px;align-items:center;margin-top:18px;padding:18px;border:1px solid rgba(56,150,255,.35);border-radius:16px;background:rgba(13,43,82,.78)}.course-purchase-panel h3{margin:.2rem 0 .75rem}.course-price-triple{display:flex;gap:8px;flex-wrap:wrap}.course-price-triple>span{display:flex;flex-direction:column;gap:2px;padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.06)}.course-price-triple small{opacity:.68}.course-purchase-form{display:grid;gap:10px}.course-purchase-form label{display:grid;gap:5px}.course-purchase-form label>span{font-size:.78rem;font-weight:700}.course-purchase-form select{width:100%}
@media(max-width:1100px){.subscription-plans-grid-v1549{grid-template-columns:repeat(2,minmax(0,1fr))}.course-purchase-panel{grid-template-columns:1fr}}
@media(max-width:760px){.subscription-page-v1549{padding:12px}.subscription-hero-v1549{grid-template-columns:1fr;padding:20px}.subscription-plans-grid-v1549{grid-template-columns:1fr}.subscription-price-triple{grid-template-columns:1fr}.subscription-hero-v1549 h1{font-size:2rem}.subscription-card-logo-wrap{min-width:82px}.subscription-card-logo-wrap img{max-width:76px}}