/*
Theme Name: Atlassom
Theme URI: https://garaadkaabeai.com/
Description: Atlassom design for Hello Elementor. Dark look, white accent, Space Grotesk, Geist and JetBrains Mono. Page content is built and edited in Elementor.
Author: Atlassom
Template: hello-elementor
Version: 1.0.0
Text Domain: atlassom
*/

/* ---------- base (replaces the Hello reset) ---------- */
*, ::before, ::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; line-height: 1.5; }
body { margin: 0; min-height: 100vh; font-family: 'Geist', system-ui, sans-serif; color: #888888; background: #0B0E14; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em; line-height: 1.15; color: #FFFFFF; font-family: 'Space Grotesk', sans-serif; font-weight: 600; }
p { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }
a { color: #FFFFFF; text-decoration: none; background: transparent; }
a:hover { color: #E0E0E0; }
img, svg, video { max-width: 100%; height: auto; }
img { border-style: none; }
button, input, select, textarea { font: inherit; color: inherit; margin: 0; }
button { background: transparent; border: 0; padding: 0; cursor: pointer; }
::selection { background: #0C0F16; color: #FFFFFF; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }
.skip-link:focus { clip: auto; width: auto; height: auto; z-index: 100; top: 8px; left: 8px; padding: .6rem 1rem; background: #fff; color: #000; }
.site-main, .page-content, .entry-content { color: #E0E0E0; }
body:not(.elementor-page) .site-main { max-width: 72rem; margin: 0 auto; padding: 4rem 1.5rem; }

/* ---------- labels and chips ---------- */
.a-chip .elementor-heading-title { display: inline-flex; align-items: center; gap: .65rem; padding: .6rem 1.1rem; border: 1px solid #0C0F16; border-radius: 9999px; background: rgba(0,0,0,.45); }
.a-chip .elementor-heading-title::before { content: ''; width: 6px; height: 6px; border-radius: 9999px; background: #FFFFFF; box-shadow: 0 0 8px #FFFFFF; flex-shrink: 0; }
.a-chips .elementor-icon-list-items { gap: .6rem; }
.a-chips .elementor-icon-list-item { margin: 0 !important; padding: .45rem .9rem !important; border: 1px solid #0C0F16; border-radius: 9999px; }
.a-chips .elementor-icon-list-item::after { display: none !important; }
.a-lead strong, .a-text strong { color: #FFFFFF; font-weight: 600; }
.a-text a, .a-lead a { color: #FFFFFF; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- cards ---------- */
.a-card { transition: border-color .2s ease, transform .2s ease, background-color .2s ease; }
.a-card:hover { border-color: #3d3d3d !important; transform: translateY(-3px); }
.a-course { color: inherit; }
.a-course:hover { color: inherit; }
.a-thumb img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .35s ease; }
.a-course:hover .a-thumb img { transform: scale(1.03); }
.a-go .elementor-heading-title { transition: transform .2s ease; }
.a-course:hover .a-go .elementor-heading-title { transform: translateX(3px); }
.a-out { border-top: 1px solid #0C0F16; padding-top: 14px; }
.a-quote p { position: relative; }
.a-built .elementor-icon-list-item { align-items: flex-start !important; }
.a-face img { aspect-ratio: 1; object-fit: cover; }
.a-more a { font-family: 'JetBrains Mono', monospace; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: #FFFFFF; border-bottom: 1px solid #0C0F16; padding-bottom: 4px; }
.a-more a:hover { border-color: #FFFFFF; }
.a-step-num .elementor-heading-title { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 9999px; border: 1px solid #0C0F16; background: #000; }
.a-prompt { font-family: 'JetBrains Mono', monospace; }
.a-prompt p { margin: 0; }
.a-prompt .a-prompt-top { display: flex; justify-content: space-between; color: #888888; font-size: 11px; text-transform: uppercase; letter-spacing: .12em; margin-bottom: 12px; }
.a-prompt .a-prompt-done { margin-top: 14px; color: #FFFFFF; font-size: 12px; }

/* ---------- hero phone ---------- */
.a-phone { width: 100%; max-width: 380px; margin-left: auto; border-radius: 28px; background: #000000; border: 1px solid #0C0F16; padding: 18px; box-shadow: 0 30px 80px rgba(0,0,0,.55); font-family: 'JetBrains Mono', monospace; color: #E0E0E0; }
.a-phone-status { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 6px 14px; border-bottom: 1px solid #0C0F16; font-size: 13px; color: #FFFFFF; }
.a-phone-notch { width: 84px; height: 18px; border-radius: 9999px; background: #10141E; border: 1px solid #0C0F16; }
.a-phone-status em { font-style: normal; font-size: 10px; border: 1px solid #0C0F16; border-radius: 4px; padding: 2px 5px; margin-left: 6px; }
.a-dot { display: inline-block; width: 7px; height: 7px; border-radius: 9999px; background: #FFFFFF; margin-right: 7px; vertical-align: 1px; }
.a-phone-panel { margin-top: 16px; border: 1px solid #0C0F16; border-radius: 14px; background: #0B0E14; padding: 14px 16px; }
.a-phone-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 11px; font-weight: 600; letter-spacing: .06em; color: #FFFFFF; }
.a-phone-row em { font-style: normal; font-weight: 500; border: 1px solid #0C0F16; border-radius: 6px; padding: 3px 8px; color: #E0E0E0; }
.a-phone-prompt { margin: 12px 0 0; font-size: 13px; color: #E0E0E0; min-height: 2.6em; }
.a-phone-code { margin: 14px 0 0; padding: 16px; border: 1px solid #0C0F16; border-radius: 14px; background: #0B0E14; font: 13px/1.85 'JetBrains Mono', monospace; color: #E0E0E0; white-space: pre-wrap; overflow-x: auto; }
.a-phone-code b { color: #FFFFFF; font-weight: 700; }
.a-phone-code .c { color: #888888; }
.a-phone-speed { margin-top: 14px; display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 14px 16px; border: 1px solid #0C0F16; border-radius: 14px; font-size: 11px; color: #888888; text-transform: uppercase; letter-spacing: .08em; }
.a-phone-speed strong { grid-column: 1; color: #FFFFFF; font: 600 15px 'Space Grotesk', sans-serif; text-transform: none; letter-spacing: 0; }
.a-phone-speed em { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-style: normal; color: #FFFFFF; }
.a-phone-btn { margin-top: 14px; display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-radius: 10px; background: #FFFFFF; color: #000000 !important; font: 600 12px 'JetBrains Mono', monospace; letter-spacing: .1em; text-transform: uppercase; }
.a-phone-btn:hover { background: #E0E0E0; }

/* ---------- forms ---------- */
.a-form { display: grid; gap: 14px; }
.a-form label { display: grid; gap: 8px; font: 500 11px 'JetBrains Mono', monospace; text-transform: uppercase; letter-spacing: .12em; color: #888888; }
.a-form input, .a-form textarea { width: 100%; padding: 14px 16px; border-radius: 8px; border: 1px solid #0C0F16; background: #000000; color: #FFFFFF; font: 15px 'Geist', sans-serif; text-transform: none; letter-spacing: 0; }
.a-form input:focus, .a-form textarea:focus { outline: none; border-color: #FFFFFF; }
.a-form textarea { min-height: 120px; resize: vertical; }
.a-form button { justify-self: start; padding: 15px 22px; border-radius: 6px; background: #FFFFFF; color: #000000; font: 600 12px 'JetBrains Mono', monospace; letter-spacing: .1em; text-transform: uppercase; }
.a-form button:hover { background: #E0E0E0; }

/* ---------- footer template ---------- */
.atl-footer { margin-top: auto; background: #080A0F; border-top: 1px solid #161B2A; }
.atl-footer .k-news { margin-top: 4px; }
.atl-links .elementor-icon-list-text { transition: color .15s; }
.atl-links .elementor-icon-list-item:hover .elementor-icon-list-text { color: #FFFFFF !important; }
.atl-base .k-clock { font: 12px 'JetBrains Mono', monospace; }

@media (max-width: 767px) {
  .a-phone { margin: 0 auto; }
  .a-chips .elementor-icon-list-items { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .a-card, .a-thumb img, .a-go .elementor-heading-title { transition: none; }
  .a-card:hover, .a-course:hover .a-thumb img, .a-course:hover .a-go .elementor-heading-title { transform: none; }
}

/* ---------- fixes after first render ---------- */
.k-cta, .k-cta:hover { color: #000000 !important; }
.a-chips .elementor-icon-list-items.elementor-inline-items { margin: 0 !important; }
.a-chips .elementor-icon-list-item.elementor-inline-item { margin: 0 !important; }
.a-card .a-out { margin-top: auto !important; }
.a-stat .elementor-heading-title { font-size: clamp(26px, 2.6vw, 34px) !important; white-space: nowrap; }
@media (max-width: 1024px) { .a-phone { margin: 0 auto; } }

/* ---------- filters (Courses, Blog) ---------- */
.a-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.a-filter-row { display: flex; flex-wrap: wrap; gap: 8px; }
.a-filter-row button { padding: 9px 14px; border-radius: 8px; border: 1px solid #0C0F16; background: #10141E; color: #888888; font: 500 13px 'Geist', sans-serif; transition: color .15s, border-color .15s, background-color .15s; }
.a-filter-row button:hover { color: #FFFFFF; border-color: #3d3d3d; }
.a-filter-row button.is-on { background: #FFFFFF; color: #000000; border-color: #FFFFFF; }
.a-search { position: relative; display: flex; align-items: center; flex: 1 1 240px; max-width: 340px; }
.a-search input { width: 100%; padding: 11px 56px 11px 14px; border-radius: 8px; border: 1px solid #0C0F16; background: #000000; color: #FFFFFF; font: 14px 'Geist', sans-serif; }
.a-search input:focus { outline: none; border-color: #FFFFFF; }
.a-search kbd { position: absolute; right: 10px; font: 11px 'JetBrains Mono', monospace; color: #888888; border: 1px solid #0C0F16; border-radius: 4px; padding: 2px 6px; }
.a-auto-rows { grid-template-rows: none !important; grid-auto-rows: auto !important; }
.a-empty { display: none; }

/* ---------- code panels ---------- */
.a-code { border: 1px solid #0C0F16; border-radius: 16px; background: #000000; overflow: hidden; font-family: 'JetBrains Mono', monospace; }
.a-code-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #0C0F16; font-size: 12px; color: #888888; }
.a-code-top strong { color: #FFFFFF; font-weight: 600; }
.a-code-top button { font: 600 11px 'JetBrains Mono', monospace; letter-spacing: .1em; text-transform: uppercase; color: #FFFFFF; border: 1px solid #0C0F16; border-radius: 6px; padding: 5px 10px; }
.a-code-top button:hover { border-color: #FFFFFF; }
.a-code pre { margin: 0; padding: 18px; font: 13px/1.8 'JetBrains Mono', monospace; color: #E0E0E0; white-space: pre; overflow-x: auto; background: transparent; border: 0; }
.a-code pre b { color: #FFFFFF; font-weight: 700; }
.a-code pre .c { color: #888888; }
.a-code-foot { display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: space-between; padding: 12px 16px; border-top: 1px solid #0C0F16; font-size: 11px; color: #888888; text-transform: uppercase; letter-spacing: .08em; }
.a-code-foot strong { color: #FFFFFF; font-weight: 600; }
.a-wallet { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; padding: 16px 18px; border: 1px solid #0C0F16; border-radius: 14px; background: #0B0E14; font: 11px 'JetBrains Mono', monospace; color: #888888; text-transform: uppercase; letter-spacing: .08em; }
.a-wallet strong { font: 600 22px 'Space Grotesk', sans-serif; color: #FFFFFF; letter-spacing: -.3px; text-transform: none; }
.a-wallet em { font-style: normal; color: #FFFFFF; border: 1px solid #0C0F16; border-radius: 4px; padding: 2px 6px; justify-self: end; align-self: start; }

/* ---------- curriculum ---------- */
.a-acc .e-n-accordion-item-title { cursor: pointer; }
.a-lessons { list-style: none; margin: 0; padding: 0; }
.a-lessons li { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding: 11px 0; border-top: 1px solid #0C0F16; font-size: 14px; color: #E0E0E0; }
.a-lessons li span { font: 12px 'JetBrains Mono', monospace; color: #888888; }
.a-lessons li em { font: 600 10px 'JetBrains Mono', monospace; font-style: normal; text-transform: uppercase; letter-spacing: .1em; border: 1px solid #3d3d3d; border-radius: 4px; padding: 2px 6px; color: #FFFFFF; }
.a-lessons li b { font: 12px 'JetBrains Mono', monospace; color: #888888; font-weight: 400; grid-column: 4; }
.a-lessons li.a-locked { display: block; color: #888888; font-size: 13px; }
.a-expand { font: 600 12px 'JetBrains Mono', monospace; letter-spacing: .1em; text-transform: uppercase; color: #FFFFFF; border: 1px solid #0C0F16; border-radius: 6px; padding: 10px 14px; }
.a-expand:hover { border-color: #FFFFFF; }
.a-sticky { position: sticky; top: 96px; }
.a-stars { color: #FFFFFF; letter-spacing: 3px; font-size: 14px; }

/* ---------- counters ---------- */
.a-counter .elementor-counter { align-items: flex-start; }
.a-counter .elementor-counter-number-wrapper { justify-content: flex-start; }
.a-counter .elementor-counter-title { justify-content: flex-start; text-align: left; }

/* ---------- blog art thumbnails ---------- */
.a-art { display: flex; flex-direction: column; justify-content: center; gap: 10px; aspect-ratio: 16 / 10; padding: 22px; background: radial-gradient(circle at 30% 20%, #1c1c1c, #000000 70%); border-bottom: 1px solid #0C0F16; font: 12px 'JetBrains Mono', monospace; color: #888888; letter-spacing: .08em; text-transform: uppercase; }
.a-art strong { font: 600 26px 'Space Grotesk', sans-serif; color: #FFFFFF; letter-spacing: -.5px; text-transform: none; }
.a-art .material-symbols-outlined { font-size: 34px; color: #FFFFFF; }
.a-art q { font: 13px/1.6 'JetBrains Mono', monospace; color: #E0E0E0; text-transform: none; letter-spacing: 0; }
.a-sign .elementor-heading-title { font-style: italic; }
.a-round img { border-radius: 20px; }
@media (max-width: 1024px) { .a-sticky { position: static; } }
@media (max-width: 767px) { .a-lessons li { grid-template-columns: 26px minmax(0, 1fr) auto; } .a-lessons li em { display: none; } .a-lessons li b { grid-column: 3; } }

/* ---------- kit button overrides for small UI buttons ---------- */
.a-filters .a-filter-row button { background: #10141E !important; color: #888888 !important; border: 1px solid #0C0F16 !important; border-radius: 8px !important; padding: 9px 14px !important; font: 500 13px 'Geist', sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; }
.a-filters .a-filter-row button:hover { color: #FFFFFF !important; border-color: #3d3d3d !important; }
.a-filters .a-filter-row button.is-on { background: #FFFFFF !important; color: #000000 !important; border-color: #FFFFFF !important; }
.a-code-top button, .a-expand { background: transparent !important; color: #FFFFFF !important; border: 1px solid #0C0F16 !important; border-radius: 6px !important; }
.a-code-top button:hover, .a-expand:hover { border-color: #FFFFFF !important; }
.a-out .elementor-button { white-space: nowrap; }
/* ---------- centered cards ---------- */
.a-center { text-align: center; }
.a-center .elementor-heading-title, .a-center .a-text { text-align: center; }
.a-center .a-chips .elementor-icon-list-items { justify-content: center; }
.a-center > .elementor-widget { max-width: 720px; }
.a-news { width: 100%; max-width: 460px; margin: 0 auto; }
/* ---------- fixes after second render ---------- */
.a-round img { width: 100%; height: auto; }
.a-face, .a-face .elementor-widget-container { text-align: left; }
.a-acc .e-n-accordion-item > .e-con, .a-acc .e-n-accordion-item > [role="region"] { border: 0 !important; padding-top: 6px; }
/* help button: original look (Elementor's site-wide button style must not repaint it) */
.k-chat-btn.k-chat-btn { display: flex !important; align-items: center; gap: .6rem; padding: 6px 16px 6px 6px !important; border-radius: 9999px !important; border: 1px solid rgba(255, 255, 255, .35) !important; background: #121620 !important; color: #fff !important; font: 600 13px 'Inter', sans-serif !important; letter-spacing: normal !important; text-transform: none !important; box-shadow: 0 12px 30px rgba(0, 0, 0, .5) !important; line-height: normal !important; }
.k-chat-btn.k-chat-btn:hover { transform: translateY(-2px); background: #121620 !important; color: #fff !important; }
.k-chat-btn.k-chat-btn img { width: 38px; height: 38px; border-radius: 9999px; }
.k-chips.k-chips button { border: 1px solid rgba(255, 255, 255, .35) !important; background: transparent !important; color: #fff !important; border-radius: 9999px !important; padding: .45rem .8rem !important; font: 13px 'Inter', sans-serif !important; letter-spacing: normal !important; text-transform: none !important; }
.k-chips.k-chips button:hover { background: rgba(255, 255, 255, .12) !important; }
.k-chat-close.k-chat-close { background: none !important; border: 0 !important; padding: 0 !important; color: #fff !important; }
@media (max-width: 480px) { .k-chat-btn.k-chat-btn { padding: 6px !important; } }

/* Tutor LMS sign-up and login forms: site look */
.page-id-62 .page-header, .page-id-61 .page-header { text-align: center; max-width: 520px; margin: 0 auto 24px; }
.page-id-62 .page-header .entry-title, .page-id-61 .page-header .entry-title { font-size: clamp(30px, 4vw, 40px); letter-spacing: -0.02em; }
#tutor-registration-wrap.tutor-card, .tutor-login-wrap, .tutor-template-segment.tutor-login-wrap { background: rgba(17, 21, 34, .75) !important; border: 1px solid #161B2A !important; border-radius: 16px !important; box-shadow: 0 4px 20px -2px rgba(0, 0, 0, .35) !important; color: #fff; }
#tutor-registration-wrap label, .tutor-login-wrap label { color: #CBD5E1 !important; font: 600 12px 'JetBrains Mono', monospace !important; text-transform: uppercase; letter-spacing: .08em; }
#tutor-registration-wrap .tutor-form-control, .tutor-login-wrap .tutor-form-control { background: #0B0E16 !important; border: 1px solid rgba(255, 255, 255, .12) !important; color: #F8FAFC !important; border-radius: 6px !important; font: 14px 'Inter', sans-serif !important; padding: 12px 16px !important; height: auto !important; }
#tutor-registration-wrap .tutor-form-control::placeholder, .tutor-login-wrap .tutor-form-control::placeholder { color: #64748B !important; }
#tutor-registration-wrap .tutor-form-control:focus, .tutor-login-wrap .tutor-form-control:focus { border-color: #fff !important; box-shadow: 0 0 0 1px #fff !important; outline: 0; }
#tutor-registration-wrap .tutor-password-field span, .tutor-login-wrap .tutor-password-field span { color: #94A3B8; }
#tutor-registration-wrap .tutor-btn-primary, .tutor-login-wrap .tutor-btn-primary { background: #fff !important; color: #000 !important; border: 1px solid #fff !important; border-radius: 6px !important; font: 700 12px 'JetBrains Mono', monospace !important; letter-spacing: .1em; text-transform: uppercase; padding: 14px 20px !important; }
#tutor-registration-wrap .tutor-btn-primary:hover, .tutor-login-wrap .tutor-btn-primary:hover { background: #E2E8F0 !important; border-color: #E2E8F0 !important; }
#tutor-registration-wrap .tutor-small, .tutor-login-wrap .tutor-small { color: #94A3B8 !important; }
#tutor-registration-wrap .tutor-btn-link, .tutor-login-wrap .tutor-btn-link, .tutor-login-wrap a { color: #fff !important; background: none !important; border: 0 !important; padding: 0 !important; text-decoration: underline; text-underline-offset: 3px; font: 600 14px 'Inter', sans-serif !important; letter-spacing: normal !important; text-transform: none !important; }
#tutor-registration-wrap .tutor-alert, .tutor-login-wrap .tutor-alert { border-radius: 8px; }
@media (max-width: 600px) { #tutor-registration-wrap #tutor-registration-form { padding: 24px !important; } }

/* Tutor LMS course pages: site look */
.tutor-course-details-page { padding-top: 48px; padding-bottom: 72px; color: #CBD5E1; }
.tutor-course-details-page .tutor-color-black, .tutor-course-details-page h1, .tutor-course-details-page h2, .tutor-course-details-page h3 { color: #fff !important; }
.tutor-course-details-page .tutor-course-details-title { font-size: clamp(30px, 4vw, 48px) !important; line-height: 1.1 !important; letter-spacing: -0.02em; }
.tutor-course-details-page .tutor-color-secondary, .tutor-course-details-page .tutor-course-details-content { color: #CBD5E1 !important; font-size: 16px; line-height: 1.7; }
.tutor-course-details-page .tutor-meta, .tutor-course-details-page .tutor-meta a { color: #94A3B8 !important; }
.tutor-course-details-page .tutor-btn-ghost { color: #CBD5E1 !important; background: none !important; border: 0 !important; font: 500 14px 'Inter', sans-serif !important; letter-spacing: normal !important; text-transform: none !important; padding: 0 !important; }
.tutor-course-details-page .tutor-course-thumbnail:has(img[src*="placeholder.svg"]), .tutor-course-details-page .tutor-course-thumbnail:has(img:not([src])) { display: none; }
.tutor-course-details-page .tutor-course-thumbnail img { border-radius: 16px; }
.tutor-single-course-sidebar .tutor-card, .tutor-single-course-sidebar-more { background: rgba(17, 21, 34, .75) !important; border: 1px solid #161B2A !important; border-radius: 16px !important; box-shadow: 0 4px 20px -2px rgba(0, 0, 0, .35) !important; color: #CBD5E1 !important; }
.tutor-single-course-sidebar-more { padding: 24px; }
.tutor-single-course-sidebar .tutor-card-footer, .tutor-single-course-sidebar .tutor-card-body { background: transparent !important; border-color: #161B2A !important; color: #CBD5E1 !important; }
.tutor-single-course-sidebar .tutor-card-footer li, .tutor-single-course-sidebar .tutor-card-footer span, .tutor-single-course-sidebar .tutor-card-footer i { color: #CBD5E1 !important; }
.tutor-course-sidebar-card-pricing, .tutor-course-sidebar-card-pricing span, .tutor-course-sidebar-card-pricing div { color: #fff !important; }
.tutor-course-sidebar-card-pricing del, .tutor-course-sidebar-card-pricing del span { color: #64748B !important; }
.tutor-single-course-sidebar .tutor-btn-primary, .tutor-single-course-sidebar .tutor-btn-outline-primary, .tutor-single-course-sidebar .tutor-btn { background: #fff !important; color: #000 !important; border: 1px solid #fff !important; border-radius: 6px !important; font: 700 12px 'JetBrains Mono', monospace !important; letter-spacing: .1em; text-transform: uppercase; padding: 14px 20px !important; }
.tutor-single-course-sidebar .tutor-btn:hover { background: #E2E8F0 !important; border-color: #E2E8F0 !important; }
.tutor-course-details-instructors a, .tutor-course-details-instructors .tutor-fs-6, .tutor-course-details-instructors div { color: #fff !important; }
.tutor-course-details-instructors .tutor-avatar { background: #fff !important; color: #000 !important; }
.tutor-login-modal .tutor-modal-content-white { background: #111522 !important; border: 1px solid rgba(255, 255, 255, .1); border-radius: 16px; color: #CBD5E1; }
.tutor-login-modal .tutor-modal-content-white * { color: inherit; }
.tutor-login-modal .tutor-modal-content-white h1, .tutor-login-modal .tutor-modal-content-white .tutor-color-black { color: #fff !important; }
.tutor-login-modal .tutor-form-control { background: #0B0E16 !important; border: 1px solid rgba(255, 255, 255, .12) !important; color: #F8FAFC !important; border-radius: 6px !important; }
.tutor-login-modal .tutor-btn-primary { background: #fff !important; color: #000 !important; border: 1px solid #fff !important; border-radius: 6px !important; font: 700 12px 'JetBrains Mono', monospace !important; letter-spacing: .1em; text-transform: uppercase; }
.tutor-login-modal a, .tutor-login-modal .tutor-btn-link { color: #fff !important; text-decoration: underline; text-underline-offset: 3px; background: none !important; border: 0 !important; }
.tutor-single-course-sidebar-more > *, .tutor-single-course-sidebar-more .tutor-course-details-instructors { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
@media (max-width: 600px) { .tutor-course-details-page.tutor-container { padding-left: 20px !important; padding-right: 20px !important; } }

/* Tutor LMS course pages in the Featured Course design */
body .site-main.atl-course-main { max-width: none; margin: 0; padding: 0; background: none; }
.atl-course-single .atl-cart-slot .tutor-btn { display: flex; width: 100%; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; background: #161B2E; color: #E2E8F0; border: 1px solid #161B2A; border-radius: 12px; font: 600 14px 'Inter', sans-serif; text-decoration: none; }
.atl-course-single .atl-cart-slot .tutor-btn:hover { background: #222222; color: #fff; }
.atl-course-single .atl-course-btn.is-loading { opacity: .6; pointer-events: none; }

/* Tutor LMS cart and checkout: site look */
.page-id-64 .site-main, .page-id-65 .site-main { max-width: 72rem; padding: 3.5rem 1.5rem 5rem; }
.page-id-64 .page-header, .page-id-65 .page-header { max-width: none; margin: 0 0 32px; padding: 0 0 28px; border-bottom: 1px solid rgba(255, 255, 255, .06); }
.page-id-64 .page-header::before, .page-id-65 .page-header::before { display: block; margin-bottom: 10px; color: #94A3B8; font: 600 11px 'JetBrains Mono', monospace; letter-spacing: .14em; text-transform: uppercase; }
.page-id-64 .page-header::before { content: 'Your courses'; }
.page-id-65 .page-header::before { content: 'Secure checkout'; }
.page-id-64 .page-header .entry-title, .page-id-65 .page-header .entry-title { margin: 0; color: #fff; font: 700 clamp(32px, 4.5vw, 48px)/1.1 'Space Grotesk', sans-serif; letter-spacing: -.02em; padding: 0 !important; }
.tutor-cart-course-list { border: 0 !important; background: none !important; padding: 0 !important; }
.tutor-cart-course-title a { color: #fff !important; font-weight: 600; }
.tutor-cart-page .tutor-container, .tutor-checkout-page .tutor-container { max-width: none; padding: 0; }
.tutor-cart-page, .tutor-checkout-page { color: #CBD5E1; font-family: 'Inter', sans-serif; --tutor-body-color: #CBD5E1; --tutor-color-secondary: #94A3B8; --tutor-border-color: #161B2A; }
.tutor-checkout-page .tutor-checkout-container { max-width: none; margin: 0; }
.tutor-checkout-page .tutor-checkout-course-title a { color: #fff !important; }
.tutor-checkout-page .tutor-checkout-payment-options, .tutor-checkout-page .tutor-payment-method-wrapper { background: none !important; }
.tutor-cart-page .tutor-color-black, .tutor-checkout-page .tutor-color-black, .tutor-cart-page .tutor-fw-bold, .tutor-checkout-page .tutor-fw-bold { color: #fff !important; }
.tutor-cart-page h3, .tutor-cart-page h5, .tutor-checkout-page h5, .tutor-checkout-page h6 { font-family: 'Space Grotesk', sans-serif !important; color: #fff !important; letter-spacing: -.01em; }
.tutor-cart-page a, .tutor-checkout-page a { color: #fff; text-decoration: none; }
.tutor-cart-page a:hover, .tutor-checkout-page a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* cards */
.tutor-checkout-details-inner, .tutor-checkout-billing-inner, .tutor-cart-summery, .tutor-cart-course-item, .tutor-cart-empty-state { background: rgba(18, 21, 36, .85) !important; border: 1px solid #161B2A !important; border-radius: 16px !important; box-shadow: 0 4px 24px -4px rgba(0, 0, 0, .45); }
.tutor-checkout-details-inner, .tutor-checkout-billing-inner { padding: 28px !important; }
.tutor-checkout-details, .tutor-checkout-billing { background: none !important; padding: 0 !important; border: 0 !important; }
.tutor-checkout-page .tutor-border-bottom, .tutor-checkout-page .tutor-checkout-detail-item, .tutor-checkout-page .tutor-checkout-summary, .tutor-cart-summery-top, .tutor-cart-summery-bottom { border-color: #161B2A !important; }
.tutor-checkout-details-inner > h5, .tutor-checkout-billing h5 { font-size: 18px !important; font-weight: 700 !important; }

/* order lines */
.tutor-checkout-course-thumb-title img, .tutor-cart-course-thumb img { border-radius: 10px; border: 1px solid rgba(255, 255, 255, .1); object-fit: cover; }
.tutor-checkout-page img[src*="placeholder.svg"], .tutor-cart-page img[src*="placeholder.svg"] { content: url('/wp-content/themes/atlassom/assets/img/course-video.svg'); background: #0B0E17; }
.tutor-checkout-course-title { font-size: 15px !important; line-height: 1.4 !important; }
.tutor-checkout-discount-price, .tutor-cart-discount-price { color: #64748B !important; text-decoration: line-through; font: 12px 'JetBrains Mono', monospace; }
.tutor-checkout-summary-item, .tutor-cart-summery-item { color: #CBD5E1; }
.tutor-checkout-grand-total { font: 700 24px 'Space Grotesk', sans-serif !important; color: #fff !important; }
.tutor-cart-course-info li { color: #94A3B8 !important; font: 600 11px 'JetBrains Mono', monospace; text-transform: uppercase; letter-spacing: .08em; }
.tutor-cart-course-item { padding: 18px !important; margin-bottom: 14px; }

/* coupon */
.tutor-checkout-page .tutor-btn-link, .tutor-cart-page .tutor-btn-link { color: #fff !important; background: none !important; border: 0 !important; font: 600 12px 'JetBrains Mono', monospace !important; letter-spacing: .08em; text-transform: uppercase; text-decoration: underline; text-underline-offset: 3px; }
.tutor-apply-coupon-form input { background: #0B0E16 !important; border: 1px solid rgba(255, 255, 255, .12) !important; color: #F8FAFC !important; border-radius: 6px !important; }
.tutor-checkout-page .tutor-btn-secondary { background: #161B2E !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 6px !important; }
.tutor-checkout-coupon-badge { background: #161B2A !important; color: #fff !important; }

/* billing form */
.tutor-checkout-page .tutor-form-label { color: #94A3B8 !important; font: 600 11px 'JetBrains Mono', monospace !important; letter-spacing: .08em; text-transform: uppercase; }
.tutor-checkout-page .tutor-billing-fields .tutor-form-control, .tutor-checkout-page .tutor-billing-fields select { background-color: #0B0E16 !important; border: 1px solid rgba(255, 255, 255, .12) !important; color: #F8FAFC !important; border-radius: 6px !important; font: 14px 'Inter', sans-serif !important; min-height: 46px; box-shadow: none !important; }
.tutor-checkout-page .tutor-billing-fields .tutor-row { gap: 0; }
.tutor-checkout-page .tutor-billing-fields [class*="tutor-col"] { padding: 0 6px; }
.tutor-checkout-page .tutor-billing-fields .tutor-row { margin: 0 -6px; }
.tutor-checkout-page .tutor-billing-fields .tutor-mb-16 { margin-bottom: 12px !important; }
.tutor-checkout-page .tutor-form-control::placeholder { color: #64748B !important; }
.tutor-checkout-page .tutor-form-control:focus { border-color: #fff !important; box-shadow: 0 0 0 1px #fff !important; outline: 0; }
.tutor-checkout-page select option { background: #0B0E16; color: #F8FAFC; }

/* payment + buttons */
.tutor-checkout-page .tutor-alert { background: rgba(255, 255, 255, .04) !important; border: 1px solid rgba(255, 255, 255, .14) !important; color: #CBD5E1 !important; border-radius: 10px !important; font-size: 13px; }
.tutor-checkout-payment-options label, .tutor-checkout-payment-item { background: #0B0E16 !important; border: 1px solid rgba(255, 255, 255, .12) !important; color: #fff !important; border-radius: 10px !important; }
.tutor-checkout-page .tutor-btn-primary, .tutor-cart-page .tutor-btn-primary { background: #fff !important; color: #000 !important; border: 1px solid #fff !important; border-radius: 12px !important; font: 700 12px 'JetBrains Mono', monospace !important; letter-spacing: .12em; text-transform: uppercase; padding: 16px 20px !important; text-decoration: none !important; box-shadow: 0 10px 24px -8px rgba(255, 255, 255, .15); }
.tutor-checkout-page .tutor-btn-primary:hover, .tutor-cart-page .tutor-btn-primary:hover { background: #E2E8F0 !important; border-color: #E2E8F0 !important; }
.tutor-checkout-page .tutor-btn-primary[disabled] { opacity: .5; }

/* empty cart */
.tutor-cart-empty-state { max-width: 560px; margin: 0 auto; padding: 48px 32px !important; text-align: center; }
.tutor-cart-empty-state img { filter: grayscale(1) invert(1) brightness(.9); opacity: .7; max-width: 180px; }
.tutor-cart-empty-state p { color: #fff !important; font: 700 22px 'Space Grotesk', sans-serif !important; margin: 16px 0 24px !important; }
.tutor-cart-empty-state .tutor-btn { display: inline-flex; }
@media (max-width: 767px) {
  .page-id-64 .site-main, .page-id-65 .site-main { padding: 2rem 20px 4rem; }
  .tutor-checkout-details-inner, .tutor-checkout-billing-inner { padding: 20px !important; }
}

/* Tutor LMS student dashboard: site look (dark, white is the only accent) */
html[data-tutor-theme][data-tutor-theme] {
  color-scheme: dark;
  --tutor-font-family-body: 'Inter', sans-serif;
  --tutor-font-family-heading: 'Space Grotesk', sans-serif;
  --tutor-surface-base: #0B0E17;
  --tutor-surface-l1: #121524;
  --tutor-surface-l1-hover: #161B2E;
  --tutor-surface-l2: #161B2E;
  --tutor-surface-l2-hover: #1E2438;
  --tutor-surface-l3: #121524;
  --tutor-surface-sidebar-l1: #0B0E17;
  --tutor-surface-brand-dark: #0B0E17;
  --tutor-surface-brand-primary: #FFFFFF;
  --tutor-surface-brand-primary-2: #E2E8F0;
  --tutor-surface-brand-secondary: #161B2A;
  --tutor-surface-brand-tertiary: rgba(255, 255, 255, .06);
  --tutor-surface-brand-quaternary: rgba(255, 255, 255, .10);
  --tutor-surface-exception2-secondary: #1E2438;
  --tutor-surface-exception6: #1E2438;
  --tutor-surface-exception7: #1E2438;
  --tutor-surface-dark: #475569;
  --tutor-surface-warning: #161B2E;
  --tutor-surface-success: rgba(255, 255, 255, .06);
  --tutor-text-primary: #F8FAFC;
  --tutor-text-primary-inverse: #0B0E17;
  --tutor-text-secondary: #CBD5E1;
  --tutor-text-subdued: #94A3B8;
  --tutor-text-disabled: #64748B;
  --tutor-text-brand: #FFFFFF;
  --tutor-text-brand-hover: #E2E8F0;
  --tutor-text-brand-secondary: #CBD5E1;
  --tutor-text-light: #F8FAFC;
  --tutor-text-success: #F8FAFC;
  --tutor-text-exception1: #F8FAFC;
  --tutor-text-exception2: #F8FAFC;
  --tutor-text-exception4: #F8FAFC;
  --tutor-text-exception5: #F8FAFC;
  --tutor-text-highlighted-hover: #1E2438;
  --tutor-icon-idle: #CBD5E1;
  --tutor-icon-idle-inverse: #0B0E17;
  --tutor-icon-hover: #FFFFFF;
  --tutor-icon-secondary: #94A3B8;
  --tutor-icon-subdued: #64748B;
  --tutor-icon-brand: #FFFFFF;
  --tutor-icon-brand-hover: #E2E8F0;
  --tutor-icon-brand-secondary: #1E2438;
  --tutor-icon-exception1: #FFFFFF;
  --tutor-icon-exception2: #FFFFFF;
  --tutor-icon-exception4: #FFFFFF;
  --tutor-icon-exception5: #FFFFFF;
  --tutor-icon-success-primary: #FFFFFF;
  --tutor-icon-success-secondary: #E2E8F0;
  --tutor-button-primary: #FFFFFF;
  --tutor-button-primary-hover: #E2E8F0;
  --tutor-button-primary-focused: #FFFFFF;
  --tutor-button-primary-disabled: #64748B;
  --tutor-button-primary-soft: #161B2A;
  --tutor-button-primary-soft-hover: rgba(255, 255, 255, .14);
  --tutor-button-primary-soft-focused: #161B2A;
  --tutor-button-disabled: #1E2438;
  --tutor-button-secondary: #161B2E;
  --tutor-button-secondary-hover: #1E2438;
  --tutor-button-secondary-focused: #161B2E;
  --tutor-button-outline-inverse: #121524;
  --tutor-button-outline-hover: #161B2E;
  --tutor-button-outline-focused-inverse: #0B0E17;
  --tutor-button-ghost-hover: #161B2E;
  --tutor-button-success: #FFFFFF;
  --tutor-button-success-hover: #E2E8F0;
  --tutor-button-success-focused: #FFFFFF;
  --tutor-border-idle: #161B2A;
  --tutor-border-idle2: rgba(255, 255, 255, .12);
  --tutor-border-hover: rgba(255, 255, 255, .3);
  --tutor-border-tertiary: rgba(255, 255, 255, .2);
  --tutor-border-inverse: rgba(255, 255, 255, .12);
  --tutor-border-brand: #FFFFFF;
  --tutor-border-brand-secondary: rgba(255, 255, 255, .12);
  --tutor-border-brand-tertiary: rgba(255, 255, 255, .3);
  --tutor-border-dark: rgba(255, 255, 255, .12);
  --tutor-border-success: rgba(255, 255, 255, .3);
  --tutor-border-success-secondary: rgba(255, 255, 255, .3);
  --tutor-tab-sidebar-l2: #FFFFFF;
  --tutor-tab-sidebar-l2-hover: rgba(255, 255, 255, .05);
  --tutor-tab-sidebar-l2-active: #161B2A;
  --tutor-tab-sidebar-l4-hover: rgba(255, 255, 255, .05);
  --tutor-tab-sidebar-l4-active: #161B2A;
  --tutor-tab-l3: #161B2A;
  --tutor-tab-l3-hover: rgba(255, 255, 255, .12);
  --tutor-tab-l3-active: #161B2A;
  --tutor-tab-l3-active-hover: rgba(255, 255, 255, .12);
  --tutor-actions-brand-primary: #FFFFFF;
  --tutor-actions-brand-secondary: rgba(255, 255, 255, .12);
  --tutor-actions-brand-tertiary: rgba(255, 255, 255, .06);
  --tutor-actions-success-primary: #FFFFFF;
  --tutor-actions-success-secondary: #CBD5E1;
  --tutor-actions-success-tertiary: #161B2A;
  --tutor-actions-gray-empty: #121524;
  --tutor-actions-gray-secondary: #1E2438;
  --tutor-actions-gray-tertiary: #121524;
  --tutor-actions-gray-quaternary: #0B0E17;
  --tutor-actions-exception5: #FFFFFF;
  --tutor-actions-exception6: #161B2A;
  --tutor-quiz-idle: #161B2E;
  --tutor-quiz-hover: #1E2438;
  --tutor-visual-gray-1: #121524;
  --tutor-visual-gray-2: #1E2438;
  --tutor-visual-gray-3: #475569;
  --tutor-visual-brand-1: #FFFFFF;
  --tutor-visual-brand-2: #94A3B8;
  --tutor-visual-brand-3: #475569;
  --tutor-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);
  --tutor-shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .45);
  --tutor-shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, .5);
}
.tutor-dashboard-layout { background: #0B0E17; color: #CBD5E1; }
.tutor-dashboard-sidebar { border-right: 1px solid rgba(255, 255, 255, .06) !important; }
.tutor-dashboard-header { border-bottom: 1px solid rgba(255, 255, 255, .06) !important; }
.tutor-dashboard-sidebar-logo .site-title { display: inline-flex; align-items: center; gap: 6px; color: #fff; font: 700 22px/1 'Space Grotesk', sans-serif; letter-spacing: -.02em; }
.tutor-dashboard-sidebar-logo .site-title::after { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px rgba(255, 255, 255, .6); }
.tutor-dashboard-layout h1, .tutor-dashboard-layout h2, .tutor-dashboard-layout h3, .tutor-dashboard-layout h4, .tutor-dashboard-layout .tutor-h3, .tutor-dashboard-layout .tutor-h4, .tutor-dashboard-layout .tutor-h5 { font-family: 'Space Grotesk', sans-serif; letter-spacing: -.01em; }
.tutor-dashboard-welcome-badge { font-family: 'JetBrains Mono', monospace; text-transform: uppercase; letter-spacing: .08em; font-size: 11px !important; }
.tutor-dashboard-layout .tutor-btn-primary { color: #0B0E17 !important; font-weight: 600; }
.tutor-dashboard-layout .tutor-btn-primary svg { color: #0B0E17; }
.tutor-dashboard-layout .tutor-avatar { background: #1E2438; color: #fff; border-color: rgba(255, 255, 255, .2); }
.tutor-dashboard-header-user-popover { border: 1px solid #161B2A; }
.tutor-dashboard-nav-mobile { border-top: 1px solid #161B2A; }
.tutor-dashboard-header-user-avatar { background: transparent !important; border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 999px !important; padding: 3px 8px 3px 3px !important; color: #CBD5E1 !important; box-shadow: none !important; }
.tutor-dashboard-header-user-avatar:hover, .tutor-dashboard-header-user-avatar.active { border-color: rgba(255, 255, 255, .35) !important; }
.tutor-dashboard-welcome-badge img{filter:grayscale(1) brightness(1.6)}
@media (max-width:767px){
  body.tutor-screen-frontend-dashboard .k-chat-btn{bottom:calc(84px + env(safe-area-inset-bottom,0px)) !important}
  body.tutor-screen-frontend-dashboard .k-chat{bottom:calc(150px + env(safe-area-inset-bottom,0px)) !important}
}

/* Tutor LMS course library (/learn/): site look */
body .site-main.atl-learn-main{max-width:none;margin:0;padding:0;background:none}
.atl-lib{background:#0B0E17;color:#F8FAFC;font-family:Geist,Inter,system-ui,sans-serif}
.atl-lib-wrap{max-width:1152px;margin:0 auto;padding:0 24px}
.atl-lib-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.03);font:600 10px/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#E2E8F0}
.atl-lib-eyebrow i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.8)}
.atl-lib-hero{padding:72px 0 40px;border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(60% 80% at 15% 0%,rgba(255,255,255,.05),transparent 70%)}
.atl-lib-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px 56px;align-items:end;margin-top:24px}
.atl-lib .atl-lib-hero h1{margin:0;font:700 clamp(34px,5vw,54px)/1.06 "Space Grotesk",sans-serif;letter-spacing:-.02em;color:#fff;text-wrap:balance}
.atl-lib-hero p{margin:0;color:#94A3B8;font-size:16px;line-height:1.65;max-width:46ch}
.atl-lib-stats{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.atl-lib-stats li{padding:6px 12px;border:1px solid #161B2A;border-radius:6px;font:500 11px/1.4 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#94A3B8}
.atl-lib-stats b{color:#fff;font-weight:600}
.atl-lib-list{padding:40px 0 72px}
.atl-lib-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.atl-lib-search{display:flex;align-items:center;gap:10px;flex:1 1 280px;max-width:380px;padding:0 14px;height:44px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#121524;color:#94A3B8}
.atl-lib-search:focus-within{border-color:rgba(255,255,255,.35)}
.atl-lib-search input{flex:1;min-width:0;height:100%;border:0!important;background:transparent!important;color:#fff!important;font:400 14px Geist,system-ui,sans-serif;outline:0;padding:0!important;box-shadow:none!important}
.atl-lib-search input::placeholder{color:#64748B}
.atl-lib-chips{display:flex;flex-wrap:wrap;gap:8px}
.atl-lib .atl-lib-chip{appearance:none;cursor:pointer;padding:8px 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:#CBD5E1;font:500 13px/1.2 Geist,system-ui,sans-serif;transition:border-color .2s,background .2s,color .2s}
.atl-lib .atl-lib-chip:hover{border-color:rgba(255,255,255,.3);color:#fff;background:transparent}
.atl-lib .atl-lib-chip.is-on{background:#fff;border-color:#fff;color:#0B0E17}
.atl-lib .atl-lib-chip:focus-visible{outline:2px solid #fff;outline-offset:2px}
.atl-lib-count{margin:22px 0 16px;font:500 11px "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#64748B}
.atl-lib-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.atl-lib-card{display:flex;flex-direction:column;min-width:0;background:#131824;border:1px solid #161B2A;border-radius:14px;overflow:hidden;cursor:pointer;transition:border-color .25s,background .25s,transform .25s}
.atl-lib-card:hover{background:#161C2A;border-color:rgba(255,255,255,.2);transform:translateY(-2px)}
.atl-lib-card[hidden]{display:none!important}
.atl-lib-thumb{position:relative;height:176px;background:#0E121C;border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden}
.atl-lib-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.atl-lib-card:hover .atl-lib-thumb img{transform:scale(1.04)}
.atl-lib-tag{position:absolute;top:12px;padding:4px 9px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:rgba(11,14,20,.85);backdrop-filter:blur(8px);font:500 10px/1.3 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.atl-lib-tag-l{left:12px}.atl-lib-tag-r{right:12px;color:#CBD5E1}
.atl-lib-tag-e{left:12px;top:auto;bottom:12px;background:#fff;color:#0B0E17;border-color:#fff}
.atl-lib-body{padding:22px 22px 0;flex:1}
.atl-lib-meta{margin:0 0 10px;font:500 10.5px/1.5 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#64748B}
.atl-lib-meta i{font-style:normal;color:#475569;margin:0 2px}
.atl-lib h2.atl-lib-title{margin:0!important;font:600 18px/1.3 "Space Grotesk",sans-serif!important;letter-spacing:-.01em!important;color:#fff!important;text-wrap:balance}
.atl-lib-title a{color:inherit;text-decoration:none}
.atl-lib-title a:hover{text-decoration:underline;text-underline-offset:4px}
.atl-lib-desc{margin:10px 0 0;color:#94A3B8;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.atl-lib-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:16px 22px;border-top:1px solid rgba(255,255,255,.06)}
.atl-lib-pricebox{display:flex;align-items:baseline;gap:8px}
.atl-lib-price{font:700 18px "Space Grotesk",sans-serif;color:#fff}
.atl-lib-pricebox del{font:400 12px "JetBrains Mono",monospace;color:#64748B}
.atl-lib-go{display:inline-flex;align-items:center;gap:6px;font:500 13px Geist,system-ui,sans-serif;color:#CBD5E1;transition:color .2s,gap .2s}
.atl-lib-card:hover .atl-lib-go{color:#fff;gap:9px}
.atl-lib-empty{padding:56px 24px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:14px;color:#94A3B8}
.atl-lib-empty p{margin:0 0 14px}
.atl-lib-cta{padding:0 0 88px}
.atl-lib-cta-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;padding:36px;border:1px solid #161B2A;border-radius:16px;background:linear-gradient(135deg,#131824,#0E121C)}
.atl-lib-cta-box>div:first-child{flex:1 1 380px;min-width:0}
.atl-lib .atl-lib-cta h2{margin:16px 0 8px;font:700 clamp(22px,3vw,30px)/1.2 "Space Grotesk",sans-serif;color:#fff;text-wrap:balance}
.atl-lib-cta p{margin:0;color:#94A3B8;line-height:1.6;max-width:56ch}
.atl-lib-cta-btns{display:flex;flex-wrap:wrap;gap:12px}
.atl-lib-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:#fff;color:#0B0E17!important;font:600 12px "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background .2s}
.atl-lib-btn:hover{background:#E2E8F0}
.atl-lib-btn-ghost{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.2)}
.atl-lib-btn-ghost:hover{background:transparent;border-color:#fff}
@media (max-width:1024px){.atl-lib-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
.atl-lib-wrap{padding:0 16px}
.atl-lib-hero{padding:48px 0 32px}
.atl-lib-hero-grid{grid-template-columns:1fr;gap:16px}
.atl-lib-grid{grid-template-columns:1fr;gap:18px}
.atl-lib-search{max-width:none}
.atl-lib-cta-box{padding:26px 22px}
.atl-lib-cta-btns,.atl-lib-cta-btns a{width:100%;justify-content:center}
}

/* Tutor LMS lesson pages: ghost buttons stay dark */
body.single-lesson .tutor-btn.tutor-btn-ghost{background:transparent!important;color:#CBD5E1!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}
body.single-lesson .tutor-btn.tutor-btn-ghost:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}

/* Header logo size: keep the image logo at header height (other image rules were stretching it) */
header.k-header a.k-logo img.k-logo-img { height: 30px !important; width: auto !important; max-width: 100% !important; max-height: 30px !important; }
@media (min-width: 1024px) { header.k-header a.k-logo img.k-logo-img { height: 34px !important; max-height: 34px !important; } }

/* Header account links: space between Contact and Log in / Log out */
.k-header .k-actions .k-login + .k-login { margin-left: 22px; }