:root{--bg: #f7f8fa;--fg: #1c2027;--muted: #5b6270;--card: #ffffff;--line: #d9dde3;--accent: #1d4ed8;--link: #1d4ed8;--ok: #15803d;--bad: #b3261e;color-scheme:light}:root[data-theme=dark]{--bg: #111418;--fg: #e6e9ee;--muted: #9aa3b0;--card: #1a1e24;--line: #2c333d;--accent: #2563eb;--link: #93c5fd;--ok: #4ade80;--bad: #ff8a80;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:760px;margin:0 auto;padding:16px;min-height:70vh}a{color:var(--link)}h1{font-size:1.5rem;margin:.5rem 0 1rem}h2{font-size:1.15rem;margin:1rem 0 .5rem}.bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--accent)}.bar a,.bar .link{color:#fff;text-decoration:none;margin-left:12px}.brand{font-weight:700;margin-left:0!important}.foot{display:flex;gap:16px;justify-content:center;padding:16px;color:var(--muted);font-size:.9rem}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;margin:12px 0}.narrow{max-width:420px;margin:24px auto}.list{list-style:none;padding:0}.list h2{margin-top:0}label{display:block;margin:12px 0}input[type=text],input[type=password],input:not([type]){display:block;width:100%;padding:12px;margin-top:4px;font-size:1rem;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg)}button{font-size:1rem;padding:12px 18px;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;margin:8px 8px 8px 0;min-height:44px}button:disabled{opacity:.5;cursor:default}button.option:disabled{opacity:1}button.secondary{background:transparent;color:var(--link);border:1px solid var(--link)}button.link{background:none;padding:0;min-height:0;color:var(--link);text-decoration:underline}.bar button.link{color:#fff}.muted{color:var(--muted)}.error{color:var(--bad)}.ok{color:var(--ok)}.badge{display:inline-block;font-size:.8rem;padding:2px 8px;border-radius:999px;background:var(--accent);color:#fff}.progress{background:var(--line);border-radius:999px;height:10px;overflow:hidden}.progress div{background:var(--accent);height:100%}.progress-label{display:block;font-size:.85rem;color:var(--muted);margin-top:4px}.steps li{margin:8px 0}.steps li.done a{color:var(--muted)}.video{position:relative;padding-top:56.25%;margin:12px 0}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:8px}.lesson-body img{max-width:100%;height:auto}.lesson-body table{display:block;overflow-x:auto}.option{display:block;width:100%;text-align:left;background:var(--card);color:var(--fg);border:2px solid var(--line);margin:8px 0}.option.chosen{border-color:var(--link)}.option.right{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,var(--card))}.option.wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,var(--card))}.option p{margin:0}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{border-bottom:1px solid var(--line);padding:6px;text-align:left}tr.error td{color:var(--bad)}.small{font-size:.85rem}.muted.small{display:block}.field>.muted.small{margin-top:2px}.badge-muted{background:var(--line);color:var(--fg)}.subnav{display:flex;flex-wrap:wrap;gap:4px 16px;padding:8px 0 12px;border-bottom:1px solid var(--line);margin-bottom:8px}.subnav a{text-decoration:none;padding:4px 0}.subnav a.active{font-weight:700;border-bottom:2px solid var(--link)}.row{display:flex;flex-wrap:wrap;gap:0 16px;align-items:flex-start}.row>.field{flex:1 1 180px}.field{margin:12px 0}.field>label{margin:0}.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:8px 0}.inline-form>.field{flex:1 1 240px;margin:0}select,textarea,input[type=email],input[type=number]{display:block;width:100%;padding:10px;margin-top:4px;font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg)}.inline-form select,.inline-form input{width:auto;flex:1 1 220px}label.check{display:flex;gap:8px;align-items:center}fieldset{border:1px solid var(--line);border-radius:8px;margin:12px 0}.option-row{display:flex;gap:8px;align-items:center;margin:6px 0}.option-row input:not([type=radio]):not([type=checkbox]){margin:0}.questions>li{margin-bottom:8px}.rte{margin:12px 0}.rte-label{display:block;margin-bottom:4px}.rte-toolbar{display:flex;flex-wrap:wrap;gap:4px}.rte-toolbar button{background:var(--card);color:var(--fg);border:1px solid var(--line);padding:4px 10px;min-height:36px;margin:0}.rte-body{min-height:140px;border:1px solid var(--line);border-radius:8px;padding:10px;margin-top:4px;background:var(--card)}.rte-body:focus{outline:2px solid var(--link)}.brand{display:inline-flex;align-items:center;gap:8px}.brand-logo{height:28px;width:auto;border-radius:4px;background:#fff}.brand-preview{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;padding:12px 16px;border-radius:8px;margin:12px 0}.brand-preview img{height:32px;background:#fff;border-radius:4px}table{margin:8px 0 16px}main{max-width:960px}main.wide{max-width:1200px}a.button{display:inline-block;padding:10px 16px;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.focus{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.focus.collapsed{grid-template-columns:minmax(0,1fr)}.focus.collapsed .focus-side{display:none}.focus-side{position:sticky;top:8px;max-height:calc(100vh - 16px);overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:8px}.focus-course{display:block;padding:14px 16px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none;border-radius:8px 8px 0 0}.focus-steps{list-style:none;margin:0;padding:0}.focus-step{display:flex;gap:10px;padding:10px 14px;border-top:1px solid var(--line);color:var(--fg);text-decoration:none;font-size:.9rem}.focus-step.current{background:color-mix(in srgb,var(--accent) 12%,var(--card));font-weight:600}.focus-step.done .step-icon{background:var(--accent);border-color:var(--accent);color:#fff}.focus-step.locked{color:var(--muted);cursor:not-allowed}.step-icon{flex:0 0 22px;height:22px;border:2px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem}.focus-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line)}.focus-toggle{margin:0;padding:6px 12px;min-height:36px;font-size:.85rem}.focus-progress{flex:1 1 200px}.focus-progress .progress{height:6px;margin-top:4px}.focus-nav{display:flex;align-items:center;gap:16px}.focus-nav a{font-weight:600;text-decoration:none}button.small-button{margin:0;padding:6px 14px;min-height:36px;font-size:.9rem}.crumbs{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;margin-bottom:16px;background:var(--card);border:1px solid var(--line);border-radius:8px}.badge-done{background:var(--ok)}.badge-progress{background:var(--muted)}.done-banner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;padding:14px 16px;border:1px solid var(--accent);border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,var(--card))}.lesson-foot{margin-top:24px;padding-top:12px;border-top:1px solid var(--line)}@media(max-width:800px){.focus{grid-template-columns:minmax(0,1fr)}.focus-side{position:static;max-height:none}.focus-nav{width:100%;justify-content:space-between}}.side-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.side-nav{position:sticky;top:8px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 0}.side-group+.side-group{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.side-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:6px 16px 4px}.side-nav a{display:block;padding:8px 16px;text-decoration:none;color:var(--fg);border-left:3px solid transparent}.side-nav a:hover{background:color-mix(in srgb,var(--accent) 6%,var(--card))}.side-nav a.active{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--card));font-weight:600;color:var(--link)}.profile-banner{display:flex;align-items:center;gap:14px;padding:24px 20px;margin-bottom:16px;border-radius:8px;color:#fff;font-size:1.2rem;background:linear-gradient(120deg,#111827,var(--accent))}.avatar{width:52px;height:52px;border-radius:8px;background:#fff3;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{display:flex;flex-direction:column;margin:0}.stat strong{font-size:1.8rem}.progress-list{list-style:none;padding:0}.progress-list li{margin:12px 0}.progress-row{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.tabs{display:flex;gap:4px 20px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:12px}button.tab{background:none;color:var(--fg);border-radius:0;padding:8px 0;margin:0;min-height:0;border-bottom:2px solid transparent}button.tab.active{color:var(--link);border-bottom-color:var(--link);font-weight:600}.course-cards{list-style:none;padding:0}.course-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start}.course-card h2{margin:4px 0}.course-tile{height:90px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#111827);color:#fff;font-size:1.6rem;font-weight:700;display:flex;align-items:center;justify-content:center}.pill{display:inline-block;font-size:.75rem;padding:2px 10px;border-radius:999px;color:#fff}.pill-completed{background:var(--ok)}.pill-in_progress{background:var(--accent)}.pill-not_started{background:#b45309}.table-wrap{overflow-x:auto}.timeline{list-style:none;padding:0}.timeline li{display:flex;flex-direction:column;gap:2px;border-left:3px solid var(--accent)}table.details th{text-align:left;width:40%;color:var(--muted);font-weight:600}.course-hero{padding:28px 24px;border-radius:8px;color:#fff;background:linear-gradient(120deg,#0f172a,var(--accent));margin-bottom:20px}.course-hero h1{font-size:1.9rem;margin:8px 0}.course-hero a.hero-back{color:#fff;font-size:.9rem}.hero-tag{display:inline-block;margin-left:12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 10px;border-radius:999px;background:#fff3}.hero-meta{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.9rem}.hero-meta li:before{content:"✓ "}.course-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.course-side h3{font-size:1rem;margin:16px 0 4px}.includes{padding-left:18px;margin:0}a.button.block,button.block{display:block;width:100%;text-align:center;margin:8px 0}.content-list{list-style:none;padding:0;background:var(--card);border:1px solid var(--line);border-radius:8px}.content-list li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-top:1px solid var(--line)}.content-list li:first-child{border-top:0}.content-list li.done .step-icon{background:var(--accent);border-color:var(--accent);color:#fff}.notice{border-left:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--card));padding:10px 14px;border-radius:6px}.notice-quiet{border-left-color:var(--ok);background:color-mix(in srgb,var(--ok) 8%,var(--card))}.review-box{text-align:center;margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--accent) 5%,var(--card))}.review-box h2{margin-top:0}a.whatsapp{position:fixed;right:16px;bottom:16px;z-index:10;padding:10px 16px;border-radius:999px;background:#128c4b;color:#fff;font-weight:600;text-decoration:none;box-shadow:0 2px 8px #00000040}@media(max-width:800px){.side-body,.course-columns{grid-template-columns:minmax(0,1fr)}.side-nav{position:static;display:flex;flex-wrap:wrap;gap:0 4px;padding:6px}.side-group{display:contents}.side-title{display:none}.side-nav a{padding:6px 10px;border-left:0;border-radius:6px}.course-card{grid-template-columns:1fr}.course-tile{height:60px}}
