:root{--bg-dark: #0a0a0a;--bg-card: #111111;--accent: #6db33f;--accent-glow: rgba(109, 179, 63, .3);--text-main: #f8fafc;--text-dim: #94a3b8;--border: #222222;--nav-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;-webkit-text-size-adjust:100%;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}nav{display:flex;justify-content:space-between;align-items:center;padding:0 5%;height:var(--nav-height);position:sticky;top:0;background:rgba(10,10,10,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:1000;border-bottom:1px solid var(--border)}.logo{font-size:1.4rem;font-weight:800;letter-spacing:-1px;color:var(--text-main);text-decoration:none;flex-shrink:0;z-index:1100}.logo span{color:var(--accent)}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-dim);font-size:.9rem;transition:color .25s;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;z-index:1100}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-main);border-radius:2px;transition:transform .3s,opacity .3s}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1040}.nav-overlay.open{display:block}@media (max-width: 767px){.nav-toggle{display:flex}.nav-links{position:fixed;top:0;right:0;bottom:0;width:min(82vw,320px);flex-direction:column;gap:0;align-items:stretch;background:#0d0d0d;border-left:1px solid var(--border);padding:calc(var(--nav-height) + 1.5rem) 1.5rem 2rem;transform:translate(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);z-index:1050;overflow-y:auto}.nav-links.open{transform:translate(0)}.nav-links a{font-size:1.05rem;font-weight:600;color:var(--text-main);padding:1rem 0;border-bottom:1px solid var(--border)}.nav-links a:last-child{border-bottom:none}.nav-links a:hover{color:var(--accent)}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}main.container{max-width:1180px;margin:0 auto;padding:2.75rem 5% 4rem}.section-divider{width:100%;height:1px;margin:4rem 0;background:rgba(255,255,255,.08);border:none}.hero{text-align:center;padding:5rem 0 3.5rem}.hero h1{font-size:clamp(2.2rem,7vw,4rem);font-weight:800;margin-bottom:1.25rem;letter-spacing:-2px;line-height:1.1}.hero p{color:var(--text-dim);font-size:clamp(1rem,2.5vw,1.2rem);max-width:680px;margin:0 auto 2.5rem}.hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.tag{font-size:.68rem;text-transform:uppercase;color:var(--accent);letter-spacing:1.5px;margin-bottom:.75rem;display:block;font-weight:700}.bento-grid,.repo-grid,.video-grid{display:grid;gap:1.25rem}.bento-grid{grid-template-columns:repeat(3,minmax(240px,1fr));align-items:stretch}.bento-grid .span-2{grid-column:span 2}.repo-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.video-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.repo-card,.card,.video-card,.github-cta,.newsletter-box{background:var(--bg-card);border:1px solid var(--border);border-radius:16px}.card,.repo-card,.video-card,.github-cta,.newsletter-box{transition:border-color .3s,box-shadow .3s,transform .3s}.card:hover,.repo-card:hover,.video-card:hover,.github-cta:hover,.newsletter-box:hover{border-color:var(--accent);box-shadow:0 0 24px var(--accent-glow);transform:translateY(-4px)}.card,.repo-card,.video-card{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.card h3,.video-info h3,.repo-card .repo-name,.github-cta h2{margin:0}.repo-card .repo-name{font-size:1rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:.5rem}.repo-card{min-height:220px}.link-accent{color:var(--accent);text-decoration:none;font-weight:600}.link-accent:hover{text-decoration:underline}.dim-copy{color:var(--text-dim)}.repo-card p,.card p,.video-info p,.featured-meta p,.channel-cta p{color:var(--text-dim);line-height:1.5}.repo-meta,.video-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.75rem;color:var(--text-dim)}.lang-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.lang-java{background:#b07219}.lang-ts{background:#3178c6}.btn,.yt-inline-btn,.yt-btn{color:#000;height:48px;min-height:48px;padding:0 2rem;border-radius:8px;font-weight:700;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;transition:transform .2s,opacity .25s,box-shadow .25s;border:none;cursor:pointer;line-height:1}.btn,.yt-btn{background:var(--accent);color:#000}.yt-inline-btn,.yt-btn{background:#FF0000;color:#fff;box-shadow:0 10px 35px #ff00002e;white-space:nowrap}.yt-inline-btn svg,.yt-btn svg{fill:#fff;width:20px;height:20px;flex-shrink:0}.btn:hover,.yt-inline-btn:hover,.yt-btn:hover{opacity:.92;transform:translateY(-1px)}.github-cta{padding:2.5rem;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.github-cta p{max-width:460px}.newsletter-box{padding:2rem}.newsletter-box form{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;margin-top:1.5rem}.newsletter-box input[type=email]{width:100%;min-width:0;padding:.95rem 1rem;border-radius:12px;border:1px solid var(--border);background:#080808;color:var(--text-main)}.newsletter-box button{width:100%;min-width:160px}.status-message{color:var(--text-dim);font-size:.95rem}.section-heading{font-size:1.3rem;font-weight:800;letter-spacing:-.5px;margin-bottom:1.25rem}.section-heading span{color:var(--accent)}.video-grid .video-card{display:flex;flex-direction:column}.video-embed{position:relative;aspect-ratio:16 / 9;background:#000;overflow:hidden;border-radius:16px}.video-facade{position:relative;width:100%;height:100%;cursor:pointer}.video-facade img{width:100%;height:100%;object-fit:cover}.play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35)}.play-btn svg{width:56px;height:56px;fill:#fff}.playlist-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.tab-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);padding:.85rem 1.25rem;border-radius:999px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.tab-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}.featured-section{margin-bottom:2rem}.featured-embed{margin-top:1rem;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:#000}.featured-embed iframe{width:100%;height:100%;border:none}.featured-meta{margin-top:1.25rem}.channel-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:2rem;margin-top:2rem}.channel-cta h2{margin-bottom:.5rem}.page-heading{margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3rem)}footer{padding:2rem 5%;text-align:center;color:var(--text-dim)}@media (max-width: 1023px){.bento-grid{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:1fr}}@media (max-width: 767px){.hero{padding:3rem 0 2.5rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn,.hero-actions .yt-inline-btn,.yt-btn{width:100%;justify-content:center}.bento-grid,.repo-grid,.video-grid{grid-template-columns:1fr}.nav-links{width:100vw}.channel-cta{flex-direction:column;align-items:stretch}.newsletter-box form{grid-template-columns:1fr;align-items:stretch}.newsletter-box button{width:100%}}