:root{--bg: #020b14;--bg2: #03111f;--hud: #041828;--hud2: #061e30;--arc: #00c8ff;--arc-dim: rgba(0,200,255,.1);--arc-mid: rgba(0,200,255,.3);--arc-bright: rgba(0,200,255,.85);--gold: #ffa500;--gold-dim: rgba(255,165,0,.13);--green: #00ff88;--text: #b8e4f5;--muted: #3a6a85;--border: rgba(0,200,255,.14);--border-h: rgba(0,200,255,.45);--glow: 0 0 20px rgba(0,200,255,.4), 0 0 40px rgba(0,200,255,.15);--glow-sm: 0 0 10px rgba(0,200,255,.5);--glow-gold: 0 0 15px rgba(255,165,0,.5);--sidebar-w: 240px;--header-h: 58px;--cat-ai: #00c8ff;--cat-logo: #ff6b9d;--cat-funnel: #ffa500;--cat-landing: #00ff88;--cat-api: #a78bfa;--cat-gbp: #f7c948;--cat-wa: #25D366;--cat-art: #ff6b6b;--cat-mcp: #00cec9;--cat-skills: #7C6EFA}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Rajdhani,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;cursor:crosshair;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,200,255,.012) 2px,rgba(0,200,255,.012) 4px)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zM28 100L0 84V50l28-16 28 16v34L28 100z' fill='none' stroke='%2300c8ff' stroke-width='0.5'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--arc);box-shadow:var(--glow-sm)}.progress-bar{position:fixed;top:0;left:0;right:0;height:2px;background:#00c8ff14;z-index:9999}.progress-fill{height:100%;background:linear-gradient(to right,var(--arc),var(--gold));box-shadow:var(--glow-sm);width:0%;transition:width .1s linear}.hdr{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:#020b14eb;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 20px;gap:18px;z-index:100;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.hdr:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--arc),var(--gold),transparent);opacity:.5}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;white-space:nowrap}.logo-mark{width:28px;height:28px;border:1.5px solid var(--arc);display:grid;grid-template-columns:1fr 1fr;gap:2.5px;padding:5px;box-shadow:var(--glow-sm);clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);background:var(--arc-dim)}.logo-mark b{background:var(--arc);border-radius:1px;display:block}.logo-mark b:nth-child(2){opacity:.4}.logo-mark b:nth-child(3){opacity:.4}.logo-mark b:nth-child(4){opacity:.15}.logo-text{font-family:Orbitron,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.12em;color:var(--text);text-transform:uppercase}.logo-text em{color:var(--arc);font-style:normal;text-shadow:var(--glow-sm)}.status-chip{display:flex;align-items:center;gap:7px;border:1px solid var(--arc-mid);background:var(--arc-dim);padding:4px 11px;font-family:Share Tech Mono,monospace;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--arc);clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);flex-shrink:0}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:blink 1.5s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.search-wrap{flex:1;max-width:380px;position:relative}.search-wrap svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-wrap input{width:100%;background:var(--hud);border:1px solid var(--border);border-radius:0;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);padding:7px 14px 7px 34px;color:var(--text);font-family:Share Tech Mono,monospace;font-size:.75rem;letter-spacing:.05em;outline:none;transition:border-color .2s,box-shadow .2s}.search-wrap input::placeholder{color:var(--muted)}.search-wrap input:focus{border-color:var(--arc);box-shadow:var(--glow-sm);background:var(--hud2)}.hdr-end{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}.data-tag{font-family:Share Tech Mono,monospace;font-size:.62rem;letter-spacing:.1em;color:var(--muted);padding:3px 10px;border:1px solid var(--border);clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);background:var(--hud)}.data-tag span{color:var(--arc)}.hdr-btn{width:30px;height:30px;border:1px solid var(--border);background:var(--hud);clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .15s,border-color .15s,box-shadow .15s}.hdr-btn:hover{color:var(--arc);border-color:var(--arc);box-shadow:var(--glow-sm)}.burger{display:none;width:30px;height:30px;border:1px solid var(--border);background:var(--hud);clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);cursor:pointer;align-items:center;justify-content:center;color:var(--muted)}.shell{display:flex;padding-top:var(--header-h);min-height:100vh;position:relative;z-index:1}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:#03111ff2;border-right:1px solid var(--border);position:fixed;top:var(--header-h);left:0;bottom:0;overflow-y:auto;padding:20px 12px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--arc),transparent);opacity:.3}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:39;background:#000000b3;backdrop-filter:blur(4px)}.sb-sec{margin-bottom:22px}.sb-label{font-family:Share Tech Mono,monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 8px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.sb-label:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--border),transparent)}.sb-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;margin-bottom:2px;border:1px solid transparent;background:transparent;color:var(--muted);font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.04em;cursor:pointer;text-align:left;transition:all .15s;clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%)}.sb-item:hover{background:var(--arc-dim);border-color:var(--border);color:var(--arc)}.sb-item.active{background:var(--arc-dim);border-color:var(--arc-mid);color:var(--arc);box-shadow:inset 0 0 12px #00c8ff0d}.sb-dot{width:6px;height:6px;flex-shrink:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.sb-n{margin-left:auto;font-family:Share Tech Mono,monospace;font-size:.65rem;color:var(--muted);letter-spacing:.05em}.sb-item.active .sb-n{color:var(--arc)}.lvl-row{display:flex;flex-wrap:wrap;gap:5px;padding:0 2px}.lvl-chip{font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;padding:4px 10px;letter-spacing:.08em;border:1px solid var(--border);background:var(--hud);cursor:pointer;transition:all .15s;color:var(--muted);clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%)}.lvl-chip[data-lvl="101"]{color:#4ecdc4}.lvl-chip[data-lvl="201"]{color:#00c8ff}.lvl-chip[data-lvl="301"]{color:orange}.lvl-chip[data-lvl="401"]{color:#ff6b6b}.lvl-chip[data-lvl="501"]{color:#a78bfa}.lvl-chip.active{border-color:currentColor;background:#00c8ff14;box-shadow:0 0 8px currentColor;text-shadow:0 0 8px currentColor}.main{flex:1;margin-left:var(--sidebar-w);padding:24px 24px 60px;min-width:0}.main-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.main-title{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text);display:flex;align-items:center;gap:10px}.main-title:before{content:"//";color:var(--arc);font-size:.7rem;text-shadow:var(--glow-sm)}.main-meta{font-family:Share Tech Mono,monospace;font-size:.68rem;color:var(--muted);letter-spacing:.08em}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px}.card{background:var(--hud);border:1px solid var(--border);display:flex;flex-direction:column;cursor:pointer;position:relative;overflow:hidden;transition:background .25s,border-color .25s,box-shadow .25s;animation:cardIn .35s cubic-bezier(.16,1,.3,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card:hover{background:var(--hud2);border-color:var(--arc-mid);box-shadow:0 0 20px #00c8ff0f}.card-inner{padding:20px;flex:1;display:flex;flex-direction:column}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-cat{font-family:Share Tech Mono,monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.card-lvl{font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.08em;padding:2px 9px;border:1px solid currentColor;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);background:#0000004d}.card-title{font-family:Orbitron,sans-serif;font-size:.88rem;font-weight:700;line-height:1.3;color:var(--text);margin-bottom:10px;letter-spacing:-.01em}.card:hover .card-title{color:var(--arc);text-shadow:var(--glow-sm)}.card-desc{font-family:Rajdhani,sans-serif;font-size:.88rem;color:var(--muted);line-height:1.6;flex:1;margin-bottom:14px;font-weight:400}.card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}.tag{font-family:Share Tech Mono,monospace;font-size:.6rem;letter-spacing:.06em;padding:2px 8px;color:var(--muted);border:1px solid var(--border);background:#00c8ff0a;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%)}.card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border)}.card-date{font-family:Share Tech Mono,monospace;font-size:.62rem;color:var(--muted);letter-spacing:.05em}.open-btn{font-family:Orbitron,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--arc);background:var(--arc-dim);border:1px solid var(--arc-mid);padding:5px 13px;cursor:pointer;transition:all .15s;clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%)}.open-btn:hover{background:var(--arc);color:var(--bg);box-shadow:var(--glow-sm)}.empty{padding:80px 20px;text-align:center;color:var(--muted);background:var(--hud);border:1px solid var(--border);grid-column:1 / -1}.empty svg{margin:0 auto 18px;display:block;opacity:.15}.empty h3{font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:.1em;color:var(--text);margin-bottom:10px}.empty p{font-family:Share Tech Mono,monospace;font-size:.72rem;line-height:1.8}.empty code{color:var(--arc)}.viewer{position:fixed;inset:0;z-index:200;display:none;flex-direction:column;background:var(--bg)}.viewer.open{display:flex}.viewer-bar{height:var(--header-h);background:#020b14f7;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 18px;flex-shrink:0}.viewer-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--arc),transparent);opacity:.4}.back-btn{display:flex;align-items:center;gap:7px;font-family:Orbitron,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);background:var(--hud);padding:6px 13px;cursor:pointer;transition:all .15s;clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%)}.back-btn:hover{color:var(--arc);border-color:var(--arc);box-shadow:var(--glow-sm)}.viewer-sep{width:1px;height:18px;background:var(--border)}.viewer-title{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--arc);text-shadow:var(--glow-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-frame{flex:1;width:100%;border:none}@media (max-width: 768px){.search-wrap{max-width:none;flex:1}.status-chip,.data-tag{display:none}.burger{display:flex}.sidebar{transform:translate(-100%);z-index:40;width:260px;min-width:260px}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main{margin-left:0;padding:18px 14px 60px}.grid{grid-template-columns:1fr}}@media (max-width: 480px){.hdr{padding:0 12px;gap:10px}.logo-text{display:none}.main{padding:14px 10px 60px}}