:root{--brand: #C8DC4F;--brand-deep: #A8B840;--brand-soft: rgba(200, 220, 79, .16);--brand-soft-2: rgba(200, 220, 79, .3);--brand-ink: #A8B840;--bg: #0E2A3D;--paper: #173649;--paper-2: #1F4456;--surface: #173649;--surface-2: #1F4456;--navy: #08171F;--navy-2: #050E13;--navy-3: #1B6B7A;--ink: #E5EFF2;--ink-2: #B0C7D0;--ink-3: #7A93A0;--ink-4: #56707D;--line: rgba(200, 220, 79, .12);--line-2: rgba(200, 220, 79, .06);--success: oklch(.62 .13 155);--danger: oklch(.6 .18 20);--warning: oklch(.78 .13 75);--cq-abyss: #0E2A3D;--cq-sea: #1B6B7A;--cq-signal: #C8DC4F;--cq-foam: #E5EFF2;--cq-ink: #08171F;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 14px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .12);--shadow-lg: 0 14px 40px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .15);--shadow-card: var(--shadow-sm);--shadow-pop: var(--shadow-md);--density: 1;--font-body: "Inter", system-ui, -apple-system, Helvetica, sans-serif;--font-display: "Inter", system-ui, sans-serif;--font-display-italic: "Inter", system-ui, sans-serif;--display-tracking: -.045em;--display-weight: 800}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:14px;line-height:1.45;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;color:inherit}::selection{background:var(--brand);color:#0e2a3d}html{scroll-behavior:smooth}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:-1px;border-color:var(--brand)}*:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.serif{font-family:var(--font-display);font-weight:var(--display-weight, 800);letter-spacing:var(--display-tracking, -.035em)}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.tabular{font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);font-weight:var(--display-weight, 800);letter-spacing:var(--display-tracking, -.035em);line-height:.96;color:var(--ink)}.eyebrow{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}#root{min-height:100vh}.lnk{color:var(--brand);cursor:pointer}.lnk:hover{text-decoration:underline;text-underline-offset:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .32s cubic-bezier(.2,.8,.2,1)}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.pulse-dot{animation:pulseDot 1.6s ease-in-out infinite}.card-base{background:var(--paper);border-radius:var(--radius-lg);border:1px solid transparent;box-shadow:none;transition:box-shadow .16s,border-color .16s,transform .16s}.card-base{border-color:var(--line)}.card-hover:hover{transform:translateY(-1px);border-color:var(--ink-4)}.ph-stripes{background:repeating-linear-gradient(135deg,var(--surface-2) 0 14px,var(--surface) 14px 15px);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13.5px;color:var(--ink-2);cursor:pointer;transition:background .12s,color .12s;font-weight:500}.nav-item:hover{background:var(--surface);color:var(--ink)}.nav-item.active{background:var(--brand-soft);color:var(--brand)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.between{justify-content:space-between}.player-shell{background:var(--navy);border-radius:14px;overflow:hidden;position:relative;aspect-ratio:16/9}.player-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(200,220,79,.15),transparent 50%),radial-gradient(circle at 70% 80%,rgba(27,107,122,.18),transparent 60%),linear-gradient(180deg,var(--navy-2),var(--navy))}.lesson-description a{color:var(--brand);text-decoration:underline;text-underline-offset:2px;font-weight:500}.lesson-description a:hover{opacity:.8}.lesson-description img{max-width:100%;height:auto;border-radius:var(--radius);margin:12px 0}.lesson-description h3{margin:24px 0 8px;font-size:18px;font-weight:700;color:var(--ink)}.lesson-description h4{margin:16px 0 6px;font-size:15px;font-weight:600;color:var(--ink-2)}.lesson-description ul,.lesson-description ol{padding-left:20px;margin:8px 0}.lesson-description li{margin:4px 0}.lesson-description p{margin:8px 0}.biblioteca-lesson-row:hover{background:var(--surface)!important}.biblioteca-lesson-row:hover .biblioteca-lesson-row-chevron{color:var(--ink-2)}@media (max-width: 900px){.cq-feed-grid{grid-template-columns:1fr!important}.cq-feed-grid>div:last-child{position:static!important}.lesson-grid{grid-template-columns:1fr!important}.lesson-grid>div:last-child{border-right:none!important;border-top:1px solid var(--line)}}@media (max-width: 767px){.chat-shell{grid-template-columns:1fr!important}}@media (max-width: 900px){.groups-grid{grid-template-columns:1fr!important}.groups-grid>div{position:static!important}}@media (max-width: 767px){.topbar-username,.topbar-back-label,.topbar-search{display:none!important}.sub-grid{grid-template-columns:1fr!important}.sub-grid>div:first-child{position:static!important}.lesson-grid{grid-template-columns:1fr!important}.lesson-grid>aside{position:static!important}.product-grid{grid-template-columns:1fr}.resume-hero-grid{grid-template-columns:1fr!important}.resume-hero-grid>div:first-child{border-right:none!important;border-bottom:1px solid var(--line)}}@media (max-width: 480px){header{padding:0 12px!important;gap:8px!important}}