.code-page-wrapper[data-v-2cd49e06],.code-section[data-v-2cd49e06]{background-color:#fff}.code-section[data-v-2cd49e06]{min-height:100vh;padding:80px 2rem}.container[data-v-2cd49e06]{margin:0 auto;max-width:1200px}.projects-list[data-v-2cd49e06]{display:flex;flex-direction:column;gap:8rem}.project-card[data-v-2cd49e06]{align-items:center;display:grid;gap:5rem;grid-template-columns:1.2fr 1fr;position:relative}.project-card.reverse-layout[data-v-2cd49e06]{grid-template-columns:1fr 1.2fr}.project-card.reverse-layout .card-visual[data-v-2cd49e06]{order:2}.project-card.reverse-layout .project-content[data-v-2cd49e06]{order:1}.card-visual[data-v-2cd49e06]{perspective:1000px;position:relative;width:100%;z-index:1}.visual-decoration[data-v-2cd49e06]{pointer-events:none;position:absolute;z-index:-1}.blob-1[data-v-2cd49e06]{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:50%;filter:blur(60px);height:300px;opacity:.6;right:-50px;top:-50px;width:300px}.grid-1[data-v-2cd49e06]{background-image:radial-gradient(#cbd5e1 1px,transparent 0);background-size:20px 20px;height:100%;left:20px;opacity:.3;top:20px;width:100%;z-index:-1}.browser-mockup[data-v-2cd49e06]{background:#fff;border-radius:12px;box-shadow:0 20px 50px -12px #00000026,0 0 0 1px #0000000d;overflow:hidden;transform-style:preserve-3d;transition:transform .5s ease,box-shadow .5s ease}.modern-card:hover .browser-mockup[data-v-2cd49e06]{box-shadow:0 30px 60px -12px #00000026,0 0 0 1px #00000014;transform:translateY(-10px) rotateY(-2deg) rotateX(2deg)}.browser-header[data-v-2cd49e06]{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;padding:12px 16px}.browser-dots[data-v-2cd49e06]{display:flex;gap:8px}.dot[data-v-2cd49e06]{border-radius:50%;height:10px;width:10px}.dot.red[data-v-2cd49e06]{background:#ef4444}.dot.yellow[data-v-2cd49e06]{background:#f59e0b}.dot.green[data-v-2cd49e06]{background:#22c55e}.browser-address-bar[data-v-2cd49e06]{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#94a3b8;flex:1;font-size:.75rem;margin-left:20px;padding:4px 12px;text-align:center}.browser-content[data-v-2cd49e06]{aspect-ratio:16/10;overflow:hidden;position:relative;width:100%}.browser-content img[data-v-2cd49e06]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform .6s ease;width:100%}.modern-card:hover .browser-content img[data-v-2cd49e06]{transform:scale(1.02)}.image-overlay[data-v-2cd49e06]{align-items:center;background:#0f172a00;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:background .3s ease;width:100%}.modern-card:hover .image-overlay[data-v-2cd49e06]{background:#0f172a1a}.view-btn[data-v-2cd49e06]{background:#fff;border-radius:30px;box-shadow:0 10px 20px #0000001a;color:#1e293b;font-size:.9rem;font-weight:600;opacity:0;padding:10px 24px;transform:translateY(20px);transition:all .3s ease}.modern-card:hover .view-btn[data-v-2cd49e06]{opacity:1;transform:translateY(0)}.layered-visual[data-v-2cd49e06]{align-items:center;cursor:pointer;display:flex;height:350px;justify-content:center;position:relative;width:100%}.code-layer[data-v-2cd49e06]{left:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,0,.2,1);width:70%;z-index:1}.code-layer .console-window[data-v-2cd49e06]{border:1px solid #333;box-shadow:0 10px 30px #0003}.retro-card:hover .layered-visual:not(.swapped) .code-layer[data-v-2cd49e06]{transform:translate(-10px) translateY(-10px)}.layered-visual.swapped .code-layer[data-v-2cd49e06]{border-color:#666;box-shadow:0 20px 50px #00000080;transform:translate(30%) translateY(30%);width:80%;z-index:3}.video-layer[data-v-2cd49e06]{aspect-ratio:16/9;background:#000;border-radius:12px;bottom:0;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;overflow:hidden;position:absolute;right:0;transition:all .5s cubic-bezier(.4,0,.2,1);width:75%;z-index:2}.clean-video[data-v-2cd49e06]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.retro-card:hover .layered-visual:not(.swapped) .video-layer[data-v-2cd49e06]{box-shadow:0 30px 60px #0006,0 0 0 1px #fff3;transform:translate(5px) translateY(5px)}.layered-visual.swapped .video-layer[data-v-2cd49e06]{filter:blur(2px);opacity:.6;transform:translate(-20%) translateY(-20%) scale(.9);z-index:1}.click-hint[data-v-2cd49e06]{align-items:center;bottom:-30px;color:#94a3b8;display:flex;font-size:.8rem;gap:.5rem;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity .3s}.retro-card:hover .click-hint[data-v-2cd49e06]{opacity:1}.play-hint[data-v-2cd49e06]{display:none}.content-header[data-v-2cd49e06]{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.project-tags[data-v-2cd49e06]{display:flex;flex-wrap:wrap;gap:.8rem}.tag[data-v-2cd49e06]{border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.4rem .8rem;text-transform:uppercase}.tag-vue[data-v-2cd49e06]{background:#d1fae5;color:#047857}.tag-java[data-v-2cd49e06]{background:#ffedd5;color:#c2410c}.tag-docker[data-v-2cd49e06]{background:#e0f2fe;color:#0369a1}.tag-c[data-v-2cd49e06]{background:#f3f4f6;border:1px solid #cbd5e1;color:#475569}.tag-game[data-v-2cd49e06]{background:#fae8ff;color:#86198f}.year-badge[data-v-2cd49e06]{color:#94a3b8;font-family:Fira Code,monospace;font-size:.9rem;font-weight:600}.project-title[data-v-2cd49e06]{color:#333;font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 .5rem}.project-subtitle[data-v-2cd49e06]{color:#666;font-size:1rem;font-weight:500;margin:0 0 1.5rem}.project-desc[data-v-2cd49e06]{color:#666;font-size:1.05rem;line-height:1.8;margin-bottom:2rem}.project-desc strong[data-v-2cd49e06]{color:#333;font-weight:600}.project-desc code[data-v-2cd49e06]{background:#f1f5f9;border-radius:4px;color:#e11d48;font-family:Fira Code,monospace;font-size:.9em;padding:.15rem .4rem}.feature-grid[data-v-2cd49e06]{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.feature-item[data-v-2cd49e06]{align-items:center;background:#fafafa;border:1px solid transparent;border-radius:6px;display:flex;gap:.8rem;padding:.8rem;transition:all .3s ease}.feature-item[data-v-2cd49e06]:hover{background:#fff;border-color:#e8e8e8;box-shadow:0 4px 12px #0000000d;transform:translate(5px)}.feature-item i[data-v-2cd49e06]{color:#666;font-size:1rem}.feature-item span[data-v-2cd49e06]{color:#333;font-size:.9rem;font-weight:500}@media(max-width:1024px){.project-card[data-v-2cd49e06],.project-card.reverse-layout[data-v-2cd49e06]{gap:3rem;grid-template-columns:1fr}.card-visual[data-v-2cd49e06]{margin:0 auto;max-width:600px}.project-card.reverse-layout .card-visual[data-v-2cd49e06],.project-card.reverse-layout .project-content[data-v-2cd49e06]{order:0}}@media(max-width:768px){.code-section[data-v-2cd49e06]{padding:60px 1.5rem}.project-title[data-v-2cd49e06]{font-size:1.8rem}}.tag-js[data-v-2cd49e06]{background:#fef3c7;color:#92400e}.tag-mc[data-v-2cd49e06]{background:#dcfce7;color:#166534}.tag-mod[data-v-2cd49e06]{background:#ede9fe;color:#6b21a8}.mcpe-stack[data-v-2cd49e06]{height:550px;position:relative;width:100%}.stack-item[data-v-2cd49e06]{border-radius:10px;box-shadow:0 10px 30px #0003;cursor:pointer;overflow:hidden;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1)}.stack-item[data-v-2cd49e06]:hover{box-shadow:0 15px 40px #0000004d;transform:scale(1.02)}.stack-img1[data-v-2cd49e06]{background:#fff;height:320px;left:0;top:0;width:48%;z-index:1}.stack-img1 img[data-v-2cd49e06]{background:#f5f5f5;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}.stack-img2[data-v-2cd49e06]{background:#fff;height:320px;right:0;top:0;width:48%;z-index:2}.stack-img2 img[data-v-2cd49e06]{background:#f5f5f5;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}.stack-console[data-v-2cd49e06]{bottom:0;height:220px;left:0;width:100%;z-index:3}.console-window[data-v-2cd49e06]{display:flex;flex-direction:column;height:100%;width:100%}.console-header[data-v-2cd49e06]{align-items:center;background:#2d2d2d;border-bottom:1px solid #404040;display:flex;flex-shrink:0;padding:8px 12px}.console-dots[data-v-2cd49e06]{display:flex;gap:6px}.console-title[data-v-2cd49e06]{color:#888;margin-left:12px}.console-body[data-v-2cd49e06],.console-title[data-v-2cd49e06]{flex:1;font-family:Fira Code,monospace;font-size:.7rem}.console-body[data-v-2cd49e06]{background:#1e1e1e;line-height:1.4;max-height:180px;overflow-y:auto;padding:.8rem}.console-body pre[data-v-2cd49e06]{margin:0;white-space:pre}.console-body code[data-v-2cd49e06]{color:#9cdcfe}.console-body[data-v-2cd49e06]::-webkit-scrollbar{width:5px}.console-body[data-v-2cd49e06]::-webkit-scrollbar-track{background:#2d2d2d}.console-body[data-v-2cd49e06]::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.stack-item.is-front[data-v-2cd49e06]{box-shadow:0 25px 60px #0006;transform:scale(1.05);z-index:10!important}.mcpe-stack:has(.is-front) .stack-item[data-v-2cd49e06]:not(.is-front){filter:brightness(.8);opacity:.6}.stack-console.is-front[data-v-2cd49e06]{bottom:0;height:400px}.stack-console.is-front .console-body[data-v-2cd49e06]{max-height:360px}.stack-img1.is-front[data-v-2cd49e06],.stack-img2.is-front[data-v-2cd49e06]{height:450px;top:0;width:80%}.stack-img1.is-front[data-v-2cd49e06]{left:10%}.stack-img2.is-front[data-v-2cd49e06]{right:10%}@media(max-width:1024px){.mcpe-stack[data-v-2cd49e06]{height:480px}.stack-img1[data-v-2cd49e06],.stack-img2[data-v-2cd49e06]{height:260px;width:48%}.stack-console[data-v-2cd49e06]{height:200px;left:0;width:100%}}@media(max-width:768px){.mcpe-stack[data-v-2cd49e06]{height:420px}.stack-img1[data-v-2cd49e06],.stack-img2[data-v-2cd49e06]{height:200px}.console-body[data-v-2cd49e06]{font-size:.6rem;max-height:140px}.stack-console.is-front .console-body[data-v-2cd49e06]{max-height:280px}.stack-img1.is-front[data-v-2cd49e06],.stack-img2.is-front[data-v-2cd49e06]{height:350px;left:2.5%;right:2.5%;width:95%}}.zoom-hint[data-v-2cd49e06]{align-items:center;background:#0009;border-radius:50%;bottom:10px;color:#fff;display:flex;font-size:14px;height:36px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:10px;transition:opacity .3s;width:36px}.stack-item.is-front:hover .zoom-hint[data-v-2cd49e06]{opacity:1}.lightbox-overlay{align-items:center;animation:lightbox-fadeIn .2s ease;background:#000000e6;cursor:zoom-out;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}@keyframes lightbox-fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{cursor:default;max-height:95vh;max-width:95vw;position:relative}.lightbox-content img{border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:95vh;max-width:95vw;-o-object-fit:contain;object-fit:contain}.lightbox-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:0;top:-40px;transition:background .3s;width:36px}.lightbox-close:hover{background:#ffffff4d}