@charset "UTF-8";:root{--bg-primary: #f0f0ff;--bg-secondary: #e0e0f5;--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--accent-pink: #ff6ec7;--accent-purple: #7b68ee;--accent-cyan: #00d4ff;--accent-yellow: #ffd700}[data-theme=dark]{--bg-primary: #0a0a1f;--bg-secondary: #1a1a3e;--text-primary: #f0f0ff;--text-secondary: #b0b0d0;--accent-pink: #ff6ec7;--accent-purple: #7b68ee;--accent-cyan: #00d4ff;--accent-yellow: #ffd700}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-secondary);padding:1rem 2rem;border-bottom:3px solid var(--accent-cyan);box-shadow:0 4px 20px #00d4ff4d}@media(max-width:768px){.header{padding:1rem}}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.glitch-text{font-size:2rem;font-weight:700;color:var(--accent-pink);text-shadow:2px 2px var(--accent-cyan),-2px -2px var(--accent-purple);position:relative;animation:glitch 3s infinite}@media(max-width:768px){.glitch-text{font-size:1.5rem}}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-2px,-2px)}}.filters{position:fixed;top:80px;left:0;right:0;z-index:999;background:var(--bg-secondary);padding:1rem 2rem;display:flex;justify-content:center;gap:1rem;border-bottom:2px solid var(--accent-pink);box-shadow:0 4px 15px #ff6ec733}@media(max-width:768px){.filters{padding:.75rem 1rem;gap:.5rem}}.filter-btn{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--accent-cyan);padding:.5rem 1.5rem;border-radius:25px;cursor:pointer;font-family:Courier New,monospace;font-weight:700;font-size:.9rem;transition:all .3s ease;text-transform:uppercase}.filter-btn:hover{background:var(--accent-cyan);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 15px #00d4ff66}.filter-btn.active{background:var(--accent-pink);border-color:var(--accent-pink);color:#fff;box-shadow:0 0 20px var(--accent-pink)}@media(max-width:768px){.filter-btn{padding:.4rem 1rem;font-size:.8rem}}#pixiContainer{margin-top:150px;min-height:calc(100vh - 150px)}#pixiContainer canvas{display:block}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a1fe6;backdrop-filter:blur(10px);z-index:2000;padding:2rem;overflow-y:auto}.modal.active{display:flex;justify-content:center;align-items:center}.modal-content{background:var(--bg-secondary);border:3px solid var(--accent-purple);border-radius:15px;padding:2rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 0 40px var(--accent-purple),0 0 80px #7b68ee4d}@media(max-width:768px){.modal-content{padding:1.5rem;border-radius:10px}}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--accent-pink);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px var(--accent-pink)}.project-detail h2{color:var(--accent-cyan);font-size:2rem;margin-bottom:1rem;text-shadow:2px 2px var(--accent-purple)}@media(max-width:768px){.project-detail h2{font-size:1.5rem}}.project-detail h3{color:var(--accent-pink);font-size:1.3rem;margin:1.5rem 0 .75rem}.project-meta{color:var(--text-secondary);margin-bottom:.5rem}.project-date{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.tech-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-badge{background:var(--accent-purple);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.85rem;font-weight:700}.project-content{line-height:1.8;margin-bottom:2rem}.project-content p{margin-bottom:1rem}.project-content ul,.project-content ol{margin-left:2rem;margin-bottom:1rem}.project-links{display:flex;gap:1rem;flex-wrap:wrap}.project-link{display:inline-block;background:var(--accent-cyan);color:var(--bg-primary);padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:700;transition:all .3s ease}.project-link:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00d4ff80;background:var(--accent-pink)}.easter-egg-char{position:fixed;bottom:-100px;right:20px;width:60px;height:60px;background:var(--accent-yellow);border-radius:50%;z-index:999;cursor:pointer;transition:all .3s ease}.easter-egg-char:before{content:"🌙";font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.easter-egg-char:hover{transform:scale(1.2) rotate(20deg);box-shadow:0 0 30px var(--accent-yellow)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-pink)}