:root,[data-theme=light]{--ink: #07161b;--teal: #0f766e;--teal-deep: #115e59;--foam: #ecfdf8;--paper: #fffdf9;--mist: #e8eef1;--signal: #c2410c;--gold: #b45309;--ok: #047857;--bad: #b91c1c;--muted: #64748b;--glass: color-mix(in srgb, white 78%, transparent);--shadow: 0 22px 50px rgba(7, 22, 27, .12);--font-display: "Fraunces", Georgia, serif;--font-body: "Manrope", system-ui, sans-serif;--page: #eef3f4;--page-2: #e8eef0;--page-top: #dfe9ea;--line: rgba(7, 22, 27, .08);--input-bg: #ffffff;--option-bg: #ffffff;--glow-1: rgba(15, 118, 110, .12);--glow-2: rgba(194, 65, 12, .08);--btn-fg: #ffffff;--overlay-hero: linear-gradient(105deg, rgba(7,22,27,.88) 0%, rgba(7,22,27,.45) 55%, rgba(7,22,27,.2) 100%);--overlay-login: linear-gradient(160deg, rgba(7,22,27,.78), rgba(15,118,110,.35));--login-panel: linear-gradient(180deg, #f8fafb, #eef4f5)}[data-theme=dark]{--ink: #e8eef4;--teal: #2dd4bf;--teal-deep: #5eead4;--foam: rgba(45, 212, 191, .12);--paper: #243044;--mist: #2c3a50;--signal: #fb923c;--gold: #fbbf24;--ok: #34d399;--bad: #f87171;--muted: #94a3b8;--glass: color-mix(in srgb, #1e293b 78%, transparent);--shadow: 0 22px 50px rgba(0, 0, 0, .28);--page: #1a2332;--page-2: #16202c;--page-top: #1e293b;--line: rgba(232, 238, 244, .1);--input-bg: #1a2332;--option-bg: #1e293b;--glow-1: rgba(45, 212, 191, .14);--glow-2: rgba(251, 146, 60, .08);--btn-fg: #0f172a;--overlay-hero: linear-gradient(105deg, rgba(15, 23, 42, .72) 0%, rgba(30, 41, 59, .45) 55%, rgba(45, 212, 191, .18) 100%);--overlay-login: linear-gradient(160deg, rgba(15, 23, 42, .7), rgba(45, 212, 191, .28));--login-panel: linear-gradient(180deg, #1e293b, #16202c)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--page);line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-bg{min-height:100vh;background:radial-gradient(700px 280px at 90% -5%,var(--glow-1),transparent 55%),radial-gradient(520px 240px at 0% 0%,var(--glow-2),transparent 50%),linear-gradient(180deg,var(--page-top) 0%,var(--page) 180px,var(--page-2) 100%);color:var(--ink)}.app-shell{max-width:1120px;margin:0 auto;padding:1.25rem 1.25rem 4rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding:.85rem 1rem;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 10px 30px #00000038}.brand{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--teal-deep)}.brand span{color:var(--signal)}.nav-links{display:flex;gap:.35rem;align-items:center}.nav-links a,.nav-links button{border:0;background:transparent;padding:.45rem .85rem;border-radius:999px;color:var(--ink);cursor:pointer;font-weight:600;font-size:.9rem}.nav-links a:hover,.nav-links button:hover{background:var(--foam)}.muted{color:var(--muted);font-size:.92rem}.hero-stage{position:relative;overflow:hidden;border-radius:20px;height:200px;margin-bottom:1.35rem;box-shadow:var(--shadow);animation:rise .7s ease both}.hero-stage img{width:100%;height:200px;object-fit:cover;display:block}.hero-stage .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-hero);display:grid;align-content:end;padding:1.15rem 1.25rem;color:#fff}.hero-stage h1{font-family:var(--font-display);font-size:clamp(1.45rem,3vw,2rem);line-height:1.1;margin:0 0 .35rem;max-width:18ch}.hero-stage p{margin:0;max-width:46ch;color:#ffffffd1;font-size:.92rem}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.15rem}.course-card{display:grid;grid-template-rows:110px 1fr;border-radius:18px;overflow:hidden;background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 34px var(--line);transition:transform .25s ease,box-shadow .25s ease;animation:rise .55s ease both}.course-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px var(--line)}.course-card .media{position:relative;overflow:hidden}.course-card .media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.course-card:hover .media img{transform:scale(1.06)}.course-card .media .badge{position:absolute;left:.85rem;bottom:.85rem;background:#ffffffeb;color:var(--ink);font-size:.75rem;font-weight:700;padding:.3rem .55rem;border-radius:999px}.course-card .body{padding:1.1rem 1.15rem 1.2rem;display:grid;gap:.55rem}.section-title{font-family:var(--font-display);margin:0 0 .85rem;color:var(--ink);font-size:1.45rem;font-weight:700}.course-card h2{font-family:var(--font-display);font-size:1.28rem;margin:0;line-height:1.2;color:var(--ink)}.course-card p{margin:0;color:var(--muted);font-size:.92rem}.rec-card h3{color:var(--ink)}.rec-card .reason{color:var(--teal-deep)}.meta-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .6rem;border-radius:999px;background:var(--foam);color:var(--teal-deep);font-size:.75rem;font-weight:700}.pill.pass{background:color-mix(in srgb,var(--ok) 16%,white);color:var(--ok)}.pill.warn{background:color-mix(in srgb,var(--signal) 16%,white);color:var(--signal)}.pill.gold{background:#fbbf2429;color:var(--gold)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:1.4rem 1.45rem;box-shadow:0 12px 30px var(--line)}.panel h1,.panel h2{font-family:var(--font-display);margin-top:0}.course-hero{position:relative;border-radius:18px;overflow:hidden;height:160px;margin-bottom:1rem;box-shadow:var(--shadow)}.course-hero img{width:100%;height:160px;object-fit:cover;display:block}.course-hero .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 10%,rgba(15,23,42,.82));display:grid;align-content:end;padding:1rem 1.15rem;color:#fff}.course-hero h1{font-family:var(--font-display);margin:0 0 .25rem;font-size:clamp(1.35rem,2.5vw,1.85rem)}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:#0f172a;box-shadow:var(--shadow)}.video-frame iframe,.video-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#0f172a}.video-meta{padding:.95rem 1.05rem;border-radius:16px;background:var(--mist);border:1px solid rgba(45,212,191,.2)}.video-meta p{margin:.35rem 0 .55rem;color:var(--muted);font-size:.92rem}.rec-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem;margin-bottom:1.75rem}.rec-card{display:grid;grid-template-columns:64px 1fr;gap:.65rem;padding:.6rem;border-radius:16px;background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 24px var(--line);transition:transform .2s ease}.rec-card:hover{transform:translateY(-3px)}.rec-card img{width:64px;height:64px;object-fit:cover;border-radius:10px}.lesson-footer{position:sticky;bottom:.75rem;margin-top:1.25rem;display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 28px var(--line)}.lesson-footer-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.rec-card h3{font-family:var(--font-display);font-size:1rem;margin:0 0 .25rem;line-height:1.2}.rec-card .reason{font-size:.8rem;color:var(--teal-deep);font-weight:600}.lesson-body{font-size:1.05rem;max-width:65ch}.lesson-body h2{font-family:var(--font-display);font-size:1.35rem}.lesson-body ul,.lesson-body ol{padding-left:1.2rem}.stack{display:grid;gap:.75rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:var(--teal);color:var(--btn-fg);padding:.75rem 1.15rem;border-radius:999px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn:hover{background:var(--teal-deep);box-shadow:0 10px 24px color-mix(in srgb,var(--teal) 35%,transparent)}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn.ghost:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.field{display:grid;gap:.35rem;font-weight:600;font-size:.9rem}.field input{padding:.8rem .95rem;border:1px solid var(--line);border-radius:12px;background:var(--input-bg);color:var(--ink);font-weight:500}.option{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;width:100%;text-align:left;padding:.9rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--option-bg);color:var(--ink);cursor:pointer}.option:hover:not(:disabled){border-color:var(--teal)}.option.selected{border-color:var(--teal);background:var(--foam);color:var(--ink)}.option.correct{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 16%,var(--option-bg))}.option.wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,var(--option-bg))}.feedback{padding:.9rem 1rem;border-radius:12px;border-left:3px solid var(--teal);background:var(--foam);animation:rise .35s ease both}.feedback.bad{border-left-color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,var(--option-bg))}.feedback.ok{border-left-color:var(--ok);background:color-mix(in srgb,var(--ok) 16%,var(--option-bg))}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-visual{position:relative;overflow:hidden;min-height:100vh}.login-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.login-visual .copy{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-login);color:#fff;display:grid;align-content:end;padding:3rem}.login-visual h1{font-family:var(--font-display);font-size:clamp(2.4rem,4vw,3.6rem);margin:0 0 .75rem;max-width:12ch;line-height:1.05}.login-panel{display:grid;place-items:center;padding:2rem;background:var(--login-panel)}.login-card{width:min(420px,100%);padding:2rem 1.7rem;background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);animation:rise .6s ease both}.login-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.login-card .brand{font-size:2rem;display:block;margin-bottom:.35rem}.nav-links{margin-left:auto}.progress-bar{height:7px;background:var(--line);border-radius:999px;margin:.75rem 0 1.1rem;overflow:hidden}.progress-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--signal));width:0%;transition:width .35s ease}.lesson-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.35rem}.lesson-chip{padding:.45rem .75rem;border-radius:999px;border:1px solid var(--line);background:var(--option-bg);color:var(--ink);font-size:.85rem;font-weight:600}.lesson-chip.done{border-color:var(--ok);color:var(--ok)}.lesson-chip.active{background:var(--teal);border-color:var(--teal);color:var(--btn-fg)}.error{color:var(--bad);font-size:.92rem}.cert-page{background:var(--mist);min-height:100vh;padding:2rem 1rem 3rem}.certificate{width:min(900px,100%);margin:0 auto;aspect-ratio:1.414 / 1;background:linear-gradient(135deg,rgba(45,212,191,.1),transparent 40%),linear-gradient(#fff,#fff);border:12px solid var(--teal);outline:1px solid #b45309;outline-offset:-28px;padding:2.5rem 2.8rem;box-shadow:var(--shadow);text-align:center;display:grid;align-content:center;gap:.65rem}.certificate .eyebrow{letter-spacing:.28em;text-transform:uppercase;font-size:.75rem;color:var(--teal-deep);font-weight:700}.certificate h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);margin:.2rem 0}.certificate .holder{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);color:var(--signal);margin:.4rem 0}.certificate .code{font-family:ui-monospace,monospace;font-size:.85rem;color:var(--muted)}.cert-actions{width:min(900px,100%);margin:1rem auto 0;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}@media print{.cert-actions,.topbar,.app-bg>.app-shell .topbar{display:none!important}.cert-page{background:#fff;padding:0}.certificate{box-shadow:none;outline-offset:-20px}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes kenburns{0%{transform:scale(1.02) translateY(0)}to{transform:scale(1.08) translateY(-1.5%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.theme-switch{display:inline-grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border-radius:999px;background:var(--mist);border:1px solid var(--line);box-shadow:inset 0 1px 2px #0000000f;flex-shrink:0}.theme-switch button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font-weight:700;font-size:.78rem;letter-spacing:.01em;padding:.45rem .75rem;border-radius:999px;cursor:pointer;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.theme-switch button:hover{color:var(--ink)}.theme-switch button.active{background:var(--paper);color:var(--teal-deep);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .theme-switch button.active{background:color-mix(in srgb,var(--teal) 22%,var(--paper));color:var(--teal-deep);box-shadow:0 4px 14px #00000047}.theme-ico{font-size:.85rem;line-height:1;opacity:.9}.nav-toggle{display:none;width:44px;height:44px;border:0;border-radius:12px;background:var(--foam);cursor:pointer;place-items:center;gap:5px;padding:0;flex-direction:column;justify-content:center}.nav-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:var(--teal-deep)}.nav-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#07161b59}@media(max-width:860px){.app-shell{padding:.85rem .9rem 2.5rem;max-width:100%}.topbar{position:sticky;top:.35rem;z-index:30;border-radius:16px;padding:.55rem .7rem;margin-bottom:1rem;flex-wrap:wrap}.brand{font-size:1.2rem}.nav-toggle{display:inline-flex;margin-left:auto}.theme-switch{order:2}.theme-switch button{padding:.4rem .55rem;font-size:.72rem;min-height:32px}.theme-switch .theme-ico{display:none}.nav-links{display:none;width:100%;flex-basis:100%;margin-left:0;flex-direction:column;align-items:stretch;gap:.25rem;padding-top:.55rem;order:4}.nav-links.open{display:flex}.nav-links a,.nav-links button{min-height:44px;padding:.7rem .85rem;border-radius:12px;font-size:.95rem;justify-content:flex-start;text-align:left}.nav-user{padding:.4rem .85rem!important}.nav-backdrop{display:block}.login-wrap{grid-template-columns:1fr;min-height:100dvh}.login-visual{min-height:180px}.login-visual .copy{padding:1.25rem 1.35rem}.login-card{padding:1.25rem 1rem;border-radius:18px}.field input,.form-grid input,.form-grid select,.form-grid textarea,.search-input{font-size:16px;min-height:44px}.btn,.btn-primary,.option{min-height:48px}.hero-stage,.hero-stage img{height:150px}.hero-stage h1{font-size:1.35rem;max-width:16ch}.hero-stage p{font-size:.85rem}.course-grid{grid-template-columns:1fr}.course-card{grid-template-rows:140px 1fr}.rec-strip{display:grid;grid-auto-flow:row;grid-template-columns:1fr;gap:.65rem;overflow:visible}.panel{padding:1rem;border-radius:16px}.lesson-footer{flex-direction:column;align-items:stretch;gap:.75rem}.lesson-footer-actions{width:100%;display:grid;gap:.5rem}.lesson-footer .btn{width:100%}.kpi-row{grid-template-columns:1fr 1fr}.admin-toolbar{flex-direction:column;align-items:stretch}.search-input{min-width:0;width:100%}.split-2{grid-template-columns:1fr}.admin-table{font-size:.85rem}.table-wrap{border-radius:12px;-webkit-overflow-scrolling:touch}.video-frame{border-radius:12px}}.page-title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 .35rem;color:var(--ink)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;color:var(--teal);margin:0 0 .35rem}.admin-hero{margin-bottom:1.25rem}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem}.kpi{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;display:grid;gap:.25rem;box-shadow:0 10px 24px var(--line)}.kpi span{color:var(--muted);font-size:.82rem;font-weight:600}.kpi strong{font-family:var(--font-display);font-size:1.55rem;color:var(--teal-deep)}.kpi.warn strong{color:var(--signal)}.admin-panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:1.15rem 1.25rem 1.25rem;margin-bottom:1.25rem;box-shadow:0 12px 28px var(--line)}.admin-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap}.auto-grid,.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem}.form-grid .span-2{grid-column:1 / -1}.auto-grid label,.form-grid label{display:grid;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--ink)}.auto-grid input,.form-grid input,.form-grid select,.form-grid textarea,.search-input{border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem;background:var(--input-bg);color:var(--ink)}.toggle{display:flex!important;align-items:center;gap:.5rem;font-weight:600}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem 0 .75rem;flex-wrap:wrap}.search-input{min-width:min(280px,100%)}.table-wrap{overflow-x:auto;background:var(--paper);border-radius:14px;border:1px solid var(--line);margin-bottom:1.5rem}.admin-table{width:100%;border-collapse:collapse;font-size:.92rem}.admin-table th,.admin-table td{text-align:left;padding:.75rem .9rem;border-bottom:1px solid var(--line);vertical-align:top}.admin-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--mist)}.btn-primary,.btn-ghost{border:0;border-radius:999px;padding:.55rem 1rem;font-weight:700;cursor:pointer}.btn-primary{background:var(--teal);color:var(--btn-fg)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:var(--foam);color:var(--teal-deep);text-decoration:none;display:inline-block}.course-progress-list{display:grid;gap:.55rem;margin-bottom:1.5rem}.progress-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem}.pill{font-size:.75rem;font-weight:700;padding:.3rem .65rem;border-radius:999px;background:var(--mist);white-space:nowrap}.pill.status-completed{background:#34d3992e;color:var(--ok)}.pill.status-in_progress{background:#fbbf2429;color:var(--gold)}.pill.status-exam_pending{background:#fb923c29;color:var(--signal)}.split-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.mini-row{display:grid;gap:.15rem;margin-bottom:.65rem}.error-banner,.ok-banner{padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem;font-weight:600}.error-banner{background:color-mix(in srgb,var(--bad) 16%,var(--paper));color:var(--bad)}.ok-banner{background:color-mix(in srgb,var(--ok) 16%,var(--paper));color:var(--ok)}.nav-bell{position:relative}.badge-count{position:absolute;top:.15rem;right:.2rem;background:var(--signal);color:#fff;font-size:.65rem;font-weight:800;min-width:1.1rem;height:1.1rem;border-radius:999px;display:grid;place-items:center;padding:0 .25rem}.notif-list{display:grid;gap:.85rem;margin-top:1rem}.notif-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:1rem 1.15rem}.notif-card.unread{border-color:#2dd4bf59;box-shadow:0 0 0 2px #2dd4bf1a}.notif-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;font-weight:700;color:var(--teal)}.notif-card h3{margin:.35rem 0;font-family:var(--font-display)}