/* ==========================================================================
   PAGINA PRINCIPALĂ — reguli izolate pentru a preveni conflictele între pagini
   ========================================================================== */
body.page-home{
      --ink: #12223b;
      --ink-2: #20344f;
      --muted: #64738a;
      --paper: #f7f8fa;
      --white: #ffffff;
      --line: #dce3ec;
      --line-strong: #c7d2e0;
      --blue: #2d72f6;
      --cyan: #7de5e0;
      --pale-blue: #eaf1ff;
      --navy: #101e35;
      --navy-2: #162944;
      --radius: 18px;
      --shadow: 0 20px 55px rgba(16, 30, 53, .10);
      --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
      --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    *{ box-sizing: border-box; }
    html{ scroll-behavior: smooth; scroll-padding-top: 90px; }
    body.page-home{ margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
    body.page-home a{ color: inherit; text-decoration: none; }
    body.page-home button, body.page-home input, body.page-home select{ font: inherit; }
    body.page-home button{ cursor: pointer; }
    body.page-home .container{ width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
    body.page-home .eyebrow{ display: inline-flex; align-items: center; gap: 10px; color: #55708e; font: 600 10px/1.4 var(--mono); letter-spacing: .17em; text-transform: uppercase; }
    body.page-home .eyebrow::before{ content: ""; width: 26px; height: 1px; background: var(--blue); }
    body.page-home .topbar{ position: sticky; top: 0; z-index: 20; background: rgba(247,248,250,.88); border-bottom: 1px solid rgba(207,217,229,.8); backdrop-filter: blur(18px); }
    body.page-home .nav{ min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
    body.page-home .brand{ display: inline-flex; align-items: center; gap: 11px; flex-shrink: 0; }
    body.page-home .brand-mark{ width: 37px; height: 37px; position: relative; border: 1.5px solid var(--ink); display: grid; place-items: center; background: var(--white); }
    body.page-home .brand-mark::before, body.page-home .brand-mark::after{ content: ""; position: absolute; background: var(--blue); }
    body.page-home .brand-mark::before{ width: 1px; height: 25px; left: 11px; top: 5px; }
    body.page-home .brand-mark::after{ height: 1px; width: 25px; left: 5px; top: 12px; }
    body.page-home .brand-mark svg{ width: 25px; height: 25px; position: relative; z-index: 1; }
    body.page-home .brand-name{ font-size: 15px; font-weight: 800; letter-spacing: .14em; line-height: 1; }
    body.page-home .brand-sub{ color: #738197; font: 9px/1.8 var(--mono); letter-spacing: .16em; }
    body.page-home .nav-links{ display: flex; align-items: center; gap: 29px; color: #5a6a81; font-size: 12px; font-weight: 600; }
    body.page-home .nav-links a{ transition: color .2s; }
    body.page-home .nav-links a:hover{ color: var(--blue); }
    body.page-home .nav-actions{ display: flex; align-items: center; gap: 12px; }
    body.page-home .nav-login{ color: #53647c; font-size: 12px; font-weight: 650; padding: 12px 5px; }
    body.page-home .btn{ display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 47px; padding: 0 19px; border: 1px solid transparent; border-radius: 7px; background: var(--blue); color: #fff; font-size: 12px; font-weight: 700; transition: transform .18s, background .18s, box-shadow .18s; box-shadow: 0 7px 18px rgba(45,114,246,.17); }
    body.page-home .btn:hover{ transform: translateY(-1px); background: #1e61e6; box-shadow: 0 10px 22px rgba(45,114,246,.22); }
    body.page-home .btn svg{ width: 15px; height: 15px; }
    body.page-home .btn-ghost{ background: transparent; border-color: #c9d4e1; box-shadow: none; color: var(--ink); }
    body.page-home .btn-ghost:hover{ background: white; color: var(--ink); box-shadow: 0 8px 20px rgba(16,30,53,.06); }
    body.page-home .btn-light{ color: var(--ink); background: #fff; box-shadow: none; }
    body.page-home .btn-light:hover{ background: #eaf2ff; }
    body.page-home .menu-toggle{ display: none; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 8px; background: white; color: var(--ink); }

    /* Hero */
    body.page-home .hero{ position: relative; overflow: hidden; padding: 82px 0 58px; background: #f7f8fa; }
    body.page-home .hero::before{ content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .42; background-image: linear-gradient(rgba(43,91,151,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(43,91,151,.07) 1px, transparent 1px); background-size: 40px 40px; mask-image: linear-gradient(to right, #000, transparent 76%); }
    body.page-home .hero::after{ content: ""; position: absolute; width: 360px; height: 360px; right: -155px; top: 20px; border: 1px solid rgba(45,114,246,.12); border-radius: 50%; box-shadow: 0 0 0 24px rgba(45,114,246,.025), 0 0 0 58px rgba(45,114,246,.02); pointer-events: none; }
    body.page-home .hero-grid{ position: relative; z-index: 1; display: grid; grid-template-columns: 1fr .94fr; align-items: center; gap: 68px; }
    body.page-home .hero-copy{ padding: 8px 0 28px; }
    body.page-home .hero-copy .eyebrow{ margin-bottom: 23px; }
    body.page-home h1{ margin: 0; max-width: 610px; font-size: clamp(42px, 5vw, 67px); line-height: 1.035; font-weight: 650; letter-spacing: -.058em; }
    body.page-home h1 .line-accent{ color: var(--blue); }
    body.page-home .hero-lead{ max-width: 470px; margin: 24px 0 28px; color: #5c6b81; font-size: 15px; line-height: 1.85; }
    body.page-home .hero-ctas{ display: flex; align-items: center; flex-wrap: wrap; gap: 11px; }
    body.page-home .hero-points{ margin-top: 33px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 20px 25px; }
    body.page-home .hero-point{ display: flex; align-items: center; gap: 8px; color: #62728a; font-size: 11px; font-weight: 600; }
    body.page-home .hero-point svg{ color: var(--blue); width: 15px; height: 15px; }
    body.page-home .hero-visual{ position: relative; min-width: 0; }
    body.page-home .blueprint{ position: relative; overflow: hidden; min-height: 435px; border-radius: 12px; background: var(--navy); box-shadow: 0 30px 75px rgba(18,34,59,.22); color: white; }
    body.page-home .blueprint-grid{ position: absolute; inset: 0; opacity: .25; background-image: linear-gradient(rgba(127,185,235,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(127,185,235,.22) 1px, transparent 1px); background-size: 24px 24px; }
    body.page-home .bp-label{ position: absolute; z-index: 2; color: #9db2cb; font: 9px/1.5 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
    body.page-home .bp-label.top-left{ top: 22px; left: 23px; }
    body.page-home .bp-label.top-right{ top: 22px; right: 23px; text-align: right; }
    body.page-home .bp-label.bottom-left{ bottom: 20px; left: 23px; }
    body.page-home .bp-label.bottom-right{ bottom: 20px; right: 23px; text-align: right; }
    body.page-home .bp-drawing{ position: absolute; inset: 42px 14px 24px; width: calc(100% - 28px); height: calc(100% - 66px); }
    body.page-home .bp-drawing .blue-line{ stroke: #79d8de; stroke-width: 1.2; fill: none; opacity: .86; }
    body.page-home .bp-drawing .blue-line-muted{ stroke: #7094ba; stroke-width: .8; fill: none; opacity: .65; }
    body.page-home .bp-drawing .blue-dash{ stroke: #87dcdf; stroke-width: .85; stroke-dasharray: 4 4; fill: none; opacity: .75; }
    body.page-home .bp-drawing .bp-text{ fill: #aac2db; font: 8px var(--mono); letter-spacing: 1.2px; }
    body.page-home .bp-drawing .bp-number{ fill: #7de5e0; font: 10px var(--mono); }
    body.page-home .floating-course{ position: absolute; width: min(280px, 84%); right: -21px; bottom: 49px; padding: 18px; color: var(--ink); border: 1px solid rgba(255,255,255,.8); border-radius: 9px; background: rgba(255,255,255,.96); box-shadow: 0 20px 38px rgba(0,0,0,.2); backdrop-filter: blur(12px); }
    body.page-home .fc-head{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 13px; border-bottom: 1px solid #e8edf3; }
    body.page-home .fc-label{ color: #75859a; font: 9px var(--mono); letter-spacing: .13em; }
    body.page-home .status-dot{ display: inline-flex; align-items: center; gap: 6px; color: #378b80; font-size: 9px; font-weight: 700; }
    body.page-home .status-dot::before{ content: ""; width: 5px; height: 5px; border-radius: 50%; background: #3ab6a5; }
    body.page-home .fc-title{ margin: 13px 0 6px; font-size: 14px; font-weight: 750; letter-spacing: -.02em; }
    body.page-home .fc-description{ margin: 0; color: #718096; font-size: 10px; line-height: 1.65; }
    body.page-home .progress-row{ display: flex; justify-content: space-between; margin: 15px 0 7px; color: #64748a; font-size: 9px; }
    body.page-home .progress-track{ height: 4px; overflow: hidden; border-radius: 9px; background: #e6ebf2; }
    body.page-home .progress-fill{ width: 68%; height: 100%; background: var(--blue); }
    body.page-home .fc-footer{ display: flex; align-items: center; justify-content: space-between; margin-top: 15px; color: #5b6d84; font-size: 9px; }
    body.page-home .mini-avatar{ width: 23px; height: 23px; display: inline-grid; place-items: center; margin-right: 6px; border: 1px solid #c6d5e8; border-radius: 50%; color: var(--blue); background: #eaf2ff; font: 8px var(--mono); }
    body.page-home .hero-index{ display: flex; align-items: center; gap: 9px; margin-top: 15px; color: #7b899b; font: 9px var(--mono); letter-spacing: .1em; }
    body.page-home .hero-index span{ width: 29px; height: 1px; background: #a8b8cb; }

    body.page-home .proof-strip{ position: relative; z-index: 2; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }
    body.page-home .proof-grid{ display: grid; grid-template-columns: 1.2fr repeat(3, 1fr); min-height: 104px; align-items: center; }
    body.page-home .proof-intro{ padding-right: 22px; color: #7b899b; font: 9px/1.7 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
    body.page-home .proof-item{ min-height: 48px; display: flex; align-items: center; gap: 13px; padding: 0 22px; border-left: 1px solid var(--line); }
    body.page-home .proof-icon{ width: 33px; height: 33px; display: grid; place-items: center; border: 1px solid #d8e2ef; border-radius: 7px; color: var(--blue); background: #f7faff; flex-shrink: 0; }
    body.page-home .proof-icon svg{ width: 16px; height: 16px; }
    body.page-home .proof-title{ margin: 0 0 4px; color: var(--ink); font-size: 11px; font-weight: 750; }
    body.page-home .proof-sub{ margin: 0; color: #7c899b; font-size: 10px; }

    /* courses */
    body.page-home .section{ padding: 100px 0; }
    body.page-home .section-head{ display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 34px; }
    body.page-home .section-head .eyebrow{ margin-bottom: 17px; }
    body.page-home h2{ margin: 0; color: var(--ink); font-size: clamp(30px, 3.6vw, 43px); line-height: 1.1; letter-spacing: -.048em; font-weight: 650; }
    body.page-home .section-description{ max-width: 405px; margin: 0 0 3px; color: var(--muted); font-size: 13px; line-height: 1.85; }
    body.page-home .course-controls{ display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
    body.page-home .filter-list{ display: flex; flex-wrap: wrap; gap: 7px; }
    body.page-home .filter-btn{ padding: 10px 13px; border: 1px solid #dce3ec; border-radius: 6px; background: transparent; color: #68788e; font-size: 10px; font-weight: 700; transition: all .2s; }
    body.page-home .filter-btn:hover{ background: white; color: var(--ink); }
    body.page-home .filter-btn.active{ border-color: var(--ink); background: var(--ink); color: white; }
    body.page-home .course-search{ position: relative; min-width: 210px; }
    body.page-home .course-search svg{ position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; color: #8593a6; }
    body.page-home .course-search input{ width: 100%; height: 38px; padding: 0 12px 0 36px; border: 1px solid #dce3ec; border-radius: 6px; outline: none; background: white; color: var(--ink); font-size: 11px; }
    body.page-home .course-search input:focus{ border-color: #80a9fb; box-shadow: 0 0 0 3px rgba(45,114,246,.08); }
    body.page-home .course-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    body.page-home .course-card{ position: relative; display: flex; flex-direction: column; min-height: 290px; padding: 23px; border: 1px solid #dfe5ed; border-radius: 10px; background: #fff; transition: transform .2s, box-shadow .2s, border-color .2s; }
    body.page-home .course-card:hover{ transform: translateY(-4px); border-color: #c5d5ea; box-shadow: 0 15px 34px rgba(16,30,53,.07); }
    body.page-home .course-card[hidden]{ display: none; }
    body.page-home .card-top{ display: flex; align-items: start; justify-content: space-between; gap: 12px; }
    body.page-home .course-code{ display: inline-flex; align-items: center; justify-content: center; min-width: 43px; height: 31px; padding: 0 8px; border: 1px solid #d3e0f1; border-radius: 5px; background: #f3f7ff; color: #2e6fe9; font: 10px var(--mono); letter-spacing: .04em; }
    body.page-home .course-type{ color: #8390a2; font: 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; text-align: right; }
    body.page-home .course-card h3{ margin: 25px 0 10px; font-size: 19px; line-height: 1.25; font-weight: 700; letter-spacing: -.035em; }
    body.page-home .course-card p{ margin: 0; color: #718096; font-size: 11px; line-height: 1.8; }
    body.page-home .card-meta{ display: flex; flex-wrap: wrap; gap: 8px 15px; margin-top: 17px; color: #66778d; font-size: 10px; }
    body.page-home .card-meta span{ display: inline-flex; align-items: center; gap: 6px; }
    body.page-home .card-meta svg{ width: 13px; height: 13px; color: #5485d9; }
    body.page-home .card-link{ display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: auto; padding-top: 18px; border: 0; border-top: 1px solid #e8edf3; background: transparent; color: var(--ink); text-align: left; font-size: 11px; font-weight: 750; }
    body.page-home .card-link svg{ width: 15px; height: 15px; color: var(--blue); transition: transform .2s; }
    body.page-home .card-link:hover svg{ transform: translateX(4px); }
    body.page-home .catalog-note{ display: flex; align-items: center; gap: 12px; margin-top: 22px; padding: 15px 17px; border: 1px dashed #ccd8e6; border-radius: 8px; color: #6e7f95; font-size: 10px; line-height: 1.6; }
    body.page-home .catalog-note svg{ width: 17px; height: 17px; color: #547fc2; flex: 0 0 auto; }
    body.page-home .catalog-note strong{ color: #30455f; }

    /* method */
    body.page-home .method-section{ position: relative; overflow: hidden; background: var(--navy); color: white; }
    body.page-home .method-section::before{ content: ""; position: absolute; inset: 0; opacity: .3; background-image: linear-gradient(rgba(126,171,217,.14) 1px, transparent 1px), linear-gradient(90deg, rgba(126,171,217,.14) 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(90deg, #000 0%, transparent 100%); }
    body.page-home .method-section .container{ position: relative; z-index: 1; }
    body.page-home .method-section .eyebrow{ color: #9fb3ce; }
    body.page-home .method-section h2{ color: #fff; }
    body.page-home .method-section .section-description{ color: #a6b6ca; }
    body.page-home .method-head{ display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 46px; }
    body.page-home .method-steps{ display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); border-top: 1px solid rgba(173,204,235,.25); }
    body.page-home .method-step{ position: relative; padding: 27px 25px 0 0; }
    body.page-home .method-step:not(:first-child){ padding-left: 25px; border-left: 1px solid rgba(173,204,235,.2); }
    body.page-home .step-number{ display: flex; align-items: center; gap: 10px; margin-bottom: 29px; color: #7de5e0; font: 10px var(--mono); letter-spacing: .1em; }
    body.page-home .step-number::after{ content: ""; width: 28px; height: 1px; background: rgba(125,229,224,.55); }
    body.page-home .method-step h3{ margin: 0 0 10px; color: #fff; font-size: 15px; letter-spacing: -.02em; }
    body.page-home .method-step p{ max-width: 220px; margin: 0; color: #a6b6ca; font-size: 11px; line-height: 1.85; }
    body.page-home .method-footer{ display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 55px; padding-top: 24px; border-top: 1px solid rgba(173,204,235,.22); }
    body.page-home .method-footer p{ max-width: 520px; margin: 0; color: #a6b6ca; font-size: 11px; line-height: 1.8; }

    /* platform */
    body.page-home .platform-grid{ display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 82px; }
    body.page-home .platform-copy .eyebrow{ margin-bottom: 17px; }
    body.page-home .platform-copy h2{ max-width: 450px; }
    body.page-home .platform-copy > p{ max-width: 455px; margin: 20px 0 24px; color: var(--muted); font-size: 13px; line-height: 1.9; }
    body.page-home .feature-list{ display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
    body.page-home .feature-list li{ display: flex; align-items: start; gap: 12px; color: #53647b; font-size: 11px; line-height: 1.7; }
    body.page-home .feature-check{ display: grid; flex: 0 0 auto; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #e7f5f4; color: #2a8e87; }
    body.page-home .feature-check svg{ width: 12px; height: 12px; }
    body.page-home .dashboard{ position: relative; padding: 17px; border: 1px solid #d5dee9; border-radius: 13px; background: #fff; box-shadow: var(--shadow); }
    body.page-home .dashboard::before{ content: ""; position: absolute; z-index: -1; right: -17px; top: 21px; width: 100%; height: 100%; border: 1px solid #c8d7e7; border-radius: 13px; background: #edf2f8; }
    body.page-home .dash-top{ display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 5px 5px 16px; border-bottom: 1px solid #e5eaf0; }
    body.page-home .dash-window{ display: flex; align-items: center; gap: 5px; }
    body.page-home .dash-window i{ width: 6px; height: 6px; border-radius: 50%; background: #c5d0de; }
    body.page-home .dash-brand{ margin-left: 9px; color: #6e7f94; font: 9px var(--mono); letter-spacing: .1em; }
    body.page-home .dash-tag{ padding: 6px 8px; border-radius: 4px; background: #eaf2ff; color: #3d73d0; font: 8px var(--mono); }
    body.page-home .dash-body{ display: grid; grid-template-columns: 1fr 150px; gap: 18px; padding: 20px 5px 7px; }
    body.page-home .dash-greeting{ margin: 0 0 4px; color: #8997a9; font: 8px var(--mono); letter-spacing: .1em; }
    body.page-home .dash-title{ margin: 0 0 16px; font-size: 17px; letter-spacing: -.04em; }
    body.page-home .dash-course-row{ display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; padding: 11px 0; border-top: 1px solid #edf0f4; }
    body.page-home .dash-course-icon{ display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #d8e4f4; border-radius: 6px; background: #f4f8ff; color: #3678e9; font: 8px var(--mono); }
    body.page-home .dash-course-name{ margin: 0 0 4px; color: #263b57; font-size: 10px; font-weight: 750; }
    body.page-home .dash-course-caption{ margin: 0; color: #8a97a8; font-size: 8px; }
    body.page-home .dash-percent{ color: #5477b8; font: 9px var(--mono); }
    body.page-home .dash-sidecard{ align-self: start; padding: 14px; border: 1px solid #e0e7f0; border-radius: 8px; background: #f9fbfd; }
    body.page-home .dash-sidecard .mini-label{ color: #8997a9; font: 8px var(--mono); letter-spacing: .1em; }
    body.page-home .dash-big-number{ margin: 12px 0 4px; font-size: 29px; font-weight: 650; letter-spacing: -.06em; }
    body.page-home .dash-small-text{ color: #8795a7; font-size: 8px; }
    body.page-home .spark{ display: flex; align-items: end; gap: 5px; height: 43px; margin-top: 16px; padding-top: 4px; border-bottom: 1px solid #dbe5f0; }
    body.page-home .spark span{ flex: 1; min-width: 5px; border-radius: 2px 2px 0 0; background: #b7cffa; }
    body.page-home .spark span:nth-child(1){ height: 30%; }body.page-home .spark span:nth-child(2){ height: 42%; }body.page-home .spark span:nth-child(3){ height: 34%; }body.page-home .spark span:nth-child(4){ height: 66%; }body.page-home .spark span:nth-child(5){ height: 57%; }body.page-home .spark span:nth-child(6){ height: 82%; }body.page-home .spark span:nth-child(7){ height: 100%; background: var(--blue); }
    body.page-home .dash-bottom{ display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 8px; padding: 12px 5px 2px; border-top: 1px solid #e5eaf0; color: #8795a7; font: 8px var(--mono); letter-spacing: .03em; }
    body.page-home .dash-bottom strong{ color: #4c607a; font-weight: 600; }

    /* FAQ + CTA */
    body.page-home .faq-section{ padding-top: 20px; }
    body.page-home .faq-layout{ display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }
    body.page-home .faq-intro .eyebrow{ margin-bottom: 17px; }
    body.page-home .faq-intro p{ max-width: 320px; margin: 18px 0 0; color: var(--muted); font-size: 12px; line-height: 1.85; }
    body.page-home .faq-list{ border-top: 1px solid var(--line-strong); }
    body.page-home .faq-item{ border-bottom: 1px solid var(--line); }
    body.page-home .faq-question{ width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 0; border: 0; background: transparent; color: var(--ink); text-align: left; font-size: 12px; font-weight: 700; }
    body.page-home .faq-plus{ position: relative; width: 20px; height: 20px; flex: 0 0 auto; border: 1px solid #d2dce8; border-radius: 50%; }
    body.page-home .faq-plus::before, body.page-home .faq-plus::after{ content: ""; position: absolute; top: 9px; left: 5px; width: 8px; height: 1px; background: var(--blue); transition: transform .2s; }
    body.page-home .faq-plus::after{ transform: rotate(90deg); }
    body.page-home .faq-question[aria-expanded="true"] .faq-plus::after{ transform: rotate(0deg); }
    body.page-home .faq-answer{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s; }
    body.page-home .faq-answer > div{ overflow: hidden; }
    body.page-home .faq-answer p{ margin: 0; padding: 0 35px 0 0; color: #6c7b91; font-size: 11px; line-height: 1.9; }
    body.page-home .faq-item.open .faq-answer{ grid-template-rows: 1fr; }
    body.page-home .faq-item.open .faq-answer p{ padding-bottom: 20px; }
    body.page-home .cta-section{ padding: 0 0 90px; }
    body.page-home .cta-panel{ position: relative; display: flex; align-items: center; justify-content: space-between; gap: 35px; overflow: hidden; padding: 42px 48px; border-radius: 12px; background: #eaf1fb; border: 1px solid #d5e1f0; }
    body.page-home .cta-panel::after{ content: ""; position: absolute; right: 20%; top: -140px; width: 300px; height: 300px; border: 1px solid rgba(45,114,246,.18); transform: rotate(45deg); box-shadow: 0 0 0 20px rgba(45,114,246,.035), 0 0 0 45px rgba(45,114,246,.025); pointer-events: none; }
    body.page-home .cta-copy{ position: relative; z-index: 1; }
    body.page-home .cta-copy .eyebrow{ margin-bottom: 13px; }
    body.page-home .cta-copy h2{ max-width: 580px; font-size: clamp(27px, 3vw, 35px); }
    body.page-home .cta-copy p{ margin: 12px 0 0; color: #63758d; font-size: 12px; line-height: 1.8; }
    body.page-home .cta-actions{ position: relative; z-index: 1; display: flex; flex-shrink: 0; flex-direction: column; align-items: stretch; gap: 9px; }
    body.page-home .cta-actions small{ color: #75859a; text-align: center; font-size: 9px; }
    body.page-home footer{ background: #fff; border-top: 1px solid var(--line); }
    body.page-home .footer-main{ display: flex; align-items: start; justify-content: space-between; gap: 35px; padding: 34px 0 29px; }
    body.page-home .footer-brand p{ max-width: 270px; margin: 15px 0 0; color: #7c899b; font-size: 10px; line-height: 1.8; }
    body.page-home .footer-links{ display: flex; flex-wrap: wrap; gap: 30px; color: #627189; font-size: 10px; font-weight: 600; }
    body.page-home .footer-links a:hover{ color: var(--blue); }
    body.page-home .footer-bottom{ display: flex; justify-content: space-between; gap: 22px; padding: 15px 0; border-top: 1px solid #edf0f4; color: #8b97a7; font-size: 9px; line-height: 1.6; }
    body.page-home .footer-bottom .disclaimer{ max-width: 670px; text-align: right; }

    /* modal / toast */
    body.page-home .modal-backdrop{ position: fixed; inset: 0; z-index: 50; display: none; place-items: center; padding: 24px; background: rgba(9,20,37,.58); backdrop-filter: blur(5px); }
    body.page-home .modal-backdrop.show{ display: grid; }
    body.page-home .modal{ position: relative; width: min(480px, 100%); padding: 31px; border: 1px solid #dce5ef; border-radius: 12px; background: #fff; box-shadow: 0 30px 90px rgba(0,0,0,.25); animation: modalIn .18s ease-out; }
    @keyframes modalIn { from { opacity: 0; transform: translateY(8px) scale(.99); } to { opacity: 1; transform: translateY(0) scale(1); } }
    body.page-home .modal-close{ position: absolute; top: 15px; right: 15px; display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #e0e6ed; border-radius: 6px; background: white; color: #5b6e85; }
    body.page-home .modal .eyebrow{ margin-bottom: 14px; }
    body.page-home .modal h2{ max-width: 360px; font-size: 29px; }
    body.page-home .modal-intro{ margin: 12px 0 22px; color: #6d7d92; font-size: 11px; line-height: 1.8; }
    body.page-home .form-row{ display: grid; gap: 6px; margin-bottom: 13px; }
    body.page-home .form-row label{ color: #4d6079; font-size: 10px; font-weight: 700; }
    body.page-home .form-row input, body.page-home .form-row select{ width: 100%; height: 42px; padding: 0 12px; border: 1px solid #dce3ec; border-radius: 6px; outline: none; background: #fbfcfe; color: var(--ink); font-size: 11px; }
    body.page-home .form-row input:focus, body.page-home .form-row select:focus{ border-color: #80a9fb; box-shadow: 0 0 0 3px rgba(45,114,246,.08); }
    body.page-home .form-note{ margin: 12px 0 0; color: #8491a2; font-size: 9px; line-height: 1.65; }
    body.page-home .modal .btn{ width: 100%; margin-top: 5px; }
    body.page-home .toast{ position: fixed; z-index: 60; left: 50%; bottom: 24px; transform: translate(-50%, 18px); opacity: 0; pointer-events: none; max-width: calc(100vw - 32px); padding: 13px 17px; border: 1px solid #344d6e; border-radius: 7px; background: #142842; color: white; box-shadow: 0 12px 35px rgba(0,0,0,.2); font-size: 11px; line-height: 1.6; transition: opacity .2s, transform .2s; }
    body.page-home .toast.show{ opacity: 1; transform: translate(-50%, 0); }

    @media (max-width: 1050px) {
      body.page-home .hero-grid{ gap: 40px; }
      body.page-home .nav-links{ gap: 17px; }
      body.page-home .nav-login{ display: none; }
      body.page-home .platform-grid{ gap: 45px; }
      body.page-home .faq-layout{ gap: 45px; }
      body.page-home .proof-item{ padding: 0 14px; }
      body.page-home .floating-course{ right: -10px; }
    }
    @media (max-width: 820px) {
      body.page-home .container{ width: min(100% - 36px, 680px); }
      body.page-home .nav{ min-height: 68px; }
      body.page-home .menu-toggle{ display: inline-flex; }
      body.page-home .nav-actions .btn{ display: none; }
      body.page-home .nav-links{ display: none; position: absolute; left: 0; right: 0; top: 68px; padding: 16px 22px 21px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.98); box-shadow: 0 18px 25px rgba(16,30,53,.07); }
      body.page-home .nav-links.open{ display: flex; flex-direction: column; align-items: stretch; gap: 0; }
      body.page-home .nav-links a{ padding: 13px 0; border-bottom: 1px solid #edf0f4; }
      body.page-home .nav-links a:last-child{ border-bottom: 0; }
      body.page-home .hero{ padding: 58px 0 45px; }
      body.page-home .hero-grid{ grid-template-columns: 1fr; gap: 34px; }
      body.page-home .hero-copy{ padding-bottom: 0; }
      body.page-home .hero-visual{ width: min(100%, 580px); margin: 0 auto; }
      body.page-home .blueprint{ min-height: 395px; }
      body.page-home .floating-course{ right: 12px; bottom: 30px; }
      body.page-home .proof-grid{ grid-template-columns: repeat(3, 1fr); padding: 18px 0; row-gap: 20px; }
      body.page-home .proof-intro{ grid-column: 1 / -1; padding: 0; }
      body.page-home .proof-item:first-of-type{ border-left: 0; padding-left: 0; }
      body.page-home .proof-item{ padding: 0 10px; }
      body.page-home .section{ padding: 75px 0; }
      body.page-home .section-head, body.page-home .method-head{ align-items: start; flex-direction: column; gap: 17px; }
      body.page-home .section-description{ max-width: 540px; }
      body.page-home .course-controls{ align-items: stretch; flex-direction: column; }
      body.page-home .course-search{ width: 100%; }
      body.page-home .course-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
      body.page-home .method-steps{ grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 28px; }
      body.page-home .method-step:nth-child(3){ padding-left: 0; border-left: 0; }
      body.page-home .method-footer{ align-items: start; flex-direction: column; margin-top: 38px; }
      body.page-home .platform-grid{ grid-template-columns: 1fr; gap: 42px; }
      body.page-home .dashboard{ width: min(100%, 580px); margin-inline: auto; }
      body.page-home .faq-layout{ grid-template-columns: 1fr; gap: 30px; }
      body.page-home .faq-intro p{ max-width: 540px; }
      body.page-home .cta-panel{ align-items: start; flex-direction: column; padding: 35px 30px; }
      body.page-home .cta-actions{ width: 100%; max-width: 260px; }
      body.page-home .footer-main{ flex-direction: column; }
      body.page-home .footer-bottom{ align-items: start; flex-direction: column; }
      body.page-home .footer-bottom .disclaimer{ text-align: left; }
    }
    @media (max-width: 520px) {
      body.page-home .container{ width: calc(100% - 30px); }
      body.page-home .brand-name{ font-size: 13px; }
      body.page-home .brand-sub{ font-size: 8px; }
      body.page-home h1{ font-size: clamp(39px, 12vw, 52px); }
      body.page-home .hero-lead{ font-size: 13px; }
      body.page-home .hero-ctas{ align-items: stretch; flex-direction: column; }
      body.page-home .hero-ctas .btn{ width: 100%; }
      body.page-home .hero-points{ gap: 13px 17px; }
      body.page-home .hero-point{ font-size: 10px; }
      body.page-home .blueprint{ min-height: 330px; }
      body.page-home .bp-drawing{ inset: 42px 4px 24px; width: calc(100% - 8px); }
      body.page-home .bp-label{ font-size: 7px; }
      body.page-home .bp-label.top-left, body.page-home .bp-label.bottom-left{ left: 14px; }
      body.page-home .bp-label.top-right, body.page-home .bp-label.bottom-right{ right: 14px; }
      body.page-home .floating-course{ width: min(260px, 83%); right: 10px; bottom: 25px; padding: 14px; }
      body.page-home .fc-title{ font-size: 12px; }
      body.page-home .proof-grid{ grid-template-columns: 1fr; gap: 17px; }
      body.page-home .proof-intro{ grid-column: auto; }
      body.page-home .proof-item, body.page-home .proof-item:first-of-type{ padding: 0; border-left: 0; }
      body.page-home .section{ padding: 62px 0; }
      body.page-home .course-grid{ grid-template-columns: 1fr; }
      body.page-home .course-card{ min-height: 260px; }
      body.page-home .filter-list{ gap: 6px; }
      body.page-home .filter-btn{ padding: 9px 10px; font-size: 9px; }
      body.page-home .method-steps{ grid-template-columns: 1fr; gap: 24px; }
      body.page-home .method-step, body.page-home .method-step:not(:first-child){ padding: 0; border-left: 0; }
      body.page-home .step-number{ margin-bottom: 15px; }
      body.page-home .method-step p{ max-width: 100%; }
      body.page-home .dash-body{ grid-template-columns: 1fr; }
      body.page-home .dash-sidecard{ display: none; }
      body.page-home .dash-title{ font-size: 16px; }
      body.page-home .dash-course-name{ font-size: 9px; }
      body.page-home .cta-panel{ padding: 29px 22px; }
      body.page-home .footer-links{ gap: 15px 22px; }
      body.page-home .modal{ padding: 27px 22px; }
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after{ scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
    }

/* ==========================================================================
   CATALOG CURSURI — reguli izolate pentru a preveni conflictele între pagini
   ========================================================================== */
body.page-courses{--ink:#12223b;--ink2:#20344f;--muted:#64738a;--paper:#f7f8fa;--white:#fff;--line:#dce3ec;--line2:#c7d2e0;--blue:#2d72f6;--cyan:#7de5e0;--pale:#eaf1ff;--navy:#101e35;--navy2:#162944;--radius:14px;--shadow:0 20px 55px rgba(16,30,53,.08);--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body.page-courses{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.page-courses a{color:inherit;text-decoration:none}body.page-courses button, body.page-courses input, body.page-courses select{font:inherit}body.page-courses button{cursor:pointer}body.page-courses .container{width:min(1320px,calc(100% - 52px));margin-inline:auto}body.page-courses .eyebrow{display:inline-flex;align-items:center;gap:9px;color:#55708e;font:600 10px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase}body.page-courses .eyebrow:before{content:"";width:23px;height:1px;background:var(--blue)}
body.page-courses .topbar{position:sticky;top:0;z-index:30;background:rgba(247,248,250,.9);border-bottom:1px solid rgba(207,217,229,.85);backdrop-filter:blur(18px)}body.page-courses .nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:26px}body.page-courses .brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}body.page-courses .brand-mark{width:37px;height:37px;position:relative;border:1.5px solid var(--ink);display:grid;place-items:center;background:#fff}body.page-courses .brand-mark:before, body.page-courses .brand-mark:after{content:"";position:absolute;background:var(--blue)}body.page-courses .brand-mark:before{width:1px;height:25px;left:11px;top:5px}body.page-courses .brand-mark:after{height:1px;width:25px;left:5px;top:12px}body.page-courses .brand-mark svg{width:25px;height:25px;position:relative;z-index:1}body.page-courses .brand-name{font-size:15px;font-weight:800;letter-spacing:.14em;line-height:1}body.page-courses .brand-sub{color:#738197;font:9px/1.8 var(--mono);letter-spacing:.16em}body.page-courses .nav-links{display:flex;align-items:center;gap:26px;color:#5a6a81;font-size:12px;font-weight:600}body.page-courses .nav-links a{transition:color .2s}body.page-courses .nav-links a:hover, body.page-courses .nav-links a.active{color:var(--blue)}body.page-courses .nav-links a.active{position:relative}body.page-courses .nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:2px;background:var(--blue)}body.page-courses .nav-actions{display:flex;align-items:center;gap:12px}body.page-courses .nav-login{color:#53647c;font-size:12px;font-weight:650;padding:11px 5px}body.page-courses .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:0 17px;border:1px solid transparent;border-radius:7px;background:var(--blue);color:#fff;font-size:11px;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s;box-shadow:0 7px 18px rgba(45,114,246,.16)}body.page-courses .btn:hover{transform:translateY(-1px);background:#1e61e6;box-shadow:0 10px 22px rgba(45,114,246,.2)}body.page-courses .btn svg{width:15px;height:15px}body.page-courses .btn-ghost{background:transparent;border-color:#c9d4e1;box-shadow:none;color:var(--ink)}body.page-courses .btn-ghost:hover{background:#fff;color:var(--ink);box-shadow:0 8px 20px rgba(16,30,53,.06)}body.page-courses .btn-small{min-height:35px;padding:0 12px;font-size:10px}body.page-courses .menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
body.page-courses .page-hero{position:relative;overflow:hidden;padding:38px 0 28px;background:#f7f8fa;border-bottom:1px solid var(--line)}body.page-courses .page-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.43;background-image:linear-gradient(rgba(43,91,151,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(43,91,151,.07) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to right,#000,transparent 85%)}body.page-courses .page-hero:after{content:"";position:absolute;width:300px;height:300px;right:-105px;top:-165px;border:1px solid rgba(45,114,246,.16);transform:rotate(45deg);box-shadow:0 0 0 23px rgba(45,114,246,.025),0 0 0 54px rgba(45,114,246,.02)}body.page-courses .page-hero-inner{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:30px}body.page-courses .breadcrumbs{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#8997a8;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}body.page-courses .breadcrumbs a{color:#55708e}body.page-courses .breadcrumbs .slash{color:#c2cbd7}body.page-courses .page-hero h1{margin:9px 0 10px;font-size:clamp(35px,4.1vw,51px);font-weight:650;line-height:1.06;letter-spacing:-.055em}body.page-courses .page-hero h1 span{color:var(--blue)}body.page-courses .page-hero p.lead{max-width:690px;margin:0;color:#64738a;font-size:13px;line-height:1.8}body.page-courses .hero-side{display:flex;align-items:center;gap:10px;flex-shrink:0}body.page-courses .demo-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #d5e1f0;border-radius:5px;background:rgba(255,255,255,.8);color:#5477a9;font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase}body.page-courses .demo-chip:before{content:"";width:5px;height:5px;border-radius:50%;background:#7de5e0}
body.page-courses .layout{padding:28px 0 78px}body.page-courses .shell-grid{display:grid;grid-template-columns:226px minmax(0,1fr);gap:26px;align-items:start}body.page-courses .sidebar{position:sticky;top:96px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 9px 25px rgba(16,30,53,.035)}body.page-courses .side-label{margin:10px 10px 9px;color:#94a0af;font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase}body.page-courses .side-link{display:flex;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:#617188;text-align:left;font-size:11px;font-weight:650;transition:background .18s,color .18s}body.page-courses .side-link svg{width:16px;height:16px;flex-shrink:0;color:#8292a7}body.page-courses .side-link:hover{background:#f4f7fb;color:var(--ink)}body.page-courses .side-link.active{background:#eaf1ff;color:#2d65ce}body.page-courses .side-link.active svg{color:#2d72f6}body.page-courses .side-link .side-count{margin-left:auto;color:#6e85ad;font:9px var(--mono)}body.page-courses .side-divider{height:1px;background:#edf0f4;margin:14px 7px}body.page-courses .side-help{padding:14px 12px 12px;margin-top:8px;border:1px solid #e0e9f5;border-radius:8px;background:#f8fbff}body.page-courses .side-help-label{color:#7184a0;font:8px var(--mono);letter-spacing:.1em}body.page-courses .side-help strong{display:block;margin:8px 0 5px;font-size:11px}body.page-courses .side-help p{margin:0 0 12px;color:#7b8ba0;font-size:10px;line-height:1.65}body.page-courses .side-help a{color:#316ad3;font-size:10px;font-weight:750}
body.page-courses .workspace{min-width:0}body.page-courses .workspace-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin:2px 0 22px}body.page-courses .workspace-head h2{margin:0 0 5px;font-size:21px;font-weight:720;letter-spacing:-.04em}body.page-courses .workspace-head p{margin:0;color:#7a899d;font-size:11px;line-height:1.7}body.page-courses .head-actions{display:flex;align-items:center;gap:9px}body.page-courses .icon-btn{position:relative;display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#53677f}body.page-courses .icon-btn svg{width:16px;height:16px}body.page-courses .notify-dot{position:absolute;right:8px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px #fff}body.page-courses .profile-pill{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;border:1px solid var(--line);border-radius:7px;background:#fff}body.page-courses .avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#dce8fb;color:#315fa5;font:10px var(--mono);font-weight:700}body.page-courses .profile-name{color:#405571;font-size:10px;font-weight:700}body.page-courses .profile-role{margin-top:2px;color:#93a0b0;font-size:8px}
body.page-courses .stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:19px}body.page-courses .stat-card{min-width:0;padding:17px 17px 15px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 5px 16px rgba(16,30,53,.025)}body.page-courses .stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#718198;font-size:10px}body.page-courses .stat-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e0e9f5;border-radius:7px;background:#f4f8ff;color:#3e79e0}body.page-courses .stat-icon svg{width:14px;height:14px}body.page-courses .stat-value{margin:13px 0 4px;font-size:26px;font-weight:680;letter-spacing:-.06em;line-height:1.1}body.page-courses .stat-value small{font-size:12px;font-weight:600;letter-spacing:0;color:#8291a5}body.page-courses .stat-foot{display:flex;align-items:center;gap:6px;color:#8a98a9;font-size:9px;line-height:1.6}body.page-courses .stat-foot .up{color:#3d9a8f;font-weight:700}body.page-courses .stat-bar{height:3px;margin-top:12px;overflow:hidden;border-radius:4px;background:#edf1f6}body.page-courses .stat-bar span{display:block;height:100%;background:var(--blue);border-radius:4px}
body.page-courses .panel{min-width:0;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 6px 22px rgba(16,30,53,.025)}body.page-courses .panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 15px;border-bottom:1px solid #edf0f4}body.page-courses .panel-head h3{margin:0 0 4px;font-size:13px;font-weight:750;letter-spacing:-.02em}body.page-courses .panel-head p{margin:0;color:#8a97a8;font-size:9px;line-height:1.6}body.page-courses .text-link{display:inline-flex;align-items:center;gap:7px;color:#326bd5;font-size:10px;font-weight:750;white-space:nowrap}body.page-courses .text-link svg{width:13px;height:13px}body.page-courses .pill{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #dce7f5;border-radius:5px;background:#f7faff;color:#547ab3;font:8px var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}body.page-courses .pill.success{border-color:#d6eee8;background:#f2fbf8;color:#328b7c}body.page-courses .pill.neutral{border-color:#e1e6ed;background:#f8fafc;color:#75859a}body.page-courses .pill:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.75}
body.page-courses .course-mini{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #f0f2f5}body.page-courses .course-mini:last-child{border-bottom:0}body.page-courses .course-code{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d8e4f4;border-radius:7px;background:#f4f8ff;color:#3678e9;font:10px var(--mono);font-weight:700}body.page-courses .course-code.teal{border-color:#d6eeeb;background:#f1fbf9;color:#338f87}body.page-courses .course-code.navy{border-color:#d8e0eb;background:#f3f6fa;color:#38516f}body.page-courses .course-mini-main{min-width:0}body.page-courses .course-mini-title{margin:0 0 5px;color:#263b57;font-size:11px;font-weight:750;line-height:1.5}body.page-courses .course-mini-caption{margin:0;color:#8b98a9;font-size:9px;line-height:1.5}body.page-courses .course-mini-side{min-width:83px;text-align:right}body.page-courses .mini-pct{display:block;margin-bottom:7px;color:#506f9f;font:10px var(--mono)}body.page-courses .mini-track{height:4px;width:83px;overflow:hidden;margin-left:auto;border-radius:5px;background:#e9edf3}body.page-courses .mini-track span{display:block;height:100%;border-radius:5px;background:var(--blue)}body.page-courses .course-mini .btn{margin-top:2px}
body.page-courses .main-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:17px;margin-bottom:17px}body.page-courses .sub-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:17px}body.page-courses .continue-card{position:relative;overflow:hidden;padding:22px;border:1px solid #1d385a;border-radius:11px;background:var(--navy);color:white}body.page-courses .continue-card:before{content:"";position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(126,171,217,.19) 1px,transparent 1px),linear-gradient(90deg,rgba(126,171,217,.19) 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(90deg,#000,transparent 100%)}body.page-courses .continue-inner{position:relative;z-index:1}body.page-courses .continue-top{display:flex;align-items:center;justify-content:space-between;gap:12px}body.page-courses .continue-label{color:#9cb4cf;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}body.page-courses .continue-card .pill{border-color:rgba(125,229,224,.27);background:rgba(125,229,224,.08);color:#9be7e2}body.page-courses .continue-card h3{max-width:440px;margin:26px 0 8px;font-size:22px;line-height:1.2;letter-spacing:-.045em}body.page-courses .continue-card p{max-width:440px;margin:0;color:#aabbd0;font-size:10px;line-height:1.8}body.page-courses .continue-progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;color:#a8bbd2;font:9px var(--mono)}body.page-courses .continue-track{height:5px;margin:9px 0 19px;overflow:hidden;border-radius:5px;background:rgba(255,255,255,.15)}body.page-courses .continue-track span{display:block;height:100%;width:68%;background:var(--cyan);border-radius:5px}body.page-courses .continue-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}body.page-courses .continue-bottom .btn{background:#fff;color:#1b3657;box-shadow:none}body.page-courses .continue-bottom .btn:hover{background:#e7f2ff}body.page-courses .course-metadata{display:flex;align-items:center;gap:16px;color:#b0c0d3;font-size:9px}body.page-courses .course-metadata span{display:flex;align-items:center;gap:6px}body.page-courses .course-metadata svg{width:13px;height:13px;color:#7de5e0}
body.page-courses .activity-list{padding:5px 19px 6px}body.page-courses .activity-row{display:grid;grid-template-columns:29px minmax(0,1fr) auto;gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid #f0f2f5}body.page-courses .activity-row:last-child{border-bottom:0}body.page-courses .activity-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e0e8f3;border-radius:7px;background:#f7faff;color:#4f7ec9}body.page-courses .activity-icon svg{width:13px;height:13px}body.page-courses .activity-copy strong{display:block;margin:1px 0 4px;font-size:10px;line-height:1.45}body.page-courses .activity-copy p{margin:0;color:#8997a8;font-size:9px;line-height:1.6}body.page-courses .activity-time{color:#9aa5b3;font:8px var(--mono);white-space:nowrap}body.page-courses .goal-card{padding:19px}body.page-courses .goal-head{display:flex;align-items:start;justify-content:space-between;gap:12px}body.page-courses .goal-head h3{margin:0 0 5px;font-size:12px}body.page-courses .goal-head p{margin:0;color:#8a97a8;font-size:9px;line-height:1.6}body.page-courses .goal-visual{display:flex;align-items:center;gap:16px;margin:22px 0 17px}body.page-courses .ring{--progress:64%;position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--blue) var(--progress),#eaf0f7 0)}body.page-courses .ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}body.page-courses .ring strong{position:relative;z-index:1;font-size:18px;letter-spacing:-.05em}body.page-courses .ring strong small{font-size:9px;color:#8795a7}body.page-courses .goal-details strong{display:block;margin-bottom:5px;font-size:11px}body.page-courses .goal-details p{max-width:160px;margin:0;color:#8b98a9;font-size:9px;line-height:1.7}body.page-courses .goal-foot{padding-top:14px;border-top:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;gap:9px;color:#8291a3;font-size:9px}body.page-courses .goal-foot b{color:#4f6f9f;font-weight:700}
body.page-courses .doc-card{padding:18px}body.page-courses .doc-empty{display:flex;align-items:center;gap:13px;padding:16px;border:1px dashed #d4dfec;border-radius:8px;background:#fafcff}body.page-courses .doc-symbol{display:grid;place-items:center;width:40px;height:44px;flex-shrink:0;border:1px solid #d9e5f3;border-radius:5px;background:#fff;color:#6083b9}body.page-courses .doc-symbol svg{width:20px;height:20px}body.page-courses .doc-empty strong{display:block;margin-bottom:5px;font-size:10px}body.page-courses .doc-empty p{margin:0;color:#8997a8;font-size:9px;line-height:1.65}body.page-courses .demo-note{display:flex;align-items:flex-start;gap:10px;margin-top:19px;padding:12px 14px;border:1px dashed #d0dce9;border-radius:8px;background:#f8fbff;color:#72839a;font-size:9px;line-height:1.7}body.page-courses .demo-note svg{width:14px;height:14px;flex-shrink:0;color:#5c84c5;margin-top:1px}body.page-courses .demo-note strong{color:#415b7d}
body.page-courses .page-footer{padding:24px 0;border-top:1px solid var(--line);background:#fff}body.page-courses .footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#8997a8;font-size:9px;line-height:1.8}body.page-courses .footer-links{display:flex;flex-wrap:wrap;gap:18px;color:#64738a;font-weight:650}body.page-courses .footer-links a:hover{color:var(--blue)}body.page-courses .disclaimer{max-width:610px;text-align:right}
body.page-courses .toast{position:fixed;z-index:80;left:50%;bottom:24px;transform:translate(-50%,18px);opacity:0;pointer-events:none;max-width:calc(100vw - 32px);padding:13px 17px;border:1px solid #344d6e;border-radius:7px;background:#142842;color:white;box-shadow:0 12px 35px rgba(0,0,0,.2);font-size:11px;line-height:1.6;transition:opacity .2s,transform .2s}body.page-courses .toast.show{opacity:1;transform:translate(-50%,0)}
body.page-courses .modal-backdrop{position:fixed;inset:0;z-index:60;display:none;place-items:center;padding:22px;background:rgba(9,20,37,.58);backdrop-filter:blur(5px)}body.page-courses .modal-backdrop.show{display:grid}body.page-courses .modal{position:relative;width:min(600px,100%);max-height:min(86vh,780px);overflow:auto;padding:28px;border:1px solid #dce5ef;border-radius:12px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.25);animation:modalIn .18s ease-out}@keyframes modalIn{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}body.page-courses .modal-close{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #e0e6ed;border-radius:6px;background:#fff;color:#5b6e85}body.page-courses .modal .eyebrow{margin-bottom:14px}body.page-courses .modal h2{max-width:480px;margin:0 35px 11px 0;font-size:28px;line-height:1.15;letter-spacing:-.045em}body.page-courses .modal-intro{margin:0 0 18px;color:#6d7d92;font-size:11px;line-height:1.8}body.page-courses .modal-list{display:grid;gap:8px;margin:17px 0 21px;padding:0;list-style:none}body.page-courses .modal-list li{display:flex;align-items:start;gap:10px;padding:11px 12px;border:1px solid #e7edf4;border-radius:7px;background:#fafcff;color:#50647d;font-size:10px;line-height:1.6}body.page-courses .modal-list li svg{width:14px;height:14px;flex-shrink:0;color:#4d81d7;margin-top:1px}body.page-courses .modal-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}body.page-courses .modal-note{margin:14px 0 0;color:#8a97a8;font-size:9px;line-height:1.7}

body.page-courses .catalog-layout{padding-top:29px}body.page-courses .catalog-toprow{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}body.page-courses .catalog-context{color:#8190a4;font-size:10px}body.page-courses .catalog-context strong{color:#405571}body.page-courses .catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}body.page-courses .searchbox{display:flex;align-items:center;gap:10px;width:min(390px,100%);height:43px;padding:0 13px;border:1px solid #d8e1eb;border-radius:7px;background:#fff;transition:border .18s,box-shadow .18s}body.page-courses .searchbox:focus-within{border-color:#83a9f4;box-shadow:0 0 0 3px rgba(45,114,246,.07)}body.page-courses .searchbox svg{width:15px;height:15px;flex:0 0 auto;color:#8a98ab}body.page-courses .searchbox input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}body.page-courses .searchbox input::placeholder{color:#9aa6b5}body.page-courses .filter-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap}body.page-courses .filter-btn{min-height:34px;padding:0 12px;border:1px solid #d8e1eb;border-radius:6px;background:#fff;color:#6b7c92;font-size:10px;font-weight:650;transition:all .18s}body.page-courses .filter-btn:hover{border-color:#b7cce8;color:#356dcf}body.page-courses .filter-btn.active{border-color:#2d72f6;background:#eaf1ff;color:#2868dc}body.page-courses .filter-btn .count{margin-left:5px;opacity:.7;font:9px var(--mono)}body.page-courses .results-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px;color:#8a97a8;font:9px var(--mono);letter-spacing:.04em}body.page-courses .results-line strong{color:#53677f;font-weight:650}body.page-courses .sort-select{height:32px;padding:0 10px;border:1px solid #dce3ec;border-radius:5px;background:#fff;color:#6b7c92;font-size:9px}body.page-courses .course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}body.page-courses .catalog-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:310px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 7px 20px rgba(16,30,53,.025);transition:transform .2s,border-color .2s,box-shadow .2s}body.page-courses .catalog-card:hover{transform:translateY(-3px);border-color:#bdcfe6;box-shadow:0 14px 32px rgba(16,30,53,.075)}body.page-courses .catalog-card[hidden]{display:none!important}body.page-courses .card-topband{position:relative;overflow:hidden;height:97px;padding:15px 17px;background:var(--navy);color:#fff}body.page-courses .card-topband:before{content:"";position:absolute;inset:0;opacity:.46;background-image:linear-gradient(rgba(126,171,217,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(126,171,217,.2) 1px,transparent 1px);background-size:17px 17px}body.page-courses .card-topband:after{content:"";position:absolute;right:28px;top:-37px;width:115px;height:115px;border:1px solid rgba(125,229,224,.6);transform:rotate(45deg);box-shadow:0 0 0 13px rgba(125,229,224,.035),0 0 0 26px rgba(125,229,224,.025)}body.page-courses .card-toprow{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:9px}body.page-courses .course-id{color:#97b5d5;font:9px var(--mono);letter-spacing:.13em}body.page-courses .course-status{display:inline-flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:rgba(255,255,255,.06);color:#b9cce0;font:8px var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}body.page-courses .course-status:before{content:"";width:4px;height:4px;border-radius:50%;background:#7de5e0}body.page-courses .insurance-preview{position:absolute;right:22px;bottom:-10px;width:80px;height:60px;z-index:1;opacity:.92}body.page-courses .insurance-preview path, body.page-courses .insurance-preview rect, body.page-courses .insurance-preview circle, body.page-courses .insurance-preview line, body.page-courses .insurance-preview polyline{fill:none;stroke:#7de5e0;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}body.page-courses .card-body{display:flex;flex-direction:column;flex:1;padding:17px}body.page-courses .card-category{margin-bottom:10px;color:#7486a0;font:8px var(--mono);letter-spacing:.11em;text-transform:uppercase}body.page-courses .card-body h3{margin:0 0 8px;font-size:15px;line-height:1.35;letter-spacing:-.035em}body.page-courses .card-description{margin:0;color:#78879b;font-size:10px;line-height:1.75}body.page-courses .card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}body.page-courses .card-tag{padding:5px 7px;border:1px solid #e2e9f1;border-radius:4px;background:#fafcff;color:#8291a5;font-size:8px}body.page-courses .card-foot{margin-top:auto;padding-top:16px}body.page-courses .card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;color:#8a97a8;font-size:9px}body.page-courses .card-meta span{display:inline-flex;align-items:center;gap:6px}body.page-courses .card-meta svg{width:12px;height:12px;color:#7b94b6}body.page-courses .card-progress{height:4px;margin:0 0 13px;overflow:hidden;border-radius:4px;background:#edf1f6}body.page-courses .card-progress span{display:block;height:100%;border-radius:4px;background:var(--blue)}body.page-courses .card-actions{display:flex;align-items:center;justify-content:space-between;gap:9px}body.page-courses .card-actions .btn{min-height:35px;padding:0 12px;font-size:9px}body.page-courses .card-action-secondary{color:#6d8099;font-size:9px;font-weight:700}body.page-courses .card-action-secondary:hover{color:var(--blue)}body.page-courses .catalog-empty{display:none;padding:48px 20px;border:1px dashed #cfdbe9;border-radius:10px;background:#fbfcfe;text-align:center}body.page-courses .catalog-empty.show{display:block}body.page-courses .empty-symbol{display:grid;place-items:center;width:43px;height:43px;margin:0 auto 14px;border:1px solid #dce6f2;border-radius:9px;background:#f1f6ff;color:#5b83c5}body.page-courses .empty-symbol svg{width:18px;height:18px}body.page-courses .catalog-empty h3{margin:0 0 7px;font-size:14px}body.page-courses .catalog-empty p{margin:0 0 17px;color:#8a97a8;font-size:10px;line-height:1.7}body.page-courses .catalog-bottom{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;margin-top:27px;padding:21px 24px;border:1px solid #d9e4f2;border-radius:10px;background:#edf3fb}body.page-courses .catalog-bottom h3{margin:0 0 6px;font-size:15px;letter-spacing:-.03em}body.page-courses .catalog-bottom p{max-width:590px;margin:0;color:#6c7e96;font-size:10px;line-height:1.8}body.page-courses .catalog-bottom .btn{white-space:nowrap}body.page-courses .catalog-info{display:flex;align-items:center;gap:11px;margin-top:17px;color:#8291a4;font-size:9px;line-height:1.75}body.page-courses .catalog-info svg{width:15px;height:15px;flex-shrink:0;color:#5d83c1}body.page-courses .catalog-info strong{color:#475d7a}body.page-courses .modal-course-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}body.page-courses .modal-stat{padding:12px;border:1px solid #e2e9f2;border-radius:7px;background:#f9fbfd}body.page-courses .modal-stat span{display:block;margin-bottom:6px;color:#8a98a8;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}body.page-courses .modal-stat strong{font-size:11px;color:#405976}body.page-courses .course-outline-title{margin:20px 0 9px;font-size:11px;font-weight:750}body.page-courses .modal-list li .lesson-no{color:#6c8bbb;font:9px var(--mono);min-width:21px}body.page-courses .modal-list li .lesson-state{margin-left:auto;color:#8c9bad;font-size:8px;white-space:nowrap}body.page-courses .modal-list li.done{border-color:#d5ebe5;background:#f5fbf9}body.page-courses .modal-list li.done svg{color:#36a38f}body.page-courses .modal-list li.done .lesson-state{color:#398d80}body.page-courses .outline-row{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #e7edf4;border-radius:7px;background:#fafcff;text-align:left;padding:11px 12px;color:#50647d;font-size:10px;line-height:1.6}body.page-courses .outline-row + .outline-row{margin-top:7px}body.page-courses .outline-row svg{width:14px;height:14px;flex-shrink:0;color:#4d81d7}body.page-courses .outline-row .lesson-no{min-width:21px;color:#6c8bbb;font:9px var(--mono)}body.page-courses .outline-row .lesson-state{margin-left:auto;color:#8c9bad;font-size:8px}body.page-courses .outline-row.done{border-color:#d5ebe5;background:#f5fbf9}body.page-courses .outline-row.done svg{color:#36a38f}body.page-courses .outline-row.done .lesson-state{color:#398d80}
@media(max-width:1120px){body.page-courses .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.page-courses .catalog-controls{align-items:start;flex-direction:column}body.page-courses .searchbox{width:100%;max-width:100%}body.page-courses .filter-list{gap:7px}}
@media(max-width:850px){body.page-courses .container{width:min(100% - 36px,720px)}body.page-courses .nav{min-height:68px}body.page-courses .menu-toggle{display:inline-flex}body.page-courses .nav-actions .btn, body.page-courses .nav-login{display:none}body.page-courses .nav-links{display:none;position:absolute;left:0;right:0;top:68px;padding:14px 22px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.98);box-shadow:0 18px 25px rgba(16,30,53,.07)}body.page-courses .nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:0}body.page-courses .nav-links a{padding:13px 0;border-bottom:1px solid #edf0f4}body.page-courses .nav-links a:last-child{border-bottom:0}body.page-courses .nav-links a.active:after{display:none}body.page-courses .page-hero{padding:30px 0 25px}body.page-courses .page-hero-inner{align-items:start;flex-direction:column;gap:20px}body.page-courses .hero-side{width:100%;justify-content:space-between}body.page-courses .catalog-layout{padding-top:22px}body.page-courses .catalog-bottom{grid-template-columns:1fr;gap:16px}body.page-courses .catalog-bottom .btn{justify-self:start}}
@media(max-width:560px){body.page-courses .container{width:calc(100% - 30px)}body.page-courses .brand-name{font-size:13px}body.page-courses .brand-sub{font-size:8px}body.page-courses .page-hero h1{font-size:38px}body.page-courses .page-hero p.lead{font-size:12px}body.page-courses .course-grid{grid-template-columns:1fr}body.page-courses .catalog-card{min-height:292px}body.page-courses .card-topband{height:88px}body.page-courses .card-body h3{font-size:16px}body.page-courses .filter-list{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body.page-courses .filter-btn{width:100%;min-height:37px}body.page-courses .results-line{align-items:start;flex-direction:column}body.page-courses .sort-select{width:100%}body.page-courses .catalog-bottom{padding:19px}body.page-courses .catalog-bottom .btn{width:100%}body.page-courses .catalog-info{align-items:start}body.page-courses .modal{padding:24px 19px}body.page-courses .modal h2{font-size:24px}body.page-courses .modal-course-stats{grid-template-columns:1fr}body.page-courses .modal-actions .btn{width:100%}body.page-courses .footer-row{align-items:start;flex-direction:column}body.page-courses .disclaimer{text-align:left}}

/* ==========================================================================
   TABLOU DE BORD — reguli izolate pentru a preveni conflictele între pagini
   ========================================================================== */
body.page-dashboard{--ink:#12223b;--ink2:#20344f;--muted:#64738a;--paper:#f7f8fa;--white:#fff;--line:#dce3ec;--line2:#c7d2e0;--blue:#2d72f6;--cyan:#7de5e0;--pale:#eaf1ff;--navy:#101e35;--navy2:#162944;--radius:14px;--shadow:0 20px 55px rgba(16,30,53,.08);--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body.page-dashboard{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.page-dashboard a{color:inherit;text-decoration:none}body.page-dashboard button, body.page-dashboard input, body.page-dashboard select{font:inherit}body.page-dashboard button{cursor:pointer}body.page-dashboard .container{width:min(1320px,calc(100% - 52px));margin-inline:auto}body.page-dashboard .eyebrow{display:inline-flex;align-items:center;gap:9px;color:#55708e;font:600 10px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase}body.page-dashboard .eyebrow:before{content:"";width:23px;height:1px;background:var(--blue)}
body.page-dashboard .topbar{position:sticky;top:0;z-index:30;background:rgba(247,248,250,.9);border-bottom:1px solid rgba(207,217,229,.85);backdrop-filter:blur(18px)}body.page-dashboard .nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:26px}body.page-dashboard .brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}body.page-dashboard .brand-mark{width:37px;height:37px;position:relative;border:1.5px solid var(--ink);display:grid;place-items:center;background:#fff}body.page-dashboard .brand-mark:before, body.page-dashboard .brand-mark:after{content:"";position:absolute;background:var(--blue)}body.page-dashboard .brand-mark:before{width:1px;height:25px;left:11px;top:5px}body.page-dashboard .brand-mark:after{height:1px;width:25px;left:5px;top:12px}body.page-dashboard .brand-mark svg{width:25px;height:25px;position:relative;z-index:1}body.page-dashboard .brand-name{font-size:15px;font-weight:800;letter-spacing:.14em;line-height:1}body.page-dashboard .brand-sub{color:#738197;font:9px/1.8 var(--mono);letter-spacing:.16em}body.page-dashboard .nav-links{display:flex;align-items:center;gap:26px;color:#5a6a81;font-size:12px;font-weight:600}body.page-dashboard .nav-links a{transition:color .2s}body.page-dashboard .nav-links a:hover, body.page-dashboard .nav-links a.active{color:var(--blue)}body.page-dashboard .nav-links a.active{position:relative}body.page-dashboard .nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:2px;background:var(--blue)}body.page-dashboard .nav-actions{display:flex;align-items:center;gap:12px}body.page-dashboard .nav-login{color:#53647c;font-size:12px;font-weight:650;padding:11px 5px}body.page-dashboard .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:0 17px;border:1px solid transparent;border-radius:7px;background:var(--blue);color:#fff;font-size:11px;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s;box-shadow:0 7px 18px rgba(45,114,246,.16)}body.page-dashboard .btn:hover{transform:translateY(-1px);background:#1e61e6;box-shadow:0 10px 22px rgba(45,114,246,.2)}body.page-dashboard .btn svg{width:15px;height:15px}body.page-dashboard .btn-ghost{background:transparent;border-color:#c9d4e1;box-shadow:none;color:var(--ink)}body.page-dashboard .btn-ghost:hover{background:#fff;color:var(--ink);box-shadow:0 8px 20px rgba(16,30,53,.06)}body.page-dashboard .btn-small{min-height:35px;padding:0 12px;font-size:10px}body.page-dashboard .menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
body.page-dashboard .page-hero{position:relative;overflow:hidden;padding:38px 0 28px;background:#f7f8fa;border-bottom:1px solid var(--line)}body.page-dashboard .page-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.43;background-image:linear-gradient(rgba(43,91,151,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(43,91,151,.07) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to right,#000,transparent 85%)}body.page-dashboard .page-hero:after{content:"";position:absolute;width:300px;height:300px;right:-105px;top:-165px;border:1px solid rgba(45,114,246,.16);transform:rotate(45deg);box-shadow:0 0 0 23px rgba(45,114,246,.025),0 0 0 54px rgba(45,114,246,.02)}body.page-dashboard .page-hero-inner{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:30px}body.page-dashboard .breadcrumbs{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#8997a8;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}body.page-dashboard .breadcrumbs a{color:#55708e}body.page-dashboard .breadcrumbs .slash{color:#c2cbd7}body.page-dashboard .page-hero h1{margin:9px 0 10px;font-size:clamp(35px,4.1vw,51px);font-weight:650;line-height:1.06;letter-spacing:-.055em}body.page-dashboard .page-hero h1 span{color:var(--blue)}body.page-dashboard .page-hero p.lead{max-width:690px;margin:0;color:#64738a;font-size:13px;line-height:1.8}body.page-dashboard .hero-side{display:flex;align-items:center;gap:10px;flex-shrink:0}body.page-dashboard .demo-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #d5e1f0;border-radius:5px;background:rgba(255,255,255,.8);color:#5477a9;font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase}body.page-dashboard .demo-chip:before{content:"";width:5px;height:5px;border-radius:50%;background:#7de5e0}
body.page-dashboard .layout{padding:28px 0 78px}body.page-dashboard .shell-grid{display:grid;grid-template-columns:226px minmax(0,1fr);gap:26px;align-items:start}body.page-dashboard .sidebar{position:sticky;top:96px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 9px 25px rgba(16,30,53,.035)}body.page-dashboard .side-label{margin:10px 10px 9px;color:#94a0af;font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase}body.page-dashboard .side-link{display:flex;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:#617188;text-align:left;font-size:11px;font-weight:650;transition:background .18s,color .18s}body.page-dashboard .side-link svg{width:16px;height:16px;flex-shrink:0;color:#8292a7}body.page-dashboard .side-link:hover{background:#f4f7fb;color:var(--ink)}body.page-dashboard .side-link.active{background:#eaf1ff;color:#2d65ce}body.page-dashboard .side-link.active svg{color:#2d72f6}body.page-dashboard .side-link .side-count{margin-left:auto;color:#6e85ad;font:9px var(--mono)}body.page-dashboard .side-divider{height:1px;background:#edf0f4;margin:14px 7px}body.page-dashboard .side-help{padding:14px 12px 12px;margin-top:8px;border:1px solid #e0e9f5;border-radius:8px;background:#f8fbff}body.page-dashboard .side-help-label{color:#7184a0;font:8px var(--mono);letter-spacing:.1em}body.page-dashboard .side-help strong{display:block;margin:8px 0 5px;font-size:11px}body.page-dashboard .side-help p{margin:0 0 12px;color:#7b8ba0;font-size:10px;line-height:1.65}body.page-dashboard .side-help a{color:#316ad3;font-size:10px;font-weight:750}
body.page-dashboard .workspace{min-width:0}body.page-dashboard .workspace-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin:2px 0 22px}body.page-dashboard .workspace-head h2{margin:0 0 5px;font-size:21px;font-weight:720;letter-spacing:-.04em}body.page-dashboard .workspace-head p{margin:0;color:#7a899d;font-size:11px;line-height:1.7}body.page-dashboard .head-actions{display:flex;align-items:center;gap:9px}body.page-dashboard .icon-btn{position:relative;display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#53677f}body.page-dashboard .icon-btn svg{width:16px;height:16px}body.page-dashboard .notify-dot{position:absolute;right:8px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px #fff}body.page-dashboard .profile-pill{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;border:1px solid var(--line);border-radius:7px;background:#fff}body.page-dashboard .avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#dce8fb;color:#315fa5;font:10px var(--mono);font-weight:700}body.page-dashboard .profile-name{color:#405571;font-size:10px;font-weight:700}body.page-dashboard .profile-role{margin-top:2px;color:#93a0b0;font-size:8px}
body.page-dashboard .stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:19px}body.page-dashboard .stat-card{min-width:0;padding:17px 17px 15px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 5px 16px rgba(16,30,53,.025)}body.page-dashboard .stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#718198;font-size:10px}body.page-dashboard .stat-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e0e9f5;border-radius:7px;background:#f4f8ff;color:#3e79e0}body.page-dashboard .stat-icon svg{width:14px;height:14px}body.page-dashboard .stat-value{margin:13px 0 4px;font-size:26px;font-weight:680;letter-spacing:-.06em;line-height:1.1}body.page-dashboard .stat-value small{font-size:12px;font-weight:600;letter-spacing:0;color:#8291a5}body.page-dashboard .stat-foot{display:flex;align-items:center;gap:6px;color:#8a98a9;font-size:9px;line-height:1.6}body.page-dashboard .stat-foot .up{color:#3d9a8f;font-weight:700}body.page-dashboard .stat-bar{height:3px;margin-top:12px;overflow:hidden;border-radius:4px;background:#edf1f6}body.page-dashboard .stat-bar span{display:block;height:100%;background:var(--blue);border-radius:4px}
body.page-dashboard .panel{min-width:0;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 6px 22px rgba(16,30,53,.025)}body.page-dashboard .panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 15px;border-bottom:1px solid #edf0f4}body.page-dashboard .panel-head h3{margin:0 0 4px;font-size:13px;font-weight:750;letter-spacing:-.02em}body.page-dashboard .panel-head p{margin:0;color:#8a97a8;font-size:9px;line-height:1.6}body.page-dashboard .text-link{display:inline-flex;align-items:center;gap:7px;color:#326bd5;font-size:10px;font-weight:750;white-space:nowrap}body.page-dashboard .text-link svg{width:13px;height:13px}body.page-dashboard .pill{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #dce7f5;border-radius:5px;background:#f7faff;color:#547ab3;font:8px var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}body.page-dashboard .pill.success{border-color:#d6eee8;background:#f2fbf8;color:#328b7c}body.page-dashboard .pill.neutral{border-color:#e1e6ed;background:#f8fafc;color:#75859a}body.page-dashboard .pill:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.75}
body.page-dashboard .course-mini{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #f0f2f5}body.page-dashboard .course-mini:last-child{border-bottom:0}body.page-dashboard .course-code{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d8e4f4;border-radius:7px;background:#f4f8ff;color:#3678e9;font:10px var(--mono);font-weight:700}body.page-dashboard .course-code.teal{border-color:#d6eeeb;background:#f1fbf9;color:#338f87}body.page-dashboard .course-code.navy{border-color:#d8e0eb;background:#f3f6fa;color:#38516f}body.page-dashboard .course-mini-main{min-width:0}body.page-dashboard .course-mini-title{margin:0 0 5px;color:#263b57;font-size:11px;font-weight:750;line-height:1.5}body.page-dashboard .course-mini-caption{margin:0;color:#8b98a9;font-size:9px;line-height:1.5}body.page-dashboard .course-mini-side{min-width:83px;text-align:right}body.page-dashboard .mini-pct{display:block;margin-bottom:7px;color:#506f9f;font:10px var(--mono)}body.page-dashboard .mini-track{height:4px;width:83px;overflow:hidden;margin-left:auto;border-radius:5px;background:#e9edf3}body.page-dashboard .mini-track span{display:block;height:100%;border-radius:5px;background:var(--blue)}body.page-dashboard .course-mini .btn{margin-top:2px}
body.page-dashboard .main-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:17px;margin-bottom:17px}body.page-dashboard .sub-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:17px}body.page-dashboard .continue-card{position:relative;overflow:hidden;padding:22px;border:1px solid #1d385a;border-radius:11px;background:var(--navy);color:white}body.page-dashboard .continue-card:before{content:"";position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(126,171,217,.19) 1px,transparent 1px),linear-gradient(90deg,rgba(126,171,217,.19) 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(90deg,#000,transparent 100%)}body.page-dashboard .continue-inner{position:relative;z-index:1}body.page-dashboard .continue-insurance-art{position:absolute;right:8px;bottom:-19px;width:235px;height:225px;z-index:0;opacity:.19;pointer-events:none}body.page-dashboard .continue-insurance-art .art-main{fill:none;stroke:#79d8de;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}body.page-dashboard .continue-insurance-art .art-muted{fill:none;stroke:#7094ba;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}body.page-dashboard .continue-insurance-art .art-accent{fill:none;stroke:#87dcdf;stroke-width:1.2;stroke-dasharray:3 5}body.page-dashboard .continue-top{display:flex;align-items:center;justify-content:space-between;gap:12px}body.page-dashboard .continue-label{color:#9cb4cf;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}body.page-dashboard .continue-card .pill{border-color:rgba(125,229,224,.27);background:rgba(125,229,224,.08);color:#9be7e2}body.page-dashboard .continue-card h3{max-width:440px;margin:26px 0 8px;font-size:22px;line-height:1.2;letter-spacing:-.045em}body.page-dashboard .continue-card p{max-width:440px;margin:0;color:#aabbd0;font-size:10px;line-height:1.8}body.page-dashboard .continue-progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;color:#a8bbd2;font:9px var(--mono)}body.page-dashboard .continue-track{height:5px;margin:9px 0 19px;overflow:hidden;border-radius:5px;background:rgba(255,255,255,.15)}body.page-dashboard .continue-track span{display:block;height:100%;width:68%;background:var(--cyan);border-radius:5px}body.page-dashboard .continue-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}body.page-dashboard .continue-bottom .btn{background:#fff;color:#1b3657;box-shadow:none}body.page-dashboard .continue-bottom .btn:hover{background:#e7f2ff}body.page-dashboard .course-metadata{display:flex;align-items:center;gap:16px;color:#b0c0d3;font-size:9px}body.page-dashboard .course-metadata span{display:flex;align-items:center;gap:6px}body.page-dashboard .course-metadata svg{width:13px;height:13px;color:#7de5e0}
body.page-dashboard .activity-list{padding:5px 19px 6px}body.page-dashboard .activity-row{display:grid;grid-template-columns:29px minmax(0,1fr) auto;gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid #f0f2f5}body.page-dashboard .activity-row:last-child{border-bottom:0}body.page-dashboard .activity-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e0e8f3;border-radius:7px;background:#f7faff;color:#4f7ec9}body.page-dashboard .activity-icon svg{width:13px;height:13px}body.page-dashboard .activity-copy strong{display:block;margin:1px 0 4px;font-size:10px;line-height:1.45}body.page-dashboard .activity-copy p{margin:0;color:#8997a8;font-size:9px;line-height:1.6}body.page-dashboard .activity-time{color:#9aa5b3;font:8px var(--mono);white-space:nowrap}body.page-dashboard .goal-card{padding:19px}body.page-dashboard .goal-head{display:flex;align-items:start;justify-content:space-between;gap:12px}body.page-dashboard .goal-head h3{margin:0 0 5px;font-size:12px}body.page-dashboard .goal-head p{margin:0;color:#8a97a8;font-size:9px;line-height:1.6}body.page-dashboard .goal-visual{display:flex;align-items:center;gap:16px;margin:22px 0 17px}body.page-dashboard .ring{--progress:64%;position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--blue) var(--progress),#eaf0f7 0)}body.page-dashboard .ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}body.page-dashboard .ring strong{position:relative;z-index:1;font-size:18px;letter-spacing:-.05em}body.page-dashboard .ring strong small{font-size:9px;color:#8795a7}body.page-dashboard .goal-details strong{display:block;margin-bottom:5px;font-size:11px}body.page-dashboard .goal-details p{max-width:160px;margin:0;color:#8b98a9;font-size:9px;line-height:1.7}body.page-dashboard .goal-foot{padding-top:14px;border-top:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;gap:9px;color:#8291a3;font-size:9px}body.page-dashboard .goal-foot b{color:#4f6f9f;font-weight:700}
body.page-dashboard .doc-card{padding:18px}body.page-dashboard .doc-empty{display:flex;align-items:center;gap:13px;padding:16px;border:1px dashed #d4dfec;border-radius:8px;background:#fafcff}body.page-dashboard .doc-symbol{display:grid;place-items:center;width:40px;height:44px;flex-shrink:0;border:1px solid #d9e5f3;border-radius:5px;background:#fff;color:#6083b9}body.page-dashboard .doc-symbol svg{width:20px;height:20px}body.page-dashboard .doc-empty strong{display:block;margin-bottom:5px;font-size:10px}body.page-dashboard .doc-empty p{margin:0;color:#8997a8;font-size:9px;line-height:1.65}body.page-dashboard .demo-note{display:flex;align-items:flex-start;gap:10px;margin-top:19px;padding:12px 14px;border:1px dashed #d0dce9;border-radius:8px;background:#f8fbff;color:#72839a;font-size:9px;line-height:1.7}body.page-dashboard .demo-note svg{width:14px;height:14px;flex-shrink:0;color:#5c84c5;margin-top:1px}body.page-dashboard .demo-note strong{color:#415b7d}
body.page-dashboard .page-footer{padding:24px 0;border-top:1px solid var(--line);background:#fff}body.page-dashboard .footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#8997a8;font-size:9px;line-height:1.8}body.page-dashboard .footer-links{display:flex;flex-wrap:wrap;gap:18px;color:#64738a;font-weight:650}body.page-dashboard .footer-links a:hover{color:var(--blue)}body.page-dashboard .disclaimer{max-width:610px;text-align:right}
body.page-dashboard .toast{position:fixed;z-index:80;left:50%;bottom:24px;transform:translate(-50%,18px);opacity:0;pointer-events:none;max-width:calc(100vw - 32px);padding:13px 17px;border:1px solid #344d6e;border-radius:7px;background:#142842;color:white;box-shadow:0 12px 35px rgba(0,0,0,.2);font-size:11px;line-height:1.6;transition:opacity .2s,transform .2s}body.page-dashboard .toast.show{opacity:1;transform:translate(-50%,0)}
body.page-dashboard .modal-backdrop{position:fixed;inset:0;z-index:60;display:none;place-items:center;padding:22px;background:rgba(9,20,37,.58);backdrop-filter:blur(5px)}body.page-dashboard .modal-backdrop.show{display:grid}body.page-dashboard .modal{position:relative;width:min(600px,100%);max-height:min(86vh,780px);overflow:auto;padding:28px;border:1px solid #dce5ef;border-radius:12px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.25);animation:modalIn .18s ease-out}@keyframes modalIn{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}body.page-dashboard .modal-close{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #e0e6ed;border-radius:6px;background:#fff;color:#5b6e85}body.page-dashboard .modal .eyebrow{margin-bottom:14px}body.page-dashboard .modal h2{max-width:480px;margin:0 35px 11px 0;font-size:28px;line-height:1.15;letter-spacing:-.045em}body.page-dashboard .modal-intro{margin:0 0 18px;color:#6d7d92;font-size:11px;line-height:1.8}body.page-dashboard .modal-list{display:grid;gap:8px;margin:17px 0 21px;padding:0;list-style:none}body.page-dashboard .modal-list li{display:flex;align-items:start;gap:10px;padding:11px 12px;border:1px solid #e7edf4;border-radius:7px;background:#fafcff;color:#50647d;font-size:10px;line-height:1.6}body.page-dashboard .modal-list li svg{width:14px;height:14px;flex-shrink:0;color:#4d81d7;margin-top:1px}body.page-dashboard .modal-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}body.page-dashboard .modal-note{margin:14px 0 0;color:#8a97a8;font-size:9px;line-height:1.7}

body.page-dashboard .dashboard-layout{padding-top:27px}body.page-dashboard .dashboard-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.8fr);gap:17px;margin-bottom:17px;align-items:start}body.page-dashboard .right-stack{display:grid;gap:17px;align-content:start}body.page-dashboard .mobile-side-toggle{display:none}body.page-dashboard .welcome-name{color:var(--blue)}body.page-dashboard .date-stamp{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#7b8ba0;font:9px var(--mono);white-space:nowrap}body.page-dashboard .date-stamp svg{width:13px;height:13px;color:#6686b8}body.page-dashboard .quick-stats-note{margin:-5px 0 17px;color:#95a1af;font-size:8px;line-height:1.7}body.page-dashboard .chart-card{padding:19px}body.page-dashboard .chart-header{display:flex;justify-content:space-between;align-items:start;gap:12px}body.page-dashboard .chart-header h3{margin:0 0 4px;font-size:12px}body.page-dashboard .chart-header p{margin:0;color:#8a97a8;font-size:9px}body.page-dashboard .chart-select{height:29px;padding:0 8px;border:1px solid #e0e7ef;border-radius:5px;background:#fff;color:#6b7e95;font-size:9px}body.page-dashboard .activity-chart{height:145px;position:relative;display:flex;align-items:end;gap:10px;margin-top:20px;padding:0 6px 22px;border-bottom:1px solid #dce5ef;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#edf1f6 36px,#edf1f6 37px)}body.page-dashboard .chart-day{position:relative;display:flex;align-items:end;justify-content:center;height:100%;flex:1;min-width:0}body.page-dashboard .chart-bar{position:relative;width:min(23px,66%);min-width:9px;border-radius:4px 4px 0 0;background:#c5d8f8;transition:height .25s,background .25s}body.page-dashboard .chart-bar.current{background:var(--blue)}body.page-dashboard .chart-day span{position:absolute;left:50%;bottom:-19px;transform:translateX(-50%);color:#94a1b1;font:8px var(--mono)}body.page-dashboard .chart-legend{display:flex;align-items:center;gap:14px;margin-top:13px;color:#8492a4;font-size:8px}body.page-dashboard .chart-legend span{display:flex;align-items:center;gap:6px}body.page-dashboard .chart-legend i{width:6px;height:6px;border-radius:2px;background:#c5d8f8}body.page-dashboard .chart-legend i.blue{background:var(--blue)}body.page-dashboard .recommendation{padding:18px;background:linear-gradient(135deg,#edf4ff,#fbfdff);border:1px solid #d8e5f6;border-radius:10px}body.page-dashboard .recommendation .eyebrow{font-size:8px}body.page-dashboard .recommendation h3{margin:12px 0 6px;font-size:13px;line-height:1.4}body.page-dashboard .recommendation p{margin:0 0 15px;color:#70829a;font-size:9px;line-height:1.75}body.page-dashboard .recommendation .btn{min-height:35px;font-size:10px}body.page-dashboard .score-table{width:100%;border-collapse:collapse}body.page-dashboard .score-table th{padding:11px 17px;background:#fbfcfe;color:#92a0b0;text-align:left;font:8px var(--mono);letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid #edf0f4}body.page-dashboard .score-table td{padding:13px 17px;border-bottom:1px solid #f0f2f5;color:#5e7189;font-size:9px;line-height:1.55}body.page-dashboard .score-table tr:last-child td{border-bottom:0}body.page-dashboard .score-table td:first-child{color:#30445e;font-weight:700}body.page-dashboard .score-value{color:#3c77d9;font:10px var(--mono)}body.page-dashboard .deadline-row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #f0f2f5}body.page-dashboard .deadline-row:last-child{border-bottom:0}body.page-dashboard .deadline-date{display:grid;place-items:center;align-content:center;width:38px;height:42px;flex-shrink:0;border:1px solid #dce6f4;border-radius:6px;background:#f6f9ff}body.page-dashboard .deadline-date strong{font-size:12px;line-height:1.1;color:#416fb7}body.page-dashboard .deadline-date span{margin-top:3px;color:#8298b8;font:7px var(--mono)}body.page-dashboard .deadline-copy{min-width:0;flex:1}body.page-dashboard .deadline-copy strong{display:block;margin-bottom:4px;font-size:10px;line-height:1.5}body.page-dashboard .deadline-copy p{margin:0;color:#8997a8;font-size:8px;line-height:1.55}body.page-dashboard .deadline-end{color:#8997a8;font:8px var(--mono);white-space:nowrap}body.page-dashboard .stat-mini-arrow{color:#2f9b8f;font-weight:700}body.page-dashboard .chart-subtitle{margin-top:3px;color:#94a0b0;font-size:8px}
@media(max-width:1100px){body.page-dashboard .shell-grid{grid-template-columns:200px minmax(0,1fr);gap:18px}body.page-dashboard .nav-links{gap:16px}body.page-dashboard .nav-login{display:none}body.page-dashboard .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.page-dashboard .dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}}
@media(max-width:850px){body.page-dashboard .container{width:min(100% - 36px,720px)}body.page-dashboard .nav{min-height:68px}body.page-dashboard .menu-toggle{display:inline-flex}body.page-dashboard .nav-actions .btn, body.page-dashboard .nav-login{display:none}body.page-dashboard .nav-links{display:none;position:absolute;left:0;right:0;top:68px;padding:14px 22px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.98);box-shadow:0 18px 25px rgba(16,30,53,.07)}body.page-dashboard .nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:0}body.page-dashboard .nav-links a{padding:13px 0;border-bottom:1px solid #edf0f4}body.page-dashboard .nav-links a:last-child{border-bottom:0}body.page-dashboard .nav-links a.active:after{display:none}body.page-dashboard .page-hero{padding:30px 0 25px}body.page-dashboard .page-hero-inner{align-items:start;flex-direction:column;gap:20px}body.page-dashboard .hero-side{width:100%;justify-content:space-between}body.page-dashboard .shell-grid{grid-template-columns:1fr}body.page-dashboard .profile-pill{display:none}body.page-dashboard .sidebar{position:static;display:flex;gap:4px;overflow:auto;padding:7px}body.page-dashboard .side-label, body.page-dashboard .side-divider, body.page-dashboard .side-help{display:none}body.page-dashboard .side-link{width:auto;min-width:max-content;min-height:37px;padding:0 11px}body.page-dashboard .side-link svg{width:14px}body.page-dashboard .dashboard-grid, body.page-dashboard .main-columns, body.page-dashboard .sub-columns{grid-template-columns:1fr}body.page-dashboard .right-stack{grid-template-columns:repeat(2,minmax(0,1fr))}body.page-dashboard .date-stamp{display:none}body.page-dashboard .footer-row{align-items:start;flex-direction:column}body.page-dashboard .disclaimer{text-align:left}body.page-dashboard .chart-card{min-height:230px}}
@media(max-width:520px){body.page-dashboard .continue-insurance-art{width:145px;height:150px;right:0;bottom:-8px;opacity:.11}body.page-dashboard .container{width:calc(100% - 30px)}body.page-dashboard .brand-name{font-size:13px}body.page-dashboard .brand-sub{font-size:8px}body.page-dashboard .page-hero h1{font-size:38px}body.page-dashboard .page-hero p.lead{font-size:12px}body.page-dashboard .layout{padding:20px 0 55px}body.page-dashboard .workspace-head{flex-direction:column;align-items:stretch}body.page-dashboard .head-actions{justify-content:space-between}body.page-dashboard .stat-grid{gap:9px}body.page-dashboard .stat-card{padding:13px}body.page-dashboard .stat-value{font-size:23px}body.page-dashboard .stat-top{font-size:9px}body.page-dashboard .main-columns, body.page-dashboard .dashboard-grid, body.page-dashboard .sub-columns{gap:12px}body.page-dashboard .right-stack{grid-template-columns:1fr}body.page-dashboard .continue-card{padding:18px}body.page-dashboard .continue-card h3{font-size:20px;margin-top:20px}body.page-dashboard .continue-bottom{align-items:start;flex-direction:column}body.page-dashboard .panel-head{padding:15px}body.page-dashboard .course-mini{grid-template-columns:37px minmax(0,1fr);gap:10px;padding:13px 14px}body.page-dashboard .course-code{width:37px;height:37px}body.page-dashboard .course-mini-side{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;min-width:0}body.page-dashboard .mini-pct{margin:0}body.page-dashboard .mini-track{margin:0;width:min(105px,38vw)}body.page-dashboard .activity-time{font-size:7px}body.page-dashboard .chart-card{padding:15px}body.page-dashboard .modal{padding:24px 20px}body.page-dashboard .footer-links{gap:12px 17px}}


/* ==========================================================================\n   Elemente comune ale aplicației\n   ========================================================================== */
body.page-home .nav-links a.active,
body.page-courses .nav-links a.active { color: var(--blue, #2d72f6); }
body.page-home .error-page,
body.page-courses .error-page { min-height: 45vh; padding-block: 72px; }
body.page-home .error-page h1,
body.page-courses .error-page h1 { margin: 14px 0; font-size: clamp(30px, 4vw, 48px); }
body.page-home .error-page p:not(.eyebrow),
body.page-courses .error-page p:not(.eyebrow) { color: var(--muted, #64738a); }