/* Bilişsel Akademi — editorial campus design.
 * Presentation only. Content HTML, commerce and route contracts stay in PHP.
 * Existing structural CSS supplies menu/dialog states; this owns the new visual system.
 */
:root {
  --font-body:'Inter',-apple-system,'Segoe UI',Arial,sans-serif;
  --font-display:var(--font-body);
  --font-editorial:var(--font-body);
  --navy:#242a43; --navy-2:#343951; --purple-900:#30224f;
  --purple-700:#493279; --purple-500:#76569c;
  --orange:#ad4d14; --orange-dark:#913c0b; --primary-orange:var(--orange);
  --primary-blue:var(--navy); --secondary-blue:var(--purple-700);
  --text:#3d384a; --ink:#242a43; --ink-soft:#625b6c; --muted:#756d7e;
  --bg:#faf9f6; --paper:#f3f0f6; --surface:#fff; --surface-2:#f8f6fa;
  --line:#e4dfea; --border:#e4dfea; --border-strong:#c7bdD2;
  --soft-orange:#fcf0e4; --soft-blue:#f0ecf6; --soft-green:#edf3ed;
  --green:#267249; --blue:#493279;
  --radius:6px; --radius-sm:5px; --radius-md:8px; --radius-lg:10px;
  --shadow:none; --shadow-soft:none; --shadow-1:none;
  --shadow-2:0 6px 24px #242a430c; --shadow-3:0 16px 40px #242a4314;
  --max:1280px; --max-wide:1360px;
  --focus-ring:0 0 0 3px #76569c66;
  --bs-primary:#242a43; --bs-primary-rgb:20,36,59;
}
body.ba-ui { background:var(--bg); color:var(--text); font-size:16px; line-height:1.65; }
.ba-ui :where(button,a,input,select,textarea):focus-visible { outline:3px solid #76569c; outline-offset:3px; box-shadow:none; }
.ba-ui :where(.container,.container-wide) { max-width:var(--max-wide); }
.ba-ui .section { padding:56px 0; }
.ba-ui .section-lg { padding:80px 0; }
.ba-ui .section-head { align-items:end; gap:24px; margin-bottom:32px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.ba-ui .section-head h2 { font-size:clamp(28px,3vw,40px); color:var(--purple-900); line-height:1.22; font-weight:650; letter-spacing:-.03em; }
.ba-ui .section-head p { font-size:15px; line-height:1.7; }
.ba-ui :where(.see-all,.meta,.home-kicker,.home-kicker-pill) { font-size:13px; }
.ba-ui .see-all { color:var(--purple-700); text-underline-offset:5px; }
.ba-ui .see-all:hover { text-decoration:underline; }
.ba-ui .btn { min-height:46px; border-radius:4px; padding:12px 20px; font-size:14px; font-weight:700; line-height:1.4; white-space:normal; box-shadow:none; transition:background .18s,color .18s; }
.ba-ui .btn:hover { transform:none; }
.ba-ui :where(.btn-primary-custom,.btn-primary,.btn-navy) { background:var(--navy); color:#fff; border-color:var(--navy); }
.ba-ui :where(.btn-primary-custom,.btn-primary,.btn-navy):hover { background:var(--purple-900); color:#fff; }
.ba-ui :where(.btn-orange-custom,.btn-orange) { background:var(--orange); color:#fff; }
.ba-ui :where(.btn-orange-custom,.btn-orange):hover { background:var(--orange-dark); color:#fff; }
.ba-ui .btn-outline { background:transparent; border:1px solid var(--border-strong); color:var(--navy); }
.ba-ui .btn-outline:hover { background:var(--paper); border-color:var(--navy); }
.ba-ui :where(.form-control,.form-select,.control) { min-height:48px; border:1px solid var(--border-strong); border-radius:4px; background:#fff; color:var(--text); font-size:16px; padding:11px 14px; }
.ba-ui :where(label,.form-label) { font-size:13px; font-weight:650; letter-spacing:0; }
.ba-ui :where(input,select,textarea):disabled { background:var(--paper); cursor:not-allowed; }
.ba-ui .badge:not(.thumb .badge) { position:static; }
.ba-ui .badge { border-radius:3px; font-weight:650; line-height:1.4; }

/* A stable two-level masthead allows legible navigation on laptop screens. */
.ba-ui .app-header { background:#fff; backdrop-filter:none; border-top:3px solid var(--purple-900); box-shadow:none; }
.ba-ui .app-header-row { display:grid; grid-template-columns:1fr auto; height:auto; max-width:1440px; padding:0 40px; gap:0 28px; }
.ba-ui .app-logo { grid-column:1; grid-row:1; min-height:86px; min-width:0; }
.ba-ui .app-logo img,.ba-ui .app-header.is-scrolled .app-logo img { max-height:58px; }
.ba-ui .utility-cluster { display:flex; grid-column:2; grid-row:1; gap:10px; }
.ba-ui .utility-cta { font-size:13px; margin-left:12px; }
.ba-ui .primary-nav { grid-row:2; grid-column:1 / -1; justify-content:space-between; width:100%; border-top:1px solid var(--line); gap:8px; }
.ba-ui .primary-nav .nav-link { min-height:48px; padding:12px 6px; font-size:13px; font-weight:650; color:var(--navy); border-radius:0; }
.ba-ui .primary-nav .nav-link:hover,.ba-ui .primary-nav .nav-link[aria-expanded=true] { color:var(--purple-700); background:var(--surface-2); }
.ba-ui .icon-btn { width:44px; height:44px; border-radius:4px; }
.ba-ui .mega-panel { border-radius:0 0 6px 6px; background:#fff; border-top:3px solid var(--purple-700); box-shadow:var(--shadow-3); }
.ba-ui .mega-col-title { font-size:13px; color:var(--purple-700); }
.ba-ui .mega-links a { font-size:14px; padding:9px 10px; line-height:1.45; }
.ba-ui .header-payment-strip { background:#faf9fc; box-shadow:none; border-bottom:1px solid var(--line); }
.ba-ui .header-payment-strip-inner { max-width:1440px; padding:0 40px; }
.ba-ui .header-payment-strip-link { color:var(--ink-soft); font-size:12px; min-height:28px; }
.ba-ui .mobile-nav { background:var(--bg); }
.ba-ui .mobile-nav-flat a,.ba-ui .mobile-nav-group-btn { min-height:52px; font-size:16px; }
.ba-ui .mobile-nav-sub a { padding:12px 16px; font-size:14px; }

/* Homepage: a light editorial opening, with a distinct advisor column. */
.ba-ui .home-row-hero { background:var(--bg); --hero-field:var(--bg); padding:36px 0 0; border-bottom:1px solid var(--line); }
.ba-ui .home-hero { color:var(--navy); }
.ba-ui .home-hero-grid { grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr); gap:64px; align-items:center; padding:22px 0 38px; }
.ba-ui .home-hero-copy { padding:20px 0; }
.ba-ui .home-hero h1 { color:var(--navy); font-size:clamp(40px,4.7vw,66px); line-height:1.08; max-width:12.5em; letter-spacing:-.035em; margin-bottom:25px; }
.ba-ui .home-hero-lede { color:var(--ink-soft); font-size:17px; line-height:1.8; max-width:52ch; margin-bottom:28px; }
.ba-ui .home-hero-link { color:var(--navy); border-bottom:1px solid var(--navy); font-size:14px; }
.ba-ui .home-hero-link:hover { color:var(--purple-700); border-color:var(--purple-700); }
.ba-ui .home-hero-side { background:var(--purple-900); padding:30px; border:0; border-top:5px solid var(--orange); align-self:center; }
.ba-ui .home-hero-side::before { display:none; }
.ba-ui .home-hero .hero-wa-head h3 { font-size:25px; line-height:1.25; }
.ba-ui .home-hero .hero-wa-head span { font-size:14px; color:#e0d8e8; }
.ba-ui .home-hero .hero-wa-panel .control { min-height:48px; border:1px solid #8b7b9d; background:#fff; color:var(--ink); font-size:16px; border-radius:3px; }
.ba-ui .home-hero .hero-wa-panel .control::placeholder { color:#756d7e; }
.ba-ui .home-hero .hero-wa-panel .control:focus { background:#fff; border-color:var(--orange); }
.ba-ui .home-hero .hero-wa-panel label { color:#fff; }
.ba-ui .home-hero .hero-wa-panel .btn { min-height:48px; border-radius:3px; }
.ba-ui .home-hero-where { color:var(--muted); border-top:1px solid var(--line); padding:18px 0 24px; line-height:1.6; font-size:13px; }
.ba-ui .home-hero-where span { transform:none; padding:0; background:none; }
.ba-ui .home-row-finder { padding:28px 0 40px; background:#fff; border-bottom:1px solid var(--line); }
.ba-ui .finder-wrap,.ba-ui .finder { margin-top:0; }
.ba-ui .finder { padding:0; border:0; background:none; box-shadow:none; border-radius:0; }
.ba-ui .finder-head h2 { font-size:25px; }
.ba-ui .finder-head span { font-size:13px; }
.ba-ui .finder-path-btn { padding:10px 14px; border-radius:3px; font-size:13px; background:#fff; }
.ba-ui .home-row-featured { background:var(--paper); }
.ba-ui .home-row-ecosystem { background:var(--bg); border-block:1px solid var(--line); }
.ba-ui .home-row-editorial { background:#fff; }

/* Catalog: image-led course records; quieter lines replace floating tiles. */
.ba-ui :where(.course-card,.book-card,.lesson-card,.blog-card,.shelf-card,.home-blog-card,.detail-related-card) { border:1px solid var(--line); border-radius:8px; box-shadow:0 3px 14px #30224f03; background:#fff; overflow:hidden; }
.ba-ui :where(.course-card,.book-card,.lesson-card,.blog-card,.shelf-card,.home-blog-card,.detail-related-card):hover { transform:none; box-shadow:none; border-color:var(--purple-700); }
.ba-ui :where(.course-grid,.grid-4,.grid-3,.home-blog-grid) { gap:28px; }
.ba-ui .course-card .card-body,.ba-ui .book-card .card-body { padding:22px; }
.ba-ui .card-body h3 { font-size:18px; line-height:1.45; font-weight:700; min-height:0; }
.ba-ui .meta { font-weight:500; line-height:1.6; }
.ba-ui .price { font-size:23px; color:var(--navy); font-weight:750; margin:16px 0; }
.ba-ui .card-actions { padding-top:16px; border-top:1px solid var(--line); gap:8px; }
.ba-ui .card-actions .btn { min-height:44px; font-size:13px; border-radius:3px; }
.ba-ui .thumb { background:var(--paper); }
.ba-ui .media-empty,.ba-ui .shelf-thumb-fallback { background:var(--paper); color:var(--purple-700); }
.ba-ui .book-cover { margin:0; border-radius:0; padding:24px; background:var(--paper); }
.ba-ui .book-cover img { object-fit:contain; }
.ba-ui .course-shelf { gap:24px; padding-bottom:20px; }
.ba-ui .shelf-card { flex-basis:300px; }
.ba-ui .shelf-body { padding:24px; }
.ba-ui .shelf-body h3 { font-size:18px; line-height:1.45; }
.ba-ui .shelf-cta { border-radius:3px; font-size:14px; }
.ba-ui .courses-hero { padding:52px 0 30px; border-bottom:1px solid var(--line); background:var(--paper); }
.ba-ui .courses-hero h1 { font-size:clamp(34px,4vw,48px); }
.ba-ui .courses-hero p { font-size:16px; }
.ba-ui .filter-bar { border-radius:4px; border:1px solid var(--border-strong); padding:24px; margin:0 0 24px; gap:18px; }
.ba-ui .filter-field { flex:1 1 150px; min-width:0; }
.ba-ui .filter-field label { font-size:12px; text-transform:none; }
.ba-ui .filter-field select,.ba-ui .filter-field input[type=search] { min-height:46px; font-size:15px; border-radius:3px; width:100%; }
.ba-ui .filter-submit { min-height:46px; border-radius:3px; font-size:14px; }
.ba-ui .filter-meta { font-size:14px; }
.ba-ui .pagination-nav a,.ba-ui .pagination-nav span { min-width:44px; height:44px; font-size:14px; border-radius:3px; }

/* Interior introductions retain their original headings and breadcrumbs. */
.ba-ui .hero { padding:48px 0 42px; background:var(--paper); border-bottom:1px solid var(--line); color:var(--navy); }
.ba-ui .hero h1 { color:var(--navy); font-size:clamp(34px,4vw,52px); max-width:24ch; }
.ba-ui .hero p { color:var(--ink-soft); font-size:16px; margin-bottom:0; }
.ba-ui .hero .breadcrumb,.ba-ui .hero .breadcrumb a { color:var(--muted); }
.ba-ui .detail-hero-band { background:var(--purple-900); padding:52px 0 60px; }
.ba-ui .course-hero-title { font-size:clamp(32px,3.6vw,48px); line-height:1.2; }
.ba-ui .course-hero-sub { font-size:16px; line-height:1.75; }
.ba-ui .detail-layout { gap:40px; }
.ba-ui .detail-side { top:150px; }
.ba-ui.has-admin-bar .detail-side { top:182px; }
.ba-ui .price-panel { box-shadow:none; border-top:4px solid var(--purple-700); }
.ba-ui .price-panel-facts li,.ba-ui .price-quote-note { font-size:14px; }
.ba-ui .article-toc a { font-size:14px; }
.ba-ui .fact-grid { gap:0; border:1px solid var(--line); background:#fff; }
.ba-ui .fact-card { border:0; border-right:1px solid var(--line); border-radius:0; background:none; padding:20px; }
.ba-ui .fact-label { font-size:12px; }
.ba-ui .fact-value { font-size:15px; }
.ba-ui :where(.detail-panel,.purchase-card,.detail-content,.detail-sticky,.detail-block,.content-card,.apply-card,.info-card,.detail-box,.card-box,.big-book,.book-big-cover) { border-radius:4px; box-shadow:none; border:1px solid var(--line); background:#fff; }
.ba-ui :where(.detail-content,.detail-block,.content-card,.detail-box) { padding:32px; }
.ba-ui :where(.detail-tabs,.course-tabs) { border-radius:0; background:#fff; border-bottom:1px solid var(--line); }
.ba-ui .detail-sticky,.ba-ui .apply-card { top:150px; }
.ba-ui :where(.feature,.detail-feature,.lesson-row,.week,.detail-step) { border-radius:3px; box-shadow:none; }
.ba-ui .lesson-row { padding:20px; }
.ba-ui :where(.custom-html-content,.rich-content,.article-content) { overflow-wrap:anywhere; }

/* Publishing, academies and locations each use a distinct composition. */
.ba-ui .academy-card { text-align:left; align-items:start; padding:28px; min-height:190px; border-radius:0; box-shadow:none; border:0; border-top:3px solid var(--purple-700); background:#fff; }
.ba-ui .academy-card:hover { transform:none; background:var(--paper); }
.ba-ui .academy-icon { margin:0 0 20px; width:44px; height:44px; border-radius:3px; font-size:23px; background:var(--paper); color:var(--purple-700); }
.ba-ui .academy-card h3 { font-size:20px; }
.ba-ui .academy-card p { font-size:14px; }
.ba-ui .path-tile,.ba-ui .path-more-tile { border-radius:3px; box-shadow:none; }
.ba-ui .path-tile.tone-navy { background:var(--navy); }
.ba-ui .path-tile.tone-purple { background:var(--purple-900); }
.ba-ui .path-tile.tone-orange { background:var(--orange); }
.ba-ui .path-tile.tone-ink { background:#354953; }
.ba-ui .path-tile:hover { transform:none; }
.ba-ui :where(.eco-flagship,.branch-online-banner,.advisor-band,.form-section) { background:var(--navy); border-radius:4px; box-shadow:none; }
.ba-ui .eco-flagship { background:var(--purple-900); }
.ba-ui :where(.eco-flagship,.advisor-band,.form-section)::before,.ba-ui .eco-flagship::after { display:none; }
.ba-ui .eco-tool-card,.ba-ui .eco-publish-card { border-radius:4px; box-shadow:none; }
.ba-ui .home-branch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.ba-ui .home-branch-card,.ba-ui .branch-phys-card { border-radius:3px; box-shadow:none; padding:28px; border-top:3px solid var(--purple-700); }
.ba-ui .home-branch-card::before { display:none; }
.ba-ui .home-branch-head h3 { font-size:25px; }
.ba-ui .home-branch-icon { border-radius:3px; background:var(--paper); color:var(--purple-700); }
.ba-ui .branch-course-item { background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0; padding:12px 0; gap:18px; }
.ba-ui .branch-course-item:hover { transform:none; background:var(--surface-2); }
.ba-ui .branch-course-item img,.ba-ui .branch-course-thumb-empty { border-radius:2px; }
.ba-ui .branch-course-item h4 { font-size:15px; line-height:1.5; }
.ba-ui .home-bookstore { background:var(--purple-900); padding:64px 0; }
.ba-ui .book-board { border-radius:2px; background:#e8e2dc; }
.ba-ui .bookshelf-item.is-orange .book-board { background:#e4c4ae; }
.ba-ui .book-title { font-size:20px; }
.ba-ui .home-blog-card { background:transparent; border:0; border-bottom:1px solid var(--border-strong); border-radius:0; }
.ba-ui .home-blog-body { padding:24px 0 28px; }
.ba-ui .home-blog-body h3 { font-family:var(--font-editorial); font-size:25px; line-height:1.3; min-height:0; }
.ba-ui .home-blog-body p { font-size:15px; line-height:1.8; }
.ba-ui .home-blog-card:hover .home-blog-image img { transform:none; }
.ba-ui .editorial-feature,.ba-ui .editorial-secondary { border-radius:3px; box-shadow:none; }

/* Account, tools, forms, shop and Bootstrap-based institutional templates. */
.ba-ui .card { border-radius:5px; box-shadow:none!important; border:1px solid var(--line)!important; }
.ba-ui .card-header { background:var(--surface-2); padding:18px 24px; border-color:var(--line); }
.ba-ui :where(.auth-card,.flow-card,.exam-card,.certificate-card,.schedule-card,.teacher-card,.dashboard-card) { border-radius:4px; box-shadow:none; padding:30px; }
.ba-ui .list-group-item { padding:15px 20px; border-color:var(--line); font-size:15px; }
.ba-ui .list-group-item.active { background:var(--navy); border-color:var(--navy); }
.ba-ui .table { --bs-table-bg:#fff; --bs-table-color:var(--text); --bs-table-border-color:var(--line); font-size:14px; }
.ba-ui .table th { padding:16px; background:var(--surface-2); font-weight:650; }
.ba-ui .table td { padding:16px; vertical-align:middle; }
.ba-ui .alert { border-radius:4px; line-height:1.7; }
.ba-ui > .bg-primary.text-white,.ba-ui > .bg-dark.text-white { background:var(--navy)!important; }
.ba-ui .modal-content { border-radius:6px; }
.ba-ui .modal-title { font-size:23px; color:var(--navy); }
.ba-ui .ai-hero,.ba-ui .ai-hero-lang { background:var(--navy); padding:44px 0 64px; border-bottom:4px solid var(--purple-700); }
.ba-ui .test-container { width:100%; border-radius:4px; border:1px solid var(--line); box-shadow:none; padding:32px; }
.ba-ui .lang-btn { border-radius:4px; min-height:46px; }
.ba-ui .question-card { border-radius:4px; background:var(--surface-2); }
.ba-ui .option-label { min-height:48px; border-radius:4px; font-size:15px; padding:12px 16px; }
.ba-ui .contact-field input,.ba-ui .contact-field select,.ba-ui .contact-field textarea { font-size:16px; min-height:48px; }
.ba-ui .contact-channel:hover { transform:none; }
.ba-ui .article-title { font-family:var(--font-editorial); font-size:clamp(32px,4vw,48px); font-weight:600; line-height:1.2; }
.ba-ui .article-meta-row { font-size:14px; }
.ba-ui footer { background:var(--purple-900); margin-top:64px; padding-top:64px; border-top:3px solid #bc9ad2; }
.ba-ui .footer-grid { gap:30px; max-width:1360px; }
.ba-ui .footer-title { font-size:15px; }
.ba-ui .footer-link { font-size:13px; line-height:2.2; }
.ba-ui .footer-text p { font-size:14px; }
.ba-ui .floating-contact-wrapper { z-index:890; }
.ba-ui .float-btn { width:48px; height:48px; box-shadow:0 3px 12px #242a4324; }
.ba-ui .f-phone-btn { background:var(--navy); }
.ba-ui .f-wa-btn { background:#237a4b; }

@media(min-width:1200px) { html:has(.ba-ui) { scroll-padding-top:154px; } }
@media(max-width:1199px) {
  .ba-ui .app-header-row { display:flex; height:78px; padding:0 24px; gap:16px; }
  .ba-ui .app-logo { min-height:0; margin-right:auto; }
  .ba-ui .primary-nav { display:none; }
  .ba-ui .utility-cluster { gap:4px; }
  .ba-ui .utility-cta { font-size:12px; }
  .ba-ui .home-hero-grid { gap:32px; }
  .ba-ui .detail-sticky,.ba-ui .apply-card { top:96px; }
  .ba-ui .detail-side { top:96px; }
}
@media(max-width:1100px) { .ba-ui .detail-side { position:static; } }
@media(max-width:980px) {
  .ba-ui .home-hero-grid { grid-template-columns:1fr; }
  .ba-ui .home-hero-copy { max-width:760px; }
  .ba-ui .home-hero-side { max-width:none; }
  .ba-ui .home-hero h1 { max-width:17ch; }
  .ba-ui .detail-layout { gap:24px; }
  .ba-ui .detail-sticky,.ba-ui .apply-card { position:static; }
}
@media(max-width:640px) {
  .ba-ui .container,.ba-ui .container-wide { width:calc(100% - 36px); }
  .ba-ui .app-header-row { height:70px; padding:0 16px; gap:8px; }
  .ba-ui .app-logo img,.ba-ui .app-header.is-scrolled .app-logo img { max-height:38px; }
  .ba-ui .utility-cluster { gap:0; }
  .ba-ui .utility-cluster .icon-btn:is([aria-label="Üye girişi"],[aria-label="Hesabım"],[aria-label="Yönetim paneli"]) { display:none; }
  .ba-ui .app-logo img { max-width:104px; }
  .ba-ui .utility-cta { display:none; }
  .ba-ui .section { padding:36px 0; }
  .ba-ui .section-head { align-items:start; gap:12px; margin-bottom:24px; }
  .ba-ui .home-row-hero { padding:12px 0 0; }
  .ba-ui .home-hero-grid { padding:12px 0 24px; gap:24px; }
  .ba-ui .home-hero-copy { padding:12px 0; }
  .ba-ui .home-hero h1 { font-size:39px; }
  .ba-ui .home-hero-lede { font-size:16px; }
  .ba-ui .home-hero-side { padding:24px; }
  .ba-ui .home-hero-actions { gap:18px; }
  .ba-ui .home-hero .home-hero-cta { padding:14px 20px; }
  .ba-ui .home-hero-where { padding:18px 0; }
  .ba-ui .home-row-finder { padding:28px 0; }
  .ba-ui .filter-field { flex:auto; }
  .ba-ui .filter-bar { padding:20px; }
  .ba-ui .home-branch-grid { grid-template-columns:1fr; }
  .ba-ui .hero { padding:32px 0; }
  .ba-ui .shelf-card { flex-basis:85%; }
  .ba-ui :where(.detail-content,.detail-block,.content-card,.detail-box) { padding:22px; }
  .ba-ui .home-branch-card,.ba-ui .branch-phys-card { padding:22px; }
  .ba-ui .test-container { padding:24px; }
  .ba-ui .card-actions { flex-wrap:wrap; }
  .ba-ui .footer-grid { gap:28px 20px; }
  .ba-ui .footer-brand-col { text-align:left; }
  .ba-ui footer { margin-top:40px; }
  .ba-ui .floating-contact-wrapper { right:14px; bottom:14px; }
}
@media(prefers-reduced-motion:reduce) { .ba-ui *, .ba-ui *::before,.ba-ui *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

/* Shared finishing: restrained type, clearly separated surfaces and reading space. */
.ba-ui :where(h1,h2,h3,h4) { font-family:var(--font-body); }
.ba-ui .app-logo img { width:auto; object-fit:contain; }
.ba-ui .utility-cta { background:var(--purple-700); border-color:var(--purple-700); color:#fff; font-weight:600; border-radius:5px; padding:12px 18px; }
.ba-ui .primary-nav .nav-link { font-weight:600; letter-spacing:-.01em; }
.ba-ui .mega-panel { border-top-width:2px; border-color:#ad94c5; padding:30px; }
.ba-ui .icon-btn { color:#60536e; }
.ba-ui :where(.btn-primary-custom,.btn-primary,.btn-navy) { background:var(--purple-700); border-color:var(--purple-700); }
.ba-ui :where(.btn-primary-custom,.btn-primary,.btn-navy):hover { background:var(--purple-900); border-color:var(--purple-900); }
.ba-ui :where(.form-control,.form-select,.control) { border-color:#d4cbdf; border-radius:5px; background:#fdfcfe; }
.ba-ui :where(.form-control,.form-select,.control):focus { border-color:#8c72a8; box-shadow:0 0 0 3px #76569c15; }
.ba-ui :where(.hero,.courses-hero) { background:#f5f1f8; border-bottom:1px solid #e5ddec; padding-top:55px; padding-bottom:46px; }
.ba-ui :where(.hero,.courses-hero) h1 { color:#382457; font-weight:650; letter-spacing:-.035em; }
.ba-ui .card-body h3 { font-weight:600; color:#382457; }
.ba-ui .price { font-weight:650; color:#382457; }
.ba-ui .card-actions { border-color:#eee8f3; }
.ba-ui .filter-bar { border-color:#e1d9e9; border-radius:8px; background:#fff; }
.ba-ui .filter-submit { background:#493279; color:#fff; }
.ba-ui :where(.content-card,.detail-panel,.detail-block,.detail-content,.detail-box) { border-color:#e5deed; border-radius:8px; }
.ba-ui :where(.article-content,.rich-content) { line-height:1.9; }
.ba-ui .article-title { font-weight:600; color:#382457; letter-spacing:-.035em; }
.ba-ui .price-panel { border-top:3px solid #aa8bc2; border-radius:8px; }
.ba-ui .academy-card { border-top:2px solid #b79cca; border-radius:5px; }
.ba-ui .academy-card h3 { font-weight:600; color:#382457; }
.ba-ui :where(.home-branch-card,.branch-phys-card) { background:#fff; border:1px solid #e1d9e9; border-top:2px solid #a88bc1; border-radius:7px; }
.ba-ui .home-blog-card { border:1px solid #e4dfea; border-radius:8px; background:#fff; }
.ba-ui .home-blog-body { padding:24px; }
.ba-ui .home-blog-body h3 { font-size:23px; font-weight:600; }
.ba-ui .card-header { background:#f8f5fb; }
.ba-ui .ai-hero,.ba-ui .ai-hero-lang { background:#30224f; border-bottom-color:#b598cc; }
.ba-ui .test-container { border-radius:8px; border-color:#e1d9e9; }
.ba-ui .lang-btn.active { background:#493279; color:#fff; border-color:#493279; }
.ba-ui footer .footer-title { color:#e7dcee; font-size:14px; font-weight:650; }
.ba-ui footer .footer-link { color:#cfc4dd; font-size:13px; line-height:2.4; }
.ba-ui footer .footer-link:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }
.ba-ui .footer-grid { max-width:1560px; gap:38px; }
.ba-ui .footer-text p { color:#cfc4dd; line-height:1.9; }
.ba-ui .float-btn { width:44px; height:44px; box-shadow:0 3px 12px #30224f15; }
@media(max-width:640px) { .ba-ui .app-logo img { max-width:140px; max-height:48px; } .ba-ui :where(.hero,.courses-hero) { padding:34px 0; } .ba-ui .mega-panel { padding:20px; } }
.ba-ui .footer-logo { background:#fff; border:1px solid #eee7f4; border-radius:6px; padding:10px 14px; max-height:82px; max-width:200px; }
.ba-ui:has(.campus-home) footer { margin-top:0; }
@media(min-width:1200px) { .ba-ui .app-logo img,.ba-ui .app-header.is-scrolled .app-logo img { max-height:66px; } }

/* Saturated logo colours: purple foundations and warm orange accents. */
:root { --purple-900:#302052; --purple-700:#4a287f; --purple-500:#7851a3; --soft-orange:#ffe1bf; --soft-blue:#e4d5f3; }
body.ba-ui { background:#eee4f7; }
.ba-ui .app-header { border-top:5px solid #ef8731; border-bottom-color:#cab3df; }
.ba-ui .primary-nav { border-color:#e6d7f2; }
.ba-ui .primary-nav .nav-link:hover,.ba-ui .primary-nav .nav-link[aria-expanded=true] { background:#e9d9f8; color:#4a287f; }
.ba-ui .header-payment-strip { background:#4a287f; border-color:#4a287f; }
.ba-ui .header-payment-strip-link { color:#fff; }
.ba-ui .utility-cta { background:#4a287f; box-shadow:3px 3px 0 #f3a45b; }
.ba-ui :where(.hero,.courses-hero) { background:#dcc7ef; border-bottom:3px solid #b590d0; }
.ba-ui :where(.course-card,.lesson-card,.book-card,.blog-card,.shelf-card,.home-blog-card) { border-color:#cdb6df; }
.ba-ui :where(.academy-card,.home-branch-card,.branch-phys-card) { border-top:4px solid #ed8b38; }
.ba-ui .card-header { background:#e4d2f1; }
.ba-ui .filter-bar { border-top:3px solid #8b5ab1; }
.ba-ui footer { border-top:5px solid #f39b47; }
.ba-ui .f-phone-btn { background:#674197; }
/* Native-size branded pointers; text selection and resize cursors remain native. */
@media(hover:hover) and (pointer:fine) {
  .ba-ui { cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M4 2L23 18L14 19L10 28Z' fill='%234a287f' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2,auto; }
  .ba-ui :is(a,button,[role=button]) { cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M4 2L23 18L14 19L10 28Z' fill='%23f39b47' stroke='%234a287f' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2,pointer; }
  .ba-ui :is(button:disabled,[aria-disabled=true]) { cursor:not-allowed; }
  .ba-ui :is(.btn,.shelf-card,.course-card,.book-card,.home-blog-card,.academy-card,.campus-preview-paths>a,.campus-launch,.campus-resource-icon,.path-tile) { transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease; }
  .ba-ui :is(.shelf-card,.course-card,.book-card,.home-blog-card,.academy-card):hover { transform:translateY(-4px); border-color:#9164b5; box-shadow:0 10px 24px #4a287f16; }
  .ba-ui .btn:hover { transform:translateY(-2px); box-shadow:0 5px 0 #30205220; }
  .ba-ui .campus-resource-list>a:hover .campus-resource-icon { transform:rotate(-6deg); background:#e0c4f3; }
}
@media(prefers-reduced-motion:reduce) { .ba-ui :is(.btn,.shelf-card,.course-card,.book-card,.home-blog-card,.academy-card,.campus-preview-paths>a,.campus-launch,.campus-resource-icon,.path-tile):hover { transform:none!important; } .ba-ui .campus-resource-list>a:hover .campus-resource-icon { transform:none!important; } }