@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary: #050505;--bg-card: rgba(15, 15, 15, .6);--bg-accent: #0a0a0a;--accent-orange: #ff6b35;--accent-cyan: #00d9ff;--accent-green: #10b981;--text-primary: #ffffff;--text-muted: #a0a0a0;--text-dim: #505050;--glass-blur: blur(calc(16px * var(--progressive-clarity, 1)));--border: rgba(255, 255, 255, .08);--gradient-cyber: linear-gradient(135deg, var(--accent-cyan), var(--accent-green))}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Bricolage Grotesque,sans-serif;line-height:1.6;overflow-x:hidden}code,.mono{font-family:JetBrains Mono,monospace}.container{max-width:1300px;margin:0 auto;padding:0 2rem}.glass{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border)}.hero-masterpiece{position:relative;padding:12rem 0 6rem;overflow:hidden;text-align:center}.hero-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-visual{width:100%;height:100%;object-fit:cover;opacity:.4;filter:saturate(.8) contrast(1.1)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent,var(--bg-primary) 80%)}.title-gradient{font-size:clamp(3rem,10vw,6rem);font-weight:800;letter-spacing:-.04em;line-height:.9;background:linear-gradient(to bottom,#fff,#888);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2rem}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:800px;margin:0 auto 3rem;font-weight:300}.validation-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ff6b3526;border:1px solid var(--accent-orange);color:var(--accent-orange);border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;animation:pulse-orange 2s infinite}@keyframes pulse-orange{0%{box-shadow:0 0 #ff6b3566}70%{box-shadow:0 0 0 10px #ff6b3500}to{box-shadow:0 0 #ff6b3500}}.progress-tracker{max-width:400px;margin:0 auto 4rem;padding:1.5rem;border-radius:1.5rem}.progress-info{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;color:var(--accent-cyan)}.progress-bar{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-cyber);transition:width .6s cubic-bezier(.2,1,.3,1)}.hero-actions{margin-top:3rem;display:flex;justify-content:center}.randomizer-btn{padding:1rem 2rem;border-radius:1.5rem;font-family:Outfit,sans-serif;color:var(--accent-cyan);font-weight:700;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:.4s;border:1px solid rgba(0,217,255,.2);display:flex;align-items:center;gap:1rem}.randomizer-btn:hover{background:#00d9ff1a;border-color:var(--accent-cyan);transform:scale(1.05);box-shadow:0 0 30px #00d9ff33}.hamming-btn{border-color:#ff6b3566!important;color:var(--accent-orange)!important}.hamming-btn.active{background:#ff6b3526!important;box-shadow:0 0 15px #ff6b3533!important}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2.5rem;padding-bottom:8rem}.video-card{border-radius:2rem;transition:all .5s cubic-bezier(.2,1,.3,1);position:relative;overflow:hidden}.video-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(0,217,255,.1),transparent);opacity:0;transition:opacity .5s}.video-card:hover{transform:translateY(-12px) scale(1.02);border-color:#fff3;box-shadow:0 40px 80px -20px #000c}.video-card:hover:before{opacity:1}.video-card.completed{border-color:#10b9814d}.video-card.completed h2{color:var(--accent-green);text-decoration:line-through opacity(.5)}.complete-toggle{background:transparent;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;transition:all .3s}.complete-toggle:hover{color:var(--accent-cyan);transform:scale(1.2)}.video-card{cursor:pointer;position:relative;display:flex;flex-direction:column}.card-link-wrapper{text-decoration:none;display:block;color:inherit}.complete-toggle.floating{position:absolute;top:1.5rem;right:1.5rem;z-index:10;background:#0006;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.card-footer.centered{padding:1.5rem;display:flex;justify-content:center;border-top:1px solid var(--border);margin-top:auto}.watch-link{text-decoration:none;color:var(--accent-cyan);font-size:.8rem;font-weight:700}.video-card:hover .watch-link{color:var(--text-primary);text-shadow:0 0 8px var(--accent-cyan)}.card-visual-container{position:relative;width:100%;height:280px;overflow:hidden}.card-visual{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,1,.3,1)}.video-card:hover .card-visual{transform:scale(1.1)}.card-visual-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,var(--bg-card))}.card-header{padding:2.5rem}.category-tag{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;color:var(--accent-cyan);border:1px solid rgba(0,217,255,.3);padding:.25rem .75rem;border-radius:4px;text-transform:uppercase}.lang-switcher{position:fixed;top:2rem;right:2rem;display:flex;gap:.75rem;z-index:9999;padding:.5rem;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;border:1px solid rgba(255,255,255,.05)}.lang-btn{font-family:JetBrains Mono,monospace;background:transparent;color:var(--text-muted);border:none;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.2,1,.3,1);padding:.4rem .8rem;border-radius:.6rem}.lang-btn:hover{color:var(--text-primary);background:#ffffff0d}.lang-btn.active{color:var(--accent-cyan);background:#00d9ff1a;box-shadow:0 0 15px #00d9ff33}.footer-branded{padding:8rem 0;background:var(--bg-accent);border-top:1px solid var(--border)}.artesdosul-link{font-family:JetBrains Mono,monospace;color:var(--accent-orange);text-decoration:none;font-weight:600;font-size:.875rem;transition:.3s}.artesdosul-link:hover{letter-spacing:.1em;text-shadow:0 0 10px var(--accent-orange)}.detail-view{padding:6rem 0}.detail-view .container{max-width:1400px}.video-player{width:100%;aspect-ratio:16/9;min-height:600px;background:#000;border-radius:2rem;overflow:hidden;box-shadow:0 40px 100px -20px #000000e6;margin-bottom:4rem;border:1px solid var(--border)}.study-guide .glass{border-radius:3rem;padding:4rem!important}.impact-shield{position:absolute;bottom:1.5rem;right:1.5rem;background:#10b98133;border:1px solid var(--accent-green);color:var(--accent-green);padding:.4rem .8rem;border-radius:.75rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 12px #0000004d}.card-tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.mini-tag{font-size:.65rem;color:var(--text-dim);background:#ffffff08;padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.video-card:hover .mini-tag{color:var(--text-muted);border-color:#00d9ff33}.detail-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;gap:2rem}.impact-metric{padding:1.5rem 2rem;border-radius:1.5rem;text-align:right;min-width:200px}.impact-label{display:block;font-size:.65rem;letter-spacing:.2em;color:var(--text-dim);margin-bottom:.5rem}.impact-value{font-size:2rem;font-weight:800;color:var(--accent-green);font-family:Bricolage Grotesque,sans-serif}.tags-row{display:flex;gap:1rem;margin-bottom:1rem}.study-tag{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--accent-cyan)}.hooks-section{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border)}.hooks-section h4{font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:.15em;font-size:.9rem;margin-bottom:2rem;color:var(--text-muted)}.hooks-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.hook-card{background:#ffffff05;border:1px solid var(--border);padding:1.5rem;border-radius:1.25rem;font-size:.95rem;display:flex;align-items:center;gap:1rem;transition:.3s}.hook-card i{color:var(--accent-cyan)}.hook-card:hover{background:#00d9ff0d;border-color:#00d9ff4d;transform:translate(5px)}.guide-text{font-size:1.25rem;color:var(--text-primary);line-height:1.7;margin-bottom:2rem}.detail-title-group{display:flex;flex-direction:column;gap:1rem;max-width:800px}.category-badge-large{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;color:var(--accent-orange);text-transform:uppercase;letter-spacing:.2em;padding-left:.5rem;border-left:2px solid var(--accent-orange)}@media(max-width:768px){.detail-header{flex-direction:column;align-items:flex-start}.impact-metric{text-align:left;min-width:100%}}.detail-actions{display:flex;align-items:center;gap:1.5rem}.focus-toggle{background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);padding:.75rem 1.5rem;border-radius:1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:.5rem}.focus-toggle:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--accent-cyan)}.focus-toggle.active{background:var(--accent-cyan);color:#000;border-color:var(--accent-cyan);font-weight:700;box-shadow:0 0 20px #00d9ff4d}.detail-view.focus-active{padding-top:2rem}.video-player.maximized{min-height:80vh;margin-bottom:2rem;border-color:var(--accent-cyan);box-shadow:0 0 100px -20px #00d9ff33}.exit-focus-fab{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:var(--accent-cyan);color:#000;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 10px 30px #00000080;z-index:1000;display:flex;align-items:center;justify-content:center;animation:ripple 2s infinite}@keyframes ripple{0%{box-shadow:0 0 #00d9ff66}70%{box-shadow:0 0 0 20px #00d9ff00}to{box-shadow:0 0 #00d9ff00}}.fishing-loader{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:var(--bg-primary);position:fixed;top:0;left:0;z-index:10000}.fishing-hook{width:2px;height:100px;background:linear-gradient(to bottom,transparent,var(--accent-cyan));position:relative;animation:fishing-swing 4s ease-in-out infinite}.fishing-hook:after{content:"J";position:absolute;bottom:-10px;left:-10px;color:var(--accent-cyan);font-size:2rem;transform:rotate(45deg);font-family:serif}.patience-text{font-family:Outfit;text-transform:uppercase;letter-spacing:.5em;font-size:.75rem;color:var(--text-dim)}@keyframes fishing-swing{0%,to{transform:scaleY(1) translateY(0) rotate(0)}50%{transform:scaleY(1.2) translateY(20px) rotate(2deg)}}.synthesis-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.synthesis-section h4{font-family:Outfit,sans-serif;text-transform:uppercase;font-size:.8rem;color:var(--text-dim);margin-bottom:1rem}.synthesis-textarea{width:100%;min-height:120px;background:#ffffff08;border:1px solid var(--border);border-radius:1rem;color:var(--text-primary);padding:1.5rem;font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem;resize:vertical;transition:.3s;margin-bottom:2rem}.synthesis-textarea:focus{outline:none;border-color:var(--accent-green);background:#ffffff0d}.master-btn{width:100%;padding:1.25rem;border-radius:1rem;background:#10b9811a;color:var(--accent-green);border:1px solid rgba(16,185,129,.3);font-family:Outfit,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;transition:.4s;display:flex;align-items:center;justify-content:center;gap:1rem}.master-btn:hover,.master-btn.active{background:var(--accent-green);color:#000}.achievements-section{margin-top:4rem;padding:3rem;border-radius:2rem;border:1px solid var(--border);background:#ffffff05}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;margin-top:2rem}.badge-card{padding:2rem;border-radius:1.5rem;text-align:center;border:1px solid var(--border);transition:.3s;opacity:.3;filter:grayscale(1)}.landing-masterpiece{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);overflow:hidden}.landing-bg-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.landing-bg-visual{width:100%;height:100%;object-fit:cover;opacity:.6;animation:slow-zoom 20s infinite alternate ease-in-out}@keyframes slow-zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.landing-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent,var(--bg-primary) 90%)}.landing-content{width:100%;max-width:600px;padding:2rem;text-align:center;z-index:1}.landing-card{padding:4rem 3rem;border-radius:3rem;display:flex;flex-direction:column;align-items:center;gap:2rem;box-shadow:0 40px 100px -20px #000c;animation:landing-slide-up 1.2s cubic-bezier(.2,1,.3,1)}@keyframes landing-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.brand-badge{padding:.5rem 1rem;background:#ffffff0d;border:1px solid var(--border);border-radius:99px;font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted)}.landing-intro{font-size:1.125rem;color:var(--text-muted);font-weight:300;line-height:1.6}.enter-library-btn{margin-top:1rem;padding:1.25rem 3rem!important;font-size:1rem}.landing-meta{margin-top:2rem;font-family:JetBrains Mono,monospace;font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.landing-masterpiece.fade-out{opacity:0;transform:scale(1.05);transition:all .8s cubic-bezier(.4,0,.2,1);pointer-events:none}.badge-card.unlocked{opacity:1;filter:none;background:#10b9810d;border-color:var(--accent-green)}.badge-icon{font-size:2.5rem;color:var(--accent-green);margin-bottom:1rem}.badge-card h5{font-family:Outfit;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.connection-map{margin-top:6rem;padding-bottom:4rem}.connection-map h3{text-align:center;margin-bottom:3rem;font-family:Outfit;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim)}.dot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.dot-chip{padding:.75rem 1.5rem;background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);color:var(--accent-cyan);border-radius:999px;font-family:JetBrains Mono;font-size:.8rem;display:flex;align-items:center;gap:.75rem}.dot-chip i{font-size:.6rem;color:var(--text-dim)}.search-active-indicator{margin-top:2rem;padding:.75rem 1.5rem;border-radius:99px;display:inline-flex;align-items:center;gap:1.5rem;background:#00d9ff0d;border:1px solid rgba(0,217,255,.3);animation:fade-in .4s ease-out}.search-active-indicator span{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-muted)}.clear-search-btn{background:#ffffff0d;border:none;color:var(--text-dim);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.clear-search-btn:hover{background:#ef444433;color:#ef4444}.hook-card.interactable{cursor:pointer;transition:.3s;border:1px solid var(--border)}.hook-card.interactable:hover{background:#00d9ff1a;border-color:var(--accent-cyan);transform:translateY(-3px);box-shadow:0 5px 15px #00d9ff1a}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.highlights-container{margin-top:6rem;margin-bottom:2rem;perspective:1000px}.highlight-card{padding:3rem;border-radius:2rem;border:1px solid rgba(255,255,255,.05);background:linear-gradient(135deg,#ffffff08,#ffffff03);position:relative;overflow:hidden;animation:slide-up .8s cubic-bezier(.2,.8,.2,1)}.highlight-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;color:var(--accent-cyan);font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;font-weight:700}.highlight-body{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.highlight-body{flex-direction:row;align-items:flex-start}}.highlight-item{flex:1}.highlight-item label{display:block;font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--text-dim);margin-bottom:1rem;letter-spacing:.1em}.highlight-item.insight p{font-family:Bricolage Grotesque,sans-serif;font-size:1.5rem;line-height:1.3;color:var(--text-primary);font-weight:400}.highlight-item.solution p{font-family:Outfit,sans-serif;font-size:1.1rem;color:var(--accent-cyan);font-weight:500}.highlight-divider{width:2px;height:100px;background:#ffffff0d;align-self:center;display:none}@media(min-width:768px){.highlight-divider{display:block}}