@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=JetBrains+Mono:wght@400;500;600&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--cyan: #00e5ff;--cyan-dim: #00a0b4;--cyan-glow: rgba(0, 229, 255, .15);--cyan-subtle: rgba(0, 229, 255, .06);--sapphire: #0f52ba;--sapphire-light: #2874d4;--bg-deep: #050a0e;--bg-card: #0a1218;--bg-card-hover: #0d1820;--bg-surface: #111c24;--bg-code: #060d12;--text-primary: #e8f0f2;--text-secondary: #8aa3b0;--text-dim: #4a6670;--border: rgba(0, 229, 255, .07);--border-hover: rgba(0, 229, 255, .18);--green: #1DB954;--red-yt: #ff2d2d;--purple-dc: #5865F2;--orange-tk: #ff6723;--yellow-code: #e2c87e;--blue-code: #7ec8e2;--green-code: #7ee2a8;--pink-code: #e27eb5;--comment-code: #4a6670;--string-code: #a8d4a2}html{scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text-primary);font-family:Outfit,sans-serif;overflow-x:hidden;line-height:1.7}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:3px}.hero-bg{position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(0,229,255,.025) 0%,transparent 70%);pointer-events:none}nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2.5rem;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(24px);background:#050a0ebf;border-bottom:1px solid var(--border);transition:all .4s ease}nav.scrolled{padding:.65rem 2.5rem;background:#050a0eeb}.nav-logo{display:flex;align-items:center;gap:.85rem;text-decoration:none}.diamond-icon{width:28px;height:28px}.diamond-icon svg{width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(0,229,255,.4))}.nav-name{font-weight:600;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-primary)}.nav-right{display:flex;align-items:center;gap:2.5rem}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none;position:relative;transition:color .3s ease}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--cyan);box-shadow:0 0 6px var(--cyan);transition:width .3s ease}.nav-links a:hover{color:var(--cyan)}.nav-links a:hover:after{width:100%}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:8rem 2.5rem 4rem;position:relative;overflow:hidden;max-width:1000px;margin:0 auto}.hero-tag{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--cyan);margin-bottom:1.75rem;display:flex;align-items:center;gap:.6rem;animation:fadeIn .8s ease forwards}.pulse-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:pulse 2.5s ease-in-out infinite;box-shadow:0 0 8px var(--cyan)}.hero h1{font-family:Playfair Display,serif;font-size:clamp(2.6rem,5vw,4rem);font-weight:700;line-height:1.15;margin-bottom:1.5rem;animation:fadeInUp .9s ease forwards}.hero h1 .accent{background:linear-gradient(135deg,var(--cyan),#0099cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:1.1rem;font-weight:300;color:var(--text-secondary);line-height:1.85;max-width:640px;margin-bottom:2.5rem;animation:fadeInUp .9s ease .15s forwards;opacity:0}.hero-scroll-cue{animation:fadeInUp .9s ease .4s forwards,bob 3s ease-in-out 1.5s infinite;opacity:0;display:flex;align-items:center;gap:.6rem;font-size:.7rem;font-weight:400;letter-spacing:.1em;color:var(--text-dim)}.hero-scroll-cue svg{width:14px;height:14px;stroke:var(--text-dim)}.feed{max-width:1000px;margin:0 auto;padding:0 2.5rem 6rem;display:flex;flex-direction:column;gap:2rem}.tile{background:var(--bg-card);border:1px solid var(--border);position:relative;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(50px)}.tile.visible{opacity:1;transform:translateY(0)}.tile:hover{border-color:var(--border-hover);box-shadow:0 8px 60px #00000059,0 0 40px #00e5ff08}.tile:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;opacity:0;transition:opacity .4s ease}.tile:hover:before{opacity:1}.tile[data-type=article]:before{background:var(--cyan)}.tile[data-type=video]:before{background:var(--red-yt)}.tile[data-type=reel]:before{background:var(--orange-tk)}.tile[data-type=code]:before{background:var(--yellow-code)}.tile[data-type=config]:before{background:var(--green-code)}.tile[data-type=prompt]:before{background:var(--pink-code)}.tile-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.75rem;border-bottom:1px solid var(--border)}.tile-type{display:flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.tile[data-type=article] .tile-type{color:var(--cyan)}.tile[data-type=video] .tile-type{color:var(--red-yt)}.tile[data-type=reel] .tile-type{color:var(--orange-tk)}.tile[data-type=code] .tile-type{color:var(--yellow-code)}.tile[data-type=config] .tile-type{color:var(--green-code)}.tile[data-type=prompt] .tile-type{color:var(--pink-code)}.type-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.type-icon svg{width:100%;height:100%}.tile-date{font-size:.6rem;color:var(--text-dim);letter-spacing:.08em}.article-body{padding:2rem 1.75rem 2.25rem}.tile.featured .article-body{padding:2.5rem 2rem}.article-body h2{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.tile.featured .article-body h2{font-size:1.85rem}.article-body .excerpt{font-size:.95rem;font-weight:300;color:var(--text-secondary);line-height:1.85;margin-bottom:1.5rem}.article-meta{display:flex;align-items:center;gap:1.5rem;font-size:.7rem;color:var(--text-dim);letter-spacing:.04em}.read-more{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);text-decoration:none;transition:gap .3s ease}.read-more:hover{gap:1rem}.article-scoreboard{margin:1.5rem 0;padding:1.25rem 1.5rem;background:var(--bg-code);border:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:.7rem;line-height:2;color:var(--text-secondary);overflow-x:auto}.scoreboard-row{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:.5rem;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.scoreboard-row:last-child{border-bottom:none}.scoreboard-row.head{color:var(--cyan-dim);font-weight:600;border-bottom:1px solid var(--border)}.scoreboard-row .pass{color:var(--green-code)}.scoreboard-row .fail{color:#e27e7e}.scoreboard-row .warn{color:var(--yellow-code)}.scoreboard-row .best{color:var(--cyan);font-weight:600}.code-body{position:relative}.code-title-bar{padding:1rem 1.75rem;display:flex;align-items:center;justify-content:space-between}.code-filename{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.dot-group{display:flex;gap:5px}.dot-group span{width:8px;height:8px;border-radius:50%;background:#ffffff14}.dot-group span:nth-child(1){background:#ff5f56}.dot-group span:nth-child(2){background:#ffbd2e}.dot-group span:nth-child(3){background:#27c93f}.copy-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);background:transparent;border:1px solid var(--border);cursor:pointer;transition:all .3s ease}.copy-btn:hover{border-color:var(--border-hover);color:var(--cyan)}.copy-btn.copied{border-color:var(--green-code)!important;color:var(--green-code)!important}.copy-btn svg{width:12px;height:12px}.code-block{background:var(--bg-code);padding:0 0 1.5rem;overflow-x:auto}.code-line{display:flex;padding:0 1.75rem;line-height:1.9;font-family:JetBrains Mono,monospace;font-size:.78rem;min-height:1.9em;transition:background .2s ease}.code-line:hover{background:#00e5ff05}.code-line.highlight-error{background:#ff50500f}.code-line.highlight-fix{background:#7ee2a80a}.code-line.highlight-info{background:#00e5ff08}.line-num{width:3rem;flex-shrink:0;color:var(--text-dim);opacity:.4;user-select:none;text-align:right;padding-right:1.25rem}.line-content{flex:1;white-space:pre}.kw{color:var(--pink-code)}.fn{color:var(--blue-code)}.str{color:var(--string-code)}.num{color:#d4a0e0}.cm{color:var(--comment-code);font-style:italic}.op{color:var(--cyan)}.var{color:var(--text-primary)}.dec,.cls{color:var(--yellow-code)}.par{color:var(--text-secondary)}.blt{color:#7ec8e2}.code-description{padding:1.25rem 1.75rem;border-top:1px solid var(--border);font-size:.85rem;font-weight:300;color:var(--text-secondary);line-height:1.7}.code-description strong{color:var(--text-primary);font-weight:500}.video-embed-wrapper{position:relative;width:100%;padding-top:56.25%;background:#000}.video-embed-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.video-placeholder{position:relative;width:100%;padding-top:56.25%;background:linear-gradient(135deg,#0a0a0a,#111);overflow:hidden}.video-placeholder-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.play-btn{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.tile[data-type=video] .play-btn{background:#ff2d2d26;border:2px solid rgba(255,45,45,.4)}.tile[data-type=video] .play-btn:hover{background:#ff2d2d40;transform:scale(1.08);box-shadow:0 0 30px #ff2d2d33}.play-btn svg{width:24px;height:24px}.video-title-overlay{font-size:.8rem;color:var(--text-secondary);font-weight:300;text-align:center;padding:0 2rem}.video-info{padding:1.5rem 1.75rem}.video-info h3{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.video-info p{font-size:.85rem;font-weight:300;color:var(--text-secondary);line-height:1.7}.reel-tile-inner{display:grid;grid-template-columns:280px 1fr;min-height:480px}.reel-embed{position:relative;background:#000;overflow:hidden}.reel-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(180deg,#1a0a0a,#0a0a0a)}.reel-play-btn{width:56px;height:56px;border-radius:50%;background:#ff672326;border:2px solid rgba(255,103,35,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.reel-play-btn:hover{background:#ff672340;transform:scale(1.08);box-shadow:0 0 30px #ff672333}.reel-play-btn svg{width:22px;height:22px;fill:var(--orange-tk)}.reel-label{font-size:.6rem;color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase}.reel-bars{display:flex;gap:3px;align-items:flex-end;height:24px;margin-top:.75rem}.reel-bars span{width:3px;background:var(--orange-tk);opacity:.5;border-radius:1px;animation:barPulse 1.2s ease-in-out infinite}.reel-bars span:nth-child(1){height:8px;animation-delay:0s}.reel-bars span:nth-child(2){height:16px;animation-delay:.15s}.reel-bars span:nth-child(3){height:12px;animation-delay:.3s}.reel-bars span:nth-child(4){height:20px;animation-delay:.45s}.reel-bars span:nth-child(5){height:10px;animation-delay:.6s}.reel-content{padding:2rem 1.75rem;display:flex;flex-direction:column;justify-content:center}.reel-content h3{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;line-height:1.35;margin-bottom:.75rem}.reel-content p{font-size:.9rem;font-weight:300;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.reel-takeaways{padding:1rem 1.25rem;background:var(--bg-code);border:1px solid var(--border);margin-bottom:1rem}.reel-takeaways h4{font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--orange-tk);margin-bottom:.6rem}.reel-takeaways p{font-size:.8rem;line-height:1.7;margin-bottom:0}.prompt-body{padding:2rem 1.75rem}.prompt-label{font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--pink-code);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.prompt-label:after{content:"";flex:1;height:1px;background:#e27eb51a}.prompt-text{font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.95;color:var(--text-primary);padding:1.5rem;background:var(--bg-code);border:1px solid var(--border);position:relative;margin-bottom:1.25rem;white-space:pre-wrap}.prompt-text .highlight{color:var(--pink-code)}.prompt-text .variable{color:var(--cyan)}.prompt-text .bracket{color:var(--yellow-code)}.prompt-context{font-size:.85rem;font-weight:300;color:var(--text-secondary);line-height:1.8}.prompt-context strong{color:var(--text-primary);font-weight:500}.config-body{display:grid;grid-template-columns:1fr 1fr}.config-code-side{border-right:1px solid var(--border);position:relative}.config-explain-side{padding:1.75rem}.config-explain-side h3{font-size:1rem;font-weight:600;margin-bottom:.75rem}.config-explain-side p{font-size:.85rem;font-weight:300;color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.config-callout{padding:.8rem 1rem;background:#7ee2a80d;border-left:2px solid var(--green-code);font-size:.8rem;color:var(--text-secondary);line-height:1.7}.config-callout strong{color:var(--green-code);font-weight:600}.tile.quote-tile{background:transparent;border:none;text-align:center;padding:3rem 2rem}.tile.quote-tile:hover{box-shadow:none;border-color:transparent}.tile.quote-tile:before{display:none}.quote-tile .diamond-sm{width:18px;height:18px;margin:0 auto 1.5rem;opacity:.35}.quote-tile .diamond-sm svg{width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(0,229,255,.3))}.quote-tile blockquote{font-family:Playfair Display,serif;font-size:clamp(1.3rem,2.5vw,1.8rem);font-style:italic;font-weight:400;line-height:1.55;max-width:700px;margin:0 auto;color:var(--text-primary)}.quote-tile .attr{margin-top:1rem;font-family:Outfit,sans-serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.channels-strip{max-width:1000px;margin:0 auto;padding:0 2.5rem 4rem}.channels-label{font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}.channels-label:after{content:"";flex:1;height:1px;background:var(--border)}.channels-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ch-card{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;gap:1rem;cursor:pointer;text-decoration:none;transition:all .4s ease;opacity:0;transform:translateY(30px);color:var(--text-primary)}.ch-card.visible{opacity:1;transform:translateY(0)}.ch-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.ch-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ch-icon svg{width:18px;height:18px}.ch-card.podcast .ch-icon{background:#1db9541a;color:var(--green)}.ch-card.youtube .ch-icon{background:#ff2d2d1a;color:var(--red-yt)}.ch-card.discord .ch-icon{background:#5865f21a;color:var(--purple-dc)}.ch-text h4{font-size:.85rem;font-weight:600;margin-bottom:.15rem}.ch-text span{font-size:.7rem;color:var(--text-dim)}footer{border-top:1px solid var(--border);padding:2.5rem;max-width:1000px;margin:0 auto}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-left{display:flex;align-items:center;gap:.75rem}.footer-diamond{width:16px;height:16px}.footer-diamond svg{width:100%;height:100%;filter:drop-shadow(0 0 3px rgba(0,229,255,.25))}.footer-copy{font-size:.7rem;color:var(--text-dim);letter-spacing:.04em}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.7rem;color:var(--text-dim);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;transition:color .3s ease}.footer-links a:hover{color:var(--cyan)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes barPulse{0%,to{opacity:.3}50%{opacity:.8}}@media(max-width:768px){nav{padding:.8rem 1.25rem}.nav-name{display:none}.hero{padding:7rem 1.25rem 3rem}.feed{padding:0 1.25rem 4rem}.reel-tile-inner{grid-template-columns:1fr}.reel-embed{min-height:320px}.config-body{grid-template-columns:1fr}.config-code-side{border-right:none;border-bottom:1px solid var(--border)}.channels-row{grid-template-columns:1fr}.channels-strip{padding:0 1.25rem 4rem}.footer-inner{flex-direction:column;gap:1rem}}