.course-workspace{--course-cyan:#00e5ff;--course-purple:#bfa1ff;background:radial-gradient(at 80% 0,#17233b60,#0000 45%),#090e17;min-height:100vh;padding-top:64px}.course-topbar{max-width:1800px;margin:auto;padding-inline:24px}.course-main{min-width:0;max-width:1480px;margin:auto;padding:32px clamp(20px,3vw,48px) 80px}.course-sidebar{display:none}.course-mobile-trigger{z-index:40;color:#b6f7ff;background:#11232f;border:0;border-bottom:1px solid #00e5ff40;border-radius:0;align-items:center;gap:10px;width:100%;margin:0;padding:14px 20px;font-size:13px;display:flex;position:sticky;top:64px}.course-mobile-dialog{color:#e0e2ea;background:#0d1521;border:0;width:min(360px,92vw);max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0}.course-mobile-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03070dd9}.course-mobile-dialog[open]{animation:.25s ease-out course-drawer-in}.course-mobile-panel{flex-direction:column;height:100%;display:flex}.course-mobile-heading{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.course-mobile-heading button{border-radius:6px;padding:6px}.course-navigation{flex-direction:column;height:100%;min-height:0;display:flex}.course-sidebar-intro{padding:22px 22px 16px}.course-eyebrow{color:#85a8b6;font:10px var(--font-mono);letter-spacing:.15em}.course-sidebar-intro strong{font:600 19px var(--font-display);color:#fff;margin:10px 0 18px;display:block}.course-sidebar-intro p,.lesson-reading-progress p{color:#9eb0c2;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.course-sidebar-intro p span{color:#7ceeff}.course-progress-track{background:#253040;border-radius:10px;height:4px;overflow:hidden}.course-progress-track>span{background:linear-gradient(90deg,#a889ff,#00e5ff);height:100%;transition:width .4s;display:block}.course-resume{color:#b5f6ff;align-items:center;gap:9px;margin-top:18px;font-size:12px;display:flex}.course-search{color:#788ba3;background:#ffffff05;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:10px;margin:0 16px 15px;padding:11px 12px;display:flex}.course-search:focus-within{border-color:#00e5ff70}.course-search input{color:#d4e0ec;background:0 0;outline:0;width:100%;min-width:0;font-size:12px}.course-search input::placeholder{color:#899bb2}.course-navigation-scroll{scrollbar-width:thin;scrollbar-color:#273446 transparent;flex:1;padding:0 12px 20px;overflow:auto}.course-overview-link{color:#bbc8d8;border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:13px 12px;font-size:12px;display:flex}.course-level-group{margin:3px 0}.course-level-group>summary{color:#c6d0df;border-radius:9px;align-items:center;gap:10px;padding:12px 8px;font-size:12px;font-weight:600;line-height:1.5;list-style:none;display:flex}.course-level-group summary::-webkit-details-marker{display:none}.course-level-group small{color:#8c9db3;margin-top:3px;font-size:10px;font-weight:400;display:block}.course-level-group[open]>summary{color:#d4f9ff;background:#00e5ff09}.course-level-number{font:11px var(--font-mono);color:#9db6cd;background:#192535;border:1px solid #ffffff0d;border-radius:8px;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.course-level-group[open] .course-level-number{color:#72edff;background:#00e5ff14;border-color:#00e5ff30}.course-chevron{color:#7694a9;margin-left:auto;font-size:19px;transition:transform .2s}details[open]>summary>.course-chevron{transform:rotate(90deg)}.course-phase-tree{border-left:1px solid #233649;margin:8px 0 12px 22px;padding-left:13px}.course-phase-group>summary{color:#b7c7da;align-items:center;gap:8px;padding:9px 6px;font-size:11px;line-height:1.65;display:flex}.course-phase-link{color:#93c8d6;justify-content:space-between;padding:9px 7px;font-size:10px;display:flex}.course-lesson-link{color:#a3b3c8;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:9px;margin-block:3px;padding:11px 9px;font-size:11px;line-height:1.6;display:flex}.course-lesson-link svg{color:#83a4bb;flex-shrink:0;margin-top:3px}.course-lesson-link small{font-size:9px}.course-lesson-link[aria-current=page],.course-overview-link[aria-current=page]{color:#d1faff;background:linear-gradient(100deg,#00e5ff15,#00e5ff04);border-color:#00e5ff33}.course-lesson-link[aria-current=page] svg{color:#00e5ff}.course-lesson-link[aria-label^=Concluída] svg{color:#57ec7f}.course-phase-link[aria-current=page]{color:#00e5ff}.course-navigation a:hover,.course-navigation summary:hover{color:#dbf8ff;background-color:#ffffff06}.course-search-results>p{padding:12px;font-size:12px}.course-map-link{color:#a8bfd1;border-top:1px solid #ffffff10;align-items:center;gap:9px;padding:18px 22px;font-size:11px;display:flex}.course-map-link>span{margin-left:auto}.course-hero{background:radial-gradient(at 90% 0,#29477750,#0000 70%),linear-gradient(140deg,#152438,#101724);border:1px solid #ffffff14;border-radius:20px;margin-bottom:32px;padding:clamp(24px,3vw,42px);position:relative;overflow:hidden}.course-hero>:not(.course-artwork){z-index:1;position:relative}.course-hero h1{max-width:780px}.course-hero p{max-width:750px}.course-hero>.course-artwork{opacity:.28;pointer-events:none;width:340px;height:100%;position:absolute;top:0;right:0}.course-hero-actions{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.course-primary-action,.course-secondary-action{color:#032332;background:#00e5ff;border-radius:9px;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.course-secondary-action{color:#d2dfed;background:#ffffff06;border:1px solid #ffffff20}.course-primary-action:hover{transform:translateY(-2px);box-shadow:0 0 25px #00e5ff30}.course-level-catalog{position:relative}.course-level-catalog>li>div{background:linear-gradient(150deg,#15202f,#101721);border-radius:16px;padding:22px;transition:transform .25s,border-color .25s;overflow:hidden}.course-level-catalog>li>div:hover{border-color:#00e5ff50;transform:translateY(-4px)}.course-artwork{--art-color:#00e5ff;background:radial-gradient(#00e5ff0c,#0000 65%),#101c2b;place-items:center;min-height:200px;display:grid;position:relative;overflow:hidden}.course-artwork[data-tone="0"]{--art-color:#c4a6ff}.course-artwork[data-tone="2"]{--art-color:#71e5b3}.course-artwork-compact{border-bottom:1px solid #ffffff10;height:158px;min-height:158px;margin:-22px -22px 2px}.course-artwork-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 85%);mask-image:radial-gradient(#000,#0000 85%)}.course-artwork svg:not(.lucide){width:100%;height:100%;stroke:var(--art-color);position:absolute}.course-circuit{opacity:.2}.course-circuit-pulse{stroke-dasharray:12 240;opacity:.8;animation:12s linear infinite course-signal}.course-artwork svg circle{fill:var(--art-color);stroke:none;opacity:.5}.course-artwork-core{border:1px solid color-mix(in srgb, var(--art-color) 35%, transparent);width:98px;height:98px;color:var(--art-color);box-shadow:0 0 45px color-mix(in srgb, var(--art-color) 10%, transparent);background:linear-gradient(145deg,#22384d,#142334);border-radius:27px;place-items:center;display:grid;transform:rotate(-9deg)}.course-artwork-core svg{transform:rotate(9deg)}.course-artwork-compact .course-artwork-core{border-radius:20px;width:70px;height:70px}.course-artwork-orbit{border:1px dashed color-mix(in srgb, var(--art-color) 20%, transparent);border-radius:50%;width:145px;height:145px;animation:80s linear infinite course-orbit;position:absolute}.course-artwork-compact .course-artwork-orbit{width:108px;height:108px}.course-artwork-label{color:var(--art-color);font:9px var(--font-mono);letter-spacing:.12em;opacity:.8;position:absolute;bottom:13px;left:18px}.course-artwork-code{color:#7a94ad;font:10px var(--font-mono);position:absolute;top:14px;right:18px}.lesson-layout{gap:28px;min-width:0;display:grid}.lesson-article{width:100%;min-width:0;max-width:780px}.lesson-intro{border-top:2px solid #00e5ff70;padding-top:26px}.lesson-article>section{padding-top:12px}.lesson-article>section>h2{align-items:baseline;gap:14px;display:flex}.lesson-article>section>h2:before{content:"";background:linear-gradient(#00e5ff,#b696ff);border-radius:3px;flex-shrink:0;width:6px;height:18px}.lesson-article pre{border-top:3px solid #30475a;box-shadow:0 8px 30px #0002}.lesson-outline-mobile{background:#101b28;border:1px solid #ffffff15;border-radius:10px;padding:15px;font-size:12px}.lesson-outline-mobile>summary{color:#b4f6ff}.lesson-outline nav{flex-direction:column;gap:2px;margin-top:14px;display:flex}.lesson-outline nav a{color:#9db0c6;border-left:2px solid #243446;gap:9px;padding:10px 8px;font-size:11px;line-height:1.6;transition:color .2s,border-color .2s;display:flex}.lesson-outline nav a span{font:9px var(--font-mono);color:#6e8da2;padding-top:4px}.lesson-outline nav a[aria-current=location]{color:#b4f6ff;background:#00e5ff08;border-color:#00e5ff}.lesson-outline-desktop{display:none}.lesson-reading-progress{border-top:1px solid #ffffff14;margin-top:26px;padding-top:18px}.lesson-reading-progress small{color:#849ab3;margin-top:12px;font-size:10px;line-height:1.7;display:block}.lesson-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.lesson-topline>span{color:#86a2b8;font:10px var(--font-mono);letter-spacing:.12em}.lesson-topline a{color:#a5f2ff;background:#00e5ff09;border:1px solid #00e5ff30;border-radius:8px;padding:8px 12px;font-size:12px}@keyframes course-signal{to{stroke-dashoffset:-504px}}@keyframes course-orbit{to{transform:rotate(360deg)}}@keyframes course-drawer-in{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media (min-width:1100px){.course-sidebar{z-index:30;background:#0d1521;border-right:1px solid #ffffff12;width:278px;display:block;position:fixed;top:65px;bottom:0}.course-main{margin-left:278px}.course-mobile-trigger{display:none}.course-topbar{padding-inline:24px 36px}}@media (min-width:1400px){.lesson-layout{grid-template-columns:minmax(0,1fr) 190px;align-items:start;gap:40px}.lesson-outline{scrollbar-width:thin;scrollbar-color:#273446 transparent;grid-area:1/2;max-height:calc(100dvh - 120px);position:sticky;top:96px;overflow-y:auto}.lesson-article{grid-area:1/1}.lesson-outline-mobile{display:none}.lesson-outline-desktop{display:block}}@media (max-width:600px){.course-hero{border-radius:14px}.course-hero>.course-artwork{opacity:.09;width:210px}.course-topbar{padding-inline:20px}.course-topbar>a:first-child{font-size:12px}}@media (prefers-reduced-motion:reduce){.course-workspace *,.course-workspace :before{transition:none!important;animation:none!important}}.course-hero-stats{color:#99aec4;flex-wrap:wrap;gap:28px;margin-block:24px;font-size:11px;display:flex}.course-hero-stats strong{font:600 26px var(--font-display);color:#e1f3ff;margin-bottom:4px;display:block}.course-phase-catalog{padding-left:30px;position:relative}.course-phase-catalog:before{content:"";background:linear-gradient(#00e5ff80,#bfa1ff40);width:1px;position:absolute;top:28px;bottom:28px;left:7px}.course-phase-catalog>li{position:relative}.course-phase-catalog>li:before{content:"";background:#0d1521;border:2px solid #00e5ff;border-radius:50%;width:11px;height:11px;position:absolute;top:28px;left:-28px;box-shadow:0 0 14px #00e5ff30}.course-phase-catalog>li>div{background:linear-gradient(110deg,#152132,#101722);border-radius:14px;padding:24px}.course-lesson-kind{font:10px var(--font-mono);letter-spacing:.08em;color:#93b7d7;border-bottom:1px solid #ffffff10;padding-bottom:15px;display:block}.course-lessons-catalog>li>div{background:linear-gradient(135deg,#152132,#101722);border-top:2px solid #00e5ff40;border-radius:14px;transition:border-color .2s,transform .2s}.course-lessons-catalog>li:nth-child(2n)>div{border-top-color:#bfa1ff60}.course-lessons-catalog>li>div:hover{border-color:#00e5ff70;transform:translateY(-3px)}.course-level-catalog,.course-phase-catalog{scroll-margin-top:100px}@media (min-width:1600px){.course-hero{padding-right:340px}.course-hero>.course-artwork{opacity:.85}}.lesson-outline-mobile>summary{justify-content:space-between;gap:12px;display:flex}.lesson-mobile-percent{color:#8da8bd;font-size:11px}@media (max-width:1099px){.course-topbar>a:last-child{display:none}}
