.project-details-container[data-v-91c6ea79]{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;pointer-events:none;opacity:0;z-index:1000;transition:opacity .3s ease}.project-details-container.open[data-v-91c6ea79]{opacity:1;pointer-events:all}.details-overlay[data-v-91c6ea79]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000814d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.details-panel[data-v-91c6ea79]{position:relative;width:90%;max-width:1400px;height:85vh;background:linear-gradient(135deg,#001845 0%,#00296b 100%);border:1px solid #00aaff;border-radius:8px;box-shadow:0 0 30px #00aaff4d;overflow:hidden;display:flex;flex-direction:column;transform:translateY(20px);animation:slideUp-91c6ea79 .4s ease forwards}@keyframes slideUp-91c6ea79{to{transform:translateY(0)}}.details-header[data-v-91c6ea79]{padding:20px 25px;background:rgba(0,10,30,.7);color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,170,255,.3)}.project-title[data-v-91c6ea79]{margin:0;font-size:1.8rem;font-weight:600;color:#0af;text-shadow:0 0 10px rgba(0,170,255,.5)}.close-button[data-v-91c6ea79]{background:none;border:none;color:#0af;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button[data-v-91c6ea79]:hover{background:rgba(0,170,255,.2)}.details-content[data-v-91c6ea79]{flex:1;display:flex;overflow:hidden}.details-gallery[data-v-91c6ea79]{width:60%;padding:25px;display:flex;flex-direction:column}.main-screenshot[data-v-91c6ea79]{flex:1;overflow:hidden;border-radius:6px;border:1px solid rgba(0,170,255,.5);background:rgba(0,10,30,.5);position:relative;display:flex;justify-content:center;align-items:center;min-height:300px;max-height:60vh;width:100%}.main-screenshot img[data-v-91c6ea79]{object-fit:contain;width:100%;height:100%;max-height:100%}.main-screenshot:hover img[data-v-91c6ea79]{transform:scale(1.02)}.thumbnail-nav[data-v-91c6ea79]{display:flex;margin-top:15px;gap:10px;justify-content:center}.thumbnail[data-v-91c6ea79]{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3);border:none;cursor:pointer;transition:all .2s ease}.thumbnail.active[data-v-91c6ea79]{background:#00aaff;box-shadow:0 0 8px #0afc}.details-info[data-v-91c6ea79]{width:40%;padding:25px;overflow-y:auto;color:#e0e0e0}.info-section[data-v-91c6ea79]{margin-bottom:25px}.info-section h3[data-v-91c6ea79]{color:#0af;margin-top:0;margin-bottom:12px;border-bottom:1px solid rgba(0,170,255,.3);padding-bottom:8px}.info-section p[data-v-91c6ea79]{line-height:1.6;margin:0}.tech-list[data-v-91c6ea79],.feature-list[data-v-91c6ea79]{list-style:none;padding:0;margin:0}.tech-list li[data-v-91c6ea79],.feature-list li[data-v-91c6ea79]{margin-bottom:8px;position:relative;padding-left:20px}.tech-list li[data-v-91c6ea79]:before,.feature-list li[data-v-91c6ea79]:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:#00aaff;border-radius:50%}.details-footer[data-v-91c6ea79]{padding:15px 25px;display:flex;justify-content:space-between;border-top:1px solid rgba(0,170,255,.3);background:rgba(0,10,30,.7)}.nav-button[data-v-91c6ea79]{background:rgba(0,170,255,.2);color:#0af;border:1px solid #00aaff;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500}.nav-button[data-v-91c6ea79]:hover{background:rgba(0,170,255,.4)}.prev-button[data-v-91c6ea79]{margin-right:auto}.next-button[data-v-91c6ea79]{margin-left:auto}.details-info[data-v-91c6ea79]::-webkit-scrollbar{width:8px}.details-info[data-v-91c6ea79]::-webkit-scrollbar-track{background:rgba(0,10,30,.5)}.details-info[data-v-91c6ea79]::-webkit-scrollbar-thumb{background:rgba(0,170,255,.5);border-radius:4px}.details-info[data-v-91c6ea79]::-webkit-scrollbar-thumb:hover{background:rgba(0,170,255,.7)}@media (max-width: 1200px){.details-content[data-v-91c6ea79]{flex-direction:column}.details-gallery[data-v-91c6ea79],.details-info[data-v-91c6ea79]{width:100%}.details-gallery[data-v-91c6ea79]{height:50%}}@media (max-width: 768px){.details-panel[data-v-91c6ea79]{width:95%;height:90vh}.project-title[data-v-91c6ea79]{font-size:1.5rem}}.main-screenshot[data-v-91c6ea79]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,170,255,.05) 50%);background-size:100% 4px;z-index:5;pointer-events:none;animation:flicker-91c6ea79 .2s infinite}.main-screenshot[data-v-91c6ea79]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,170,255,.03);opacity:0;z-index:6;pointer-events:none;animation:interference-91c6ea79 8s linear infinite}.scan-lines[data-v-91c6ea79]{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent 0%,rgba(0,170,255,.05) .5%,transparent 1%);z-index:7;pointer-events:none}@keyframes flicker-91c6ea79{0%{opacity:.97}3%{opacity:.8}6%{opacity:.97}7%{opacity:.9}8%{opacity:.97}9%{opacity:.95}10%{opacity:.98}20%{opacity:.94}50%{opacity:.98}60%{opacity:.9}70%{opacity:.98}80%{opacity:.94}97%{opacity:.93}98%{opacity:.5}to{opacity:.97}}@keyframes interference-91c6ea79{0%{opacity:0}10%{opacity:0}10.5%{opacity:.4}10.6%{opacity:0}20%{opacity:0}20.3%{opacity:.2}20.4%{opacity:0}30%{opacity:0}30.1%{opacity:.3}30.2%{opacity:0}59%{opacity:0}59.1%{opacity:.5}59.2%{opacity:0}59.3%{opacity:.3}59.4%{opacity:0}59.5%{opacity:.3}59.6%{opacity:0}99.9%{opacity:0}to{opacity:0}}.main-screenshot img[data-v-91c6ea79]:hover{filter:brightness(1.1) contrast(1.1)}@keyframes horizontalShift-91c6ea79{0%{transform:translate(0)}58%{transform:translate(0)}58.1%{transform:translate(5px)}58.2%{transform:translate(0)}58.3%{transform:translate(-5px)}58.4%{transform:translate(0)}to{transform:translate(0)}}.main-screenshot img[data-v-91c6ea79]{animation:horizontalShift-91c6ea79 15s infinite}.color-shift[data-v-91c6ea79]{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:hue;opacity:0;background:rgba(0,200,255,.5);z-index:4;pointer-events:none;animation:colorDistortion-91c6ea79 10s infinite}@keyframes colorDistortion-91c6ea79{0%{opacity:0}23%{opacity:0}23.1%{opacity:.3}23.6%{opacity:0}45%{opacity:0}45.1%{opacity:.2}45.4%{opacity:0}70%{opacity:0}70.1%{opacity:.4}70.6%{opacity:0}77%{opacity:0}77.1%{opacity:.2}77.3%{opacity:0}to{opacity:0}}.screenshot-placeholder[data-v-91c6ea79]{position:relative;overflow:hidden}.screenshot-placeholder[data-v-91c6ea79]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,rgba(0,170,255,.1) 50%);background-size:100% 4px;z-index:5;pointer-events:none;animation:flicker-91c6ea79 .15s infinite}.screenshot-placeholder span[data-v-91c6ea79]{position:relative;animation:textGlitch-91c6ea79 8s infinite}@keyframes textGlitch-91c6ea79{0%{text-shadow:0 0 10px rgba(0,170,255,.7)}1%{text-shadow:-3px 0 10px rgba(255,0,170,.7),3px 0 10px rgba(0,255,170,.7)}2%{text-shadow:0 0 10px rgba(0,170,255,.7)}40%{text-shadow:0 0 10px rgba(0,170,255,.7)}41%{text-shadow:2px 0 10px rgba(255,170,0,.7),-2px 0 10px rgba(0,170,255,.7)}42%{text-shadow:0 0 10px rgba(0,170,255,.7)}80%{text-shadow:0 0 10px rgba(0,170,255,.7)}81%{text-shadow:-2px 0 10px rgba(170,255,0,.7),2px 0 10px rgba(170,0,255,.7)}82%{text-shadow:0 0 10px rgba(0,170,255,.7)}to{text-shadow:0 0 10px rgba(0,170,255,.7)}}.main-screenshot.rewinding[data-v-91c6ea79]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent,rgba(0,170,255,.3),transparent);background-size:100% 10px;z-index:10;animation:rewindLines-91c6ea79 .5s linear}@keyframes rewindLines-91c6ea79{0%{background-position:0 0;opacity:1}to{background-position:0 100vh;opacity:.3}}.main-screenshot.rewinding img[data-v-91c6ea79]{animation:rewindDistort-91c6ea79 .5s}@keyframes rewindDistort-91c6ea79{0%{filter:brightness(1) blur(0);transform:scale(1) skew(0)}10%{filter:brightness(1.4) blur(1px);transform:scale(1.02) skew(-2deg)}30%{filter:brightness(1.2) blur(2px);transform:scale(1.01) skew(1deg)}60%{filter:brightness(1.3) blur(1px);transform:scale(1.03) skew(-1deg)}to{filter:brightness(1) blur(0);transform:scale(1) skew(0)}}.holographic-content[data-v-4b05a423]{position:relative;width:100%;height:100%;padding:20px;display:flex;flex-direction:column;color:#e0f7ff;font-family:Arial,sans-serif;background-color:#000a1e33;overflow:hidden}.screen-header[data-v-4b05a423]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,200,255,.5);margin-bottom:20px}.title[data-v-4b05a423]{font-size:1.5rem;font-weight:600;letter-spacing:2px;color:#60efff;text-shadow:0 0 10px rgba(0,160,255,.8)}.controls[data-v-4b05a423]{display:flex;align-items:center;gap:10px}.control-btn[data-v-4b05a423]{background:rgba(0,100,200,.5);border:1px solid rgba(0,200,255,.5);color:#e0f7ff;padding:5px 10px;cursor:pointer;transition:all .2s;border-radius:3px}.control-btn[data-v-4b05a423]:hover{background:rgba(0,150,255,.7)}.indicator[data-v-4b05a423]{display:flex;gap:5px}.indicator-dot[data-v-4b05a423]{width:10px;height:10px;border-radius:50%;background:rgba(0,150,255,.3);cursor:pointer;transition:all .2s}.indicator-dot.active[data-v-4b05a423]{background:rgba(0,200,255,.9);box-shadow:0 0 8px #00c8ffe6}.project-carousel[data-v-4b05a423]{position:relative;flex:1;overflow:hidden;perspective:1000px}.project-card[data-v-4b05a423]{position:absolute;width:90%;height:95%;left:5%;top:0;background:rgba(0,40,80,.7);border:1px solid rgba(0,200,255,.5);border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 20px #00b4ff80;transition:all .5s ease;padding:20px;overflow:hidden}.project-inner[data-v-4b05a423]{height:100%;display:flex;flex-direction:column;position:relative}.project-image[data-v-4b05a423]{width:100%;height:150px;background:rgba(0,60,120,.5);border-radius:8px;margin:15px 0;display:flex;justify-content:center;align-items:center;overflow:hidden}.image-placeholder[data-v-4b05a423]{font-size:3rem;color:#00c8ffb3;background:rgba(0,30,60,.6);width:100px;height:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;text-transform:uppercase}.project-card h2[data-v-4b05a423]{font-size:1.8rem;font-weight:300;margin-bottom:.5rem;color:#60efff;text-shadow:0 0 10px rgba(0,160,255,.8)}.project-card h3[data-v-4b05a423]{font-size:1.2rem;font-weight:300;margin-bottom:.5rem;color:#a0e7ff}.project-card p[data-v-4b05a423]{font-size:1rem;line-height:1.5;margin-bottom:1.5rem;color:#e0f7ff;flex:1}.tech-stack[data-v-4b05a423]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1.5rem}.tech-tag[data-v-4b05a423]{padding:6px 12px;background:rgba(0,100,200,.5);border-radius:20px;font-size:.9rem;border:1px solid rgba(0,200,255,.3)}.view-project-btn[data-v-4b05a423]{align-self:flex-start;padding:10px 20px;background:linear-gradient(to right,#0075ff,#00d4ff);border:none;border-radius:30px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #0096ff99}.view-project-btn[data-v-4b05a423]:hover{box-shadow:0 0 20px #00b4ffe6;transform:translateY(-2px)}.view-project-btn.current-project[data-v-4b05a423]{background:linear-gradient(to right,#00c176,#00f7c9);cursor:default}.view-project-btn.current-project[data-v-4b05a423]:hover{transform:none}.view-project-btn.disabled[data-v-4b05a423]{background:linear-gradient(to right,#607d8b,#90a4ae);opacity:.8;cursor:not-allowed}.view-project-btn.disabled[data-v-4b05a423]:hover{box-shadow:0 0 15px #607d8b99;transform:none}.details-btn[data-v-4b05a423]{background:linear-gradient(to right,#7700ff,#9e45ff)}.details-btn[data-v-4b05a423]:hover{box-shadow:0 0 20px #9646ffe6;transform:translateY(-2px)}.tooltip[data-v-4b05a423]{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:rgba(0,20,40,.9);border:1px solid rgba(0,200,255,.5);border-radius:5px;padding:10px 15px;color:#e0f7ff;font-size:.9rem;white-space:nowrap;z-index:200;box-shadow:0 0 15px #0096ff99;animation:fadeIn-4b05a423 .3s ease}.tooltip[data-v-4b05a423]:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0;border-style:solid;border-color:rgba(0,200,255,.5) transparent transparent}@keyframes fadeIn-4b05a423{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.screen-footer[data-v-4b05a423]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid rgba(0,200,255,.5);margin-top:20px;font-size:.85rem;color:#e0f7ffb3}.status[data-v-4b05a423]{color:#60efff}.system-info[data-v-4b05a423],.timestamp[data-v-4b05a423]{letter-spacing:1px}.active[data-v-4b05a423]{z-index:100;transform:translate(0) scale(1)!important;opacity:1!important}.button-container[data-v-4b05a423]{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.demo-btn[data-v-4b05a423]{background:linear-gradient(to right,#ff6b00,#ff9500)}.demo-btn[data-v-4b05a423]:hover{box-shadow:0 0 20px #ff9600e6;transform:translateY(-2px)}body.details-open{overflow:hidden}.test-container[data-v-6fb7d742]{width:100%;height:100vh;display:flex;flex-direction:row}.screen-display[data-v-6fb7d742]{min-width:620px;width:33%;height:100%;overflow:hidden;padding:20px;box-sizing:border-box;background-color:#001028}.threejs-view[data-v-6fb7d742]{flex:1;height:100%;position:relative;overflow:hidden}body{font-family:Arial,sans-serif;background-color:#000;color:#fff;overflow:auto}.app-container{position:relative;width:100%;height:100vh;overflow:hidden}.environment{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1}.scroll-container{position:relative;z-index:0;height:1000vh}.scroll-section{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.scroll-content{opacity:0}.scroll-instruction{opacity:.7;font-size:1.5rem;text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}:root{--primary-color: #00aaff;--secondary-color: #0055aa;--accent-color: #00ffaa;--bg-color: #000814;--text-color: #e0f7ff}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;height:100%;width:100%}body{overflow-y:auto;line-height:1.6}#app{height:100%;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.5)}::-webkit-scrollbar-thumb{background:rgba(0,150,255,.7);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(0,180,255,.9)}