/* Current Teamz Lab brand: teamzlab_website/src/app/globals.css, November 2026. */
@import url('/assets/brand/inter.css');
:root,:root[data-theme="light"]{
 --bg:#f5f5f5;--background:#f5f5f5;--surface:#fff;--text:#111;--foreground:#111;--heading:#111;
 --text-muted:#626262;--muted:#626262;--border:rgba(17,17,17,.14);--line:rgba(17,17,17,.14);
 --accent:#111;--accent-hover:#333;--accent-fg:#111;--accent-text:#fff;--brand:#111;
 --font:'Inter','Kohinoor Bangla',system-ui,sans-serif;--font-accent:var(--font);--lh:155%;
 --code-bg:#181818;--code-text:#f3f3f3;--score-bg:rgba(17,17,17,.04);--score-border:rgba(17,17,17,.14);
 --badge-bg:#111;--badge-text:#fff;--bar-track:#e2e2e2;--cert-bg:#fff;--cert-text:#111;--cert-muted:#626262;--cert-faint:#777;
 --quiz-correct-bg:#edf6ef;--quiz-correct-text:#236238;--quiz-correct-border:#39834f;
 --quiz-wrong-bg:#fff0ee;--quiz-wrong-text:#a52b24;--quiz-wrong-border:#b44239;
 --info:#245c8a;--warning:#8a5800;--success:#236238;--danger:#a52b24;
 --eli5-primary:#111;--eli5-secondary:#626262;--eli5-bg:linear-gradient(120deg,#fff,#eee);
 color-scheme:light;
}
:root[data-theme="dark"]{
 --bg:#111;--background:#111;--surface:#1d1d1d;--text:#f5f5f5;--foreground:#f5f5f5;--heading:#fff;
 --text-muted:#b8b8b8;--muted:#b8b8b8;--border:rgba(255,255,255,.17);--line:rgba(255,255,255,.17);
 --accent:#f5f5f5;--accent-hover:#ddd;--accent-fg:#fff;--accent-text:#111;--brand:#fff;
 --score-bg:rgba(255,255,255,.06);--score-border:rgba(255,255,255,.17);--badge-bg:#eee;--badge-text:#111;--bar-track:#333;
 --cert-bg:#1d1d1d;--cert-text:#fff;--cert-muted:#bbb;--cert-faint:#aaa;
 --quiz-correct-bg:#183322;--quiz-correct-text:#8ed5a4;--quiz-correct-border:#6bb784;
 --quiz-wrong-bg:#3e211e;--quiz-wrong-text:#ffaca5;--quiz-wrong-border:#dd8179;
 --info:#8dbfe7;--warning:#dfba79;--success:#8ed5a4;--danger:#ffaca5;--eli5-primary:#fff;--eli5-secondary:#bbb;--eli5-bg:linear-gradient(120deg,#222,#181818);
 color-scheme:dark;
}
html{background:var(--bg)}body[data-teamz-page]{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;letter-spacing:-.2px}
body[data-teamz-page] :is(button,input,select,textarea){font-family:var(--font)}
body[data-teamz-page] :is(h1,h2,h3,h4){font-family:var(--font);color:var(--heading);font-weight:600;letter-spacing:-.04em;line-height:1.18}
body[data-teamz-page] :is(p,li){line-height:1.65}
::selection{background:rgba(128,128,128,.22);color:inherit}
.teamz-logo,.brand-lockup{display:inline-flex!important;align-items:center;gap:10px;color:var(--text);text-decoration:none!important;flex-shrink:0}
.brand-mark{width:54px;height:54px;display:block;object-fit:contain}
.brand-label{font-family:var(--font);font-size:14px;letter-spacing:-.2px;font-weight:500;border-left:1px solid var(--border);padding-left:14px;white-space:nowrap}
html[data-theme="dark"] .brand-mark{filter:invert(1)}
.site-header,body[data-teamz-page="lesson"]>header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:none}
.site-header__inner{max-width:1240px;margin:auto;min-height:58px}
body[data-teamz-page] :is(.nav-link,.header-subtitle,.subtitle,.breadcrumb){color:var(--text-muted)}
body[data-teamz-page] :is(.btn--hire,.btn-primary,.cta-primary,.start-btn,.complete-btn,.continue-btn){border-radius:999px;background:var(--accent);color:var(--accent-text);border:1px solid var(--accent);box-shadow:none}
body[data-teamz-page] :is(.btn--hire,.nav-link):hover{box-shadow:none;text-decoration:underline;text-underline-offset:4px}
body[data-teamz-page] :is(.course-card,.biz-card,.hero,.card,.point-card,.quiz-container,.learn-card){border-color:var(--border);box-shadow:none;border-radius:20px}
body[data-teamz-page] :is(.course-card,.biz-card):hover{transform:translateY(-3px);box-shadow:0 12px 34px rgba(0,0,0,.07);border-color:var(--text-muted)}
.course-card::before{display:none}
body[data-teamz-page] :is(.tag,.badge,.method,.pill){border-radius:999px}
body[data-teamz-page] .badge{background:var(--accent);color:var(--accent-text)}
body[data-teamz-page] :is(.tag,.method){background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}
body[data-teamz-page] :focus-visible{outline:2px solid var(--text);outline-offset:4px}
body[data-teamz-page="catalog"] .container{max-width:1240px;padding:40px 32px 80px}
body[data-teamz-page="catalog"] .header{position:relative;text-align:left;padding:72px 38% 72px 0;min-height:380px;margin-bottom:48px;isolation:isolate}
body[data-teamz-page="catalog"] .header::after{content:'';position:absolute;right:-32px;top:0;bottom:0;width:53%;background:url('/assets/social/learning-art-v3.png') right center/auto 100% no-repeat;z-index:-1;pointer-events:none}
body[data-teamz-page="catalog"] .header h1{font-size:clamp(40px,5vw,68px);font-weight:600;letter-spacing:-.055em;margin-bottom:24px}
body[data-teamz-page="catalog"] .header p{font-size:17px;max-width:650px}
body[data-teamz-page="catalog"] .method-badges{justify-content:flex-start;gap:8px;margin-top:24px}
body[data-teamz-page="catalog"] .courses{gap:24px}
body[data-teamz-page="catalog"] .course-card{padding:30px;display:block;background:var(--surface)}
body[data-teamz-page="catalog"] .course-card h2{font-size:25px;font-weight:600;line-height:1.25;letter-spacing:-.035em}
body[data-teamz-page="catalog"] .course-card .subtitle{margin-top:12px;font-size:14px;line-height:1.65}
body[data-teamz-page="catalog"] .stat-num{color:var(--text);font-weight:600}
body[data-teamz-page="catalog"] .stats{border-color:var(--border)}
body[data-teamz-page="lesson"] .hdr{max-width:1440px}
body[data-teamz-page="lesson"] .hdr h1{font-size:clamp(20px,2.5vw,32px);font-weight:600;letter-spacing:-.035em}
body[data-teamz-page="lesson"] :is(.sidebar,.notes-float,.search-modal){background:var(--surface)}
body[data-teamz-page="lesson"] :is(.step-btn,.tab-btn,.theme-toggle,.point-card){border-color:var(--border)}
body[data-teamz-page="lesson"] .lesson-title{letter-spacing:-.04em}
body[data-teamz-page="lesson"] .lesson-subtitle{color:var(--text-muted)}
body[data-teamz-page="lesson"] .point-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.06)}
html[data-theme="dark"] body[data-teamz-page="catalog"] .header::after{opacity:.22;filter:grayscale(1);mix-blend-mode:screen}
@media(max-width:700px){
 .brand-mark{width:42px;height:42px}.brand-label{font-size:12px;padding-left:9px}.teamz-logo,.brand-lockup{gap:5px}
 body[data-teamz-page="catalog"] .container{padding:24px 20px 60px}
 body[data-teamz-page="catalog"] .header{padding:20px 0 175px;min-height:0;margin-bottom:28px}
 body[data-teamz-page="catalog"] .header::after{width:100%;height:180px;top:auto;bottom:0;right:0;background-size:auto 220px}
 body[data-teamz-page="catalog"] .header h1{font-size:42px;max-width:340px}
 body[data-teamz-page="catalog"] .header p{font-size:16px}
 body[data-teamz-page="catalog"] .course-card{padding:24px}
 body[data-teamz-page="lesson"] .brand-label{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
body[data-teamz-page="catalog"] .header p{margin-left:0;margin-right:0}
body[data-teamz-page="catalog"] .courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
body[data-teamz-page="catalog"] :is(.method,.tag){font-size:11px}
@media(max-width:760px){body[data-teamz-page="catalog"] .courses{grid-template-columns:1fr}}
body[data-teamz-page] :is(.btn--primary,.badge.free,.skip-link){background:var(--accent);color:var(--accent-text);border-color:var(--accent)}
body[data-teamz-page] .btn--primary{border-radius:999px}
@media(max-width:480px){.brand-label{display:none}.site-header__nav{gap:10px}.site-header{padding-left:16px;padding-right:16px}}
body[data-teamz-page] :is(.btn--hire,.nav-link){white-space:nowrap}
@media(max-width:480px){body[data-teamz-page="catalog"] #nav-home{display:none}}