:root{--brand: #4fcffb;--brand-deep: #2bb6e6;--brand-soft: rgba(79, 207, 251, .16);--brand-soft-2: rgba(79, 207, 251, .3);--brand-ink: #79dfff;--on-brand: #04141f;--bg: #020711;--paper: #06223a;--paper-2: #0b3152;--surface: #06223a;--surface-2: #0b3152;--navy: #010912;--navy-2: #02060d;--navy-3: #0b83a5;--ink: #eaf8ff;--ink-2: #b7d6e6;--ink-3: #8faec0;--ink-4: #5d7c8e;--line: rgba(130, 220, 255, .14);--line-2: rgba(130, 220, 255, .07);--glass-fill: rgba(5, 22, 38, .55);--glass-fill-2: rgba(5, 22, 38, .72);--glass-border: rgba(130, 220, 255, .16);--glass-border-hover: rgba(121, 223, 255, .42);--success: #46d39a;--danger: #f87171;--red: #f87171;--warning: #f5b544;--sea: #79dfff;--sea-soft: rgba(121, 223, 255, .14);--amber: #f5b544;--amber-soft: rgba(245, 181, 68, .16);--cq-abyss: #020711;--cq-sea: #0b83a5;--cq-signal: #4fcffb;--cq-foam: #eaf8ff;--cq-ink: #010912;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 14px rgba(0, 0, 0, .32), 0 2px 4px rgba(0, 0, 0, .18);--shadow-lg: 0 14px 40px rgba(0, 0, 0, .45), 0 4px 12px rgba(0, 0, 0, .22);--shadow-card: var(--shadow-sm);--shadow-pop: var(--shadow-md);--density: 1;--font-body: "Inter", system-ui, -apple-system, Helvetica, sans-serif;--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-display-italic: "Instrument Serif", Georgia, serif;--display-tracking: -.02em;--display-weight: 400}*{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:var(--on-brand)}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)}.glass-card{position:relative;isolation:isolate;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-fill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);transition:border-color .25s ease,background .25s ease,transform .18s ease,box-shadow .25s ease}.glass-card.glass-hover:hover{border-color:var(--glass-border-hover);background:var(--glass-fill-2);transform:translateY(-2px);box-shadow:var(--shadow-md)}.bg-flow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#063b55 0%,transparent 55%),radial-gradient(ellipse at 50% 100%,#031b2e 0%,transparent 55%),linear-gradient(180deg,#020711,#04182a,#020711)}.bg-flow:before,.bg-flow:after{content:"";position:absolute;border-radius:50%;will-change:transform,opacity}.bg-flow:before{top:4%;left:-16%;width:70rem;height:70rem;background:radial-gradient(closest-side,#4fcffb,transparent 70%);opacity:.2;filter:blur(90px);animation:bg-flow-1 26s ease-in-out infinite alternate}.bg-flow:after{bottom:-10%;right:-16%;width:65rem;height:65rem;background:radial-gradient(closest-side,#79dfff,transparent 70%);opacity:.16;filter:blur(100px);animation:bg-flow-2 32s ease-in-out infinite alternate}.bg-flow-waves{position:absolute;top:-50px;right:0;bottom:-50px;left:0;background-image:repeating-linear-gradient(180deg,transparent 0,transparent 88px,rgba(121,223,255,.05) 88px,rgba(121,223,255,.05) 90px);animation:bg-flow-waves 18s linear infinite;will-change:transform}@keyframes bg-flow-1{0%{transform:translate(0)}to{transform:translate(22%,18%)}}@keyframes bg-flow-2{0%{transform:translate(0)}to{transform:translate(-18%,-22%)}}@keyframes bg-flow-waves{0%{transform:translateY(0)}to{transform:translateY(90px)}}@media (prefers-reduced-motion: reduce){.glass-card{transition:border-color .25s,background .25s}.bg-flow:before,.bg-flow:after,.bg-flow-waves{animation:none}}.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}}