@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07080d;--surface:#0b0d14;--surface2:#0f1019;--card:#0f1019;--border:rgba(255,255,255,0.06);--border-hi:rgba(255,255,255,0.12);--text:#e8eaf2;--muted:#666a88;--faint:#40445c;--cyan:#4df0d4;--cyan-dim:rgba(77,240,212,0.08);--cyan-glow:rgba(77,240,212,0.25);--gold:#c9a84c;--gold-dim:rgba(201,168,76,0.1);--pink:#d94f8a;--pink-dim:rgba(217,79,138,0.1);--accent:#4df0d4;--accent-hover:rgba(77,240,212,0.18);--radius:3px;--radius-lg:4px;--font:"Instrument Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--bottom-bar:64px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:pointer;font-family:var(--font)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:2px}.container{max-width:1200px;margin:0 auto;padding:0 16px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-header h2{font-size:.72rem;font-weight:500;letter-spacing:3px;color:var(--muted)}.section-header a,.section-header h2{font-family:var(--font-mono);text-transform:uppercase}.section-header a{font-size:.68rem;letter-spacing:2px;color:var(--cyan);opacity:.7;transition:opacity .15s}.section-header a:hover{opacity:1}.badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius);border:1px solid var(--border-hi);background:var(--surface2);color:var(--muted)}.badge-accent{border-color:rgba(77,240,212,.3);background:var(--cyan-dim);color:var(--cyan)}.badge-gold{border-color:rgba(201,168,76,.3);background:var(--gold-dim);color:var(--gold)}.badge-pink{border-color:rgba(217,79,138,.3);background:var(--pink-dim);color:var(--pink)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:var(--radius);font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;border:1px solid transparent;transition:all .2s;cursor:pointer;text-decoration:none}.btn-primary{background:rgba(77,240,212,.1);border-color:rgba(77,240,212,.35);color:var(--cyan)}.btn-primary:hover{background:rgba(77,240,212,.18);box-shadow:0 0 20px var(--cyan-glow)}.btn-ghost{background:transparent;border-color:var(--border-hi);color:var(--muted)}.btn-ghost:hover{border-color:rgba(255,255,255,.25);color:var(--text)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .25s cubic-bezier(.22,1,.36,1)}.card:hover{border-color:rgba(77,240,212,.2);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.5)}.thumb-wrap{position:relative;overflow:hidden;background:var(--surface2);aspect-ratio:16/9}.thumb-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover .thumb-wrap img{transform:scale(1.04)}.thumb-duration{position:absolute;bottom:8px;right:8px;background:rgba(7,8,13,.85);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);font-family:var(--font-mono);font-size:.65rem;color:var(--text);padding:2px 7px}.grid-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}@media (max-width:640px){.grid-videos{grid-template-columns:repeat(2,1fr);gap:8px}}.cat-pill{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:6px 14px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:1px;text-transform:uppercase;color:var(--muted);transition:all .15s;cursor:pointer;text-decoration:none}.cat-pill:hover{border-color:rgba(77,240,212,.35);color:var(--cyan);background:var(--cyan-dim)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-bar);background:rgba(7,8,13,.96);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:200;padding-bottom:env(safe-area-inset-bottom)}@media (max-width:768px){.bottom-nav{display:flex}}.bottom-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-family:var(--font-mono);font-size:.55rem;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:color .15s}.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--cyan)}.bottom-nav-icon{font-size:1.1rem;line-height:1}.hero-section{border:1px solid var(--border);background:linear-gradient(135deg,rgba(77,240,212,.04),transparent 60%);padding:40px 36px;margin-bottom:40px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(77,240,212,.4),transparent)}input,select{font-family:var(--font-mono);color:var(--text)}input::placeholder{color:var(--faint)}.page-content{padding-bottom:calc(var(--bottom-bar) + 16px)}@media (min-width:769px){.page-content{padding-bottom:60px}}