.buttonBox[data-v-daaf1593]{display:flex;gap:6px;padding:10px 18px;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:25px;color:#fff;font-family:Rajdhani,"Exo 2",sans-serif;font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:all .4s ease;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,0 0 0 1px #ffffff0d;align-items:center;justify-content:center;position:relative}.buttonBox[data-v-daaf1593]:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff1a);border-radius:26px;z-index:-1;opacity:.6}.nav-button[data-v-daaf1593]{padding:8px 14px;background:transparent;border:none;border-radius:15px;color:#ffffffe6;font-family:Rajdhani,"Exo 2",sans-serif;font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;position:relative;min-width:60px;justify-content:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.nav-button[data-v-daaf1593]:hover:not(.active){background:#ffffff1f;border:1px solid rgba(255,255,255,.2);transform:translateY(-1px);box-shadow:0 6px 20px #0003,0 0 15px #64c8ff33;color:#fff;text-shadow:0 0 8px rgba(100,200,255,.4)}.nav-button[data-v-daaf1593]:active:not(.active){transform:translateY(0);box-shadow:0 2px 6px #00000014}.nav-button.active[data-v-daaf1593]{background:linear-gradient(135deg,#64c8ff40,#50b4ff26);border:1px solid rgba(100,200,255,.4);color:#fff;font-weight:700;text-shadow:0 0 10px rgba(100,200,255,.8),0 0 20px rgba(100,200,255,.5),0 0 30px rgba(100,200,255,.3);box-shadow:0 0 20px #64c8ff4d,inset 0 0 15px #64c8ff33,0 6px 12px #0003;transform:none;cursor:default;position:relative}.nav-button.active[data-v-daaf1593]:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#64c8ff4d,#50b4ff33,#64c8ff4d);border-radius:18px;z-index:-1;filter:blur(6px);opacity:.5}.nav-button.active[data-v-daaf1593]:hover{background:linear-gradient(135deg,#64c8ff66,#50b4ff4d);border:1px solid rgba(100,200,255,.8);color:#fff;transform:none;box-shadow:0 0 15px #64c8ff80,inset 0 0 10px #64c8ff4d,0 4px 8px #0000001a}.nav-button.active[data-v-daaf1593]{animation:activePulse-daaf1593 2s ease-in-out infinite}@keyframes activePulse-daaf1593{0%,to{box-shadow:0 0 15px #64c8ff80,inset 0 0 10px #64c8ff4d,0 4px 8px #0000001a}50%{box-shadow:0 0 20px #64c8ffb3,inset 0 0 15px #64c8ff66,0 6px 12px #00000026}}.background[data-v-6b8447a3]{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:0;background:linear-gradient(to bottom,#0d0d0e 100% 100%);overflow:hidden}.blur-sphere[data-v-6b8447a3]{pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(80,180,255,.7) 0%,rgba(80,180,255,.2) 70%,transparent 100%);filter:blur(60px);animation:sphereTwinkle-6b8447a3 4s ease-in-out infinite alternate}@keyframes sphereTwinkle-6b8447a3{0%{opacity:.15;filter:blur(60px)}50%{opacity:.35;filter:blur(90px)}to{opacity:.18;filter:blur(60px)}}.basic-page-layout[data-v-6b8447a3]{height:100vh;overflow:hidden;position:relative}.transition-overlay[data-v-6b8447a3]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:none;align-items:center;justify-content:center;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transition-strips[data-v-6b8447a3]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.transition-strip[data-v-6b8447a3]{flex:1;height:100%;background:linear-gradient(45deg,#00ffff1a,#0096ff0d,#00ffff1a);border-left:1px solid rgba(0,255,255,.2);border-right:1px solid rgba(0,255,255,.2);transform:translateY(100%)}.transition-content[data-v-6b8447a3]{position:relative;text-align:center;color:#fff;z-index:1001}.transition-text[data-v-6b8447a3]{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:700;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.5);margin-bottom:2rem;letter-spacing:.2em}.transition-progress[data-v-6b8447a3]{width:200px;height:3px;background:#fff3;margin:0 auto;border-radius:2px;overflow:hidden;position:relative}.transition-progress[data-v-6b8447a3]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#0ff,#0080ff);transform:scaleX(0);transform-origin:left;box-shadow:0 0 10px #00ffff80}.page-transition-enter-active[data-v-6b8447a3],.page-transition-leave-active[data-v-6b8447a3]{transition:all .6s ease}.page-transition-enter-from[data-v-6b8447a3]{opacity:0;transform:translateY(30px)}.page-transition-leave-to[data-v-6b8447a3]{opacity:0;transform:translateY(-20px)}.header[data-v-6b8447a3]{position:relative;height:60px;display:flex;justify-content:center;align-items:center;padding:15px;z-index:100;min-width:100%;box-sizing:border-box}.corner-button[data-v-6b8447a3]{position:fixed;top:15px;padding:8px 16px;background:#ffffff14;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fff;font-family:Rajdhani,"Exo 2",sans-serif;font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:all .4s ease;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;z-index:101;display:flex;align-items:center;gap:6px;white-space:nowrap;max-width:calc(50vw - 200px);overflow:hidden}.jackieButton[data-v-6b8447a3]{left:15px}.musicButton[data-v-6b8447a3]{right:15px}.music-icon[data-v-6b8447a3]{font-size:16px;display:flex;align-items:center;flex-shrink:0}.music-text[data-v-6b8447a3],.button-text[data-v-6b8447a3]{font-size:12px;transition:opacity .3s ease}.music-text-short[data-v-6b8447a3],.button-text-short[data-v-6b8447a3]{font-size:12px;display:none;transition:opacity .3s ease}.corner-button[data-v-6b8447a3]:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 12px 40px #0006,0 0 20px #64c8ff4d,inset 0 1px #fff3;color:#fff;text-shadow:0 0 8px rgba(100,200,255,.6)}.corner-button[data-v-6b8447a3]:active{transform:translateY(0);box-shadow:0 2px 6px #00000014}.content[data-v-6b8447a3]{height:calc(100vh - 60px);position:relative;background:transparent;padding:0;color:#fff;font-size:16px;overflow-y:auto;overflow-x:hidden;z-index:10;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.content[data-v-6b8447a3]::-webkit-scrollbar{width:6px}.content[data-v-6b8447a3]::-webkit-scrollbar-track{background:transparent}.content[data-v-6b8447a3]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.content[data-v-6b8447a3]::-webkit-scrollbar-thumb:hover{background:#ffffff80}audio[data-v-6b8447a3]{display:none}@media (min-width: 1200px){.corner-button[data-v-6b8447a3]{max-width:none}}@media (max-width: 1199px) and (min-width: 900px){.corner-button[data-v-6b8447a3]{max-width:calc(50vw - 180px);padding:8px 14px;font-size:12px}}@media (max-width: 899px) and (min-width: 700px){.corner-button[data-v-6b8447a3]{max-width:calc(50vw - 150px);padding:6px 12px;font-size:11px;gap:4px}.jackieButton[data-v-6b8447a3]{left:10px}.musicButton[data-v-6b8447a3]{right:10px}}@media (max-width: 699px) and (min-width: 500px){.corner-button[data-v-6b8447a3]{max-width:calc(50vw - 120px);padding:6px 10px;font-size:10px;gap:3px}.jackieButton[data-v-6b8447a3]{left:8px}.musicButton[data-v-6b8447a3]{right:8px}.music-text[data-v-6b8447a3],.button-text[data-v-6b8447a3]{display:none}.music-text-short[data-v-6b8447a3],.button-text-short[data-v-6b8447a3]{display:inline}.transition-text[data-v-6b8447a3]{font-size:2rem}}@media (max-width: 499px){.corner-button[data-v-6b8447a3]{max-width:calc(50vw - 100px);padding:5px 8px;font-size:9px;gap:2px;border-radius:15px}.jackieButton[data-v-6b8447a3]{left:5px}.musicButton[data-v-6b8447a3]{right:5px}.music-text[data-v-6b8447a3],.button-text[data-v-6b8447a3]{display:none}.music-text-short[data-v-6b8447a3],.button-text-short[data-v-6b8447a3]{display:inline}.music-icon[data-v-6b8447a3]{font-size:14px}.transition-text[data-v-6b8447a3]{font-size:1.5rem}}@media (max-width: 380px){.corner-button[data-v-6b8447a3]{max-width:40px;padding:5px;gap:0;justify-content:center}.music-text[data-v-6b8447a3],.button-text[data-v-6b8447a3],.music-text-short[data-v-6b8447a3],.button-text-short[data-v-6b8447a3]{display:none}.jackieButton[data-v-6b8447a3]:after{content:"🏠";font-size:14px}.music-icon[data-v-6b8447a3]{font-size:14px}.transition-text[data-v-6b8447a3]{font-size:1.2rem}}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:"Exo 2",Rajdhani,Orbitron,sans-serif;font-weight:400;letter-spacing:.5px;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:Orbitron,"Exo 2",sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase}button,.nav-button,.corner-button{font-family:Rajdhani,"Exo 2",sans-serif!important;font-weight:500!important;letter-spacing:.8px!important;text-transform:uppercase!important}p,span,div{font-family:"Exo 2",sans-serif;font-weight:400;letter-spacing:.3px}.sci-fi-glow{text-shadow:0 0 5px rgba(100,200,255,.8),0 0 10px rgba(100,200,255,.6),0 0 15px rgba(100,200,255,.4)}.digital-display{font-family:Orbitron,monospace;font-weight:900;letter-spacing:2px;text-transform:uppercase}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;overflow:hidden}.loading-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.loading-sphere{pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(80,180,255,.7) 0%,rgba(80,180,255,.2) 70%,transparent 100%);filter:blur(60px);animation:sphereTwinkle 30s ease-in-out infinite alternate}@keyframes sphereTwinkle{0%{opacity:.12;filter:blur(60px)}50%{opacity:.25;filter:blur(90px)}to{opacity:.15;filter:blur(60px)}}.loading-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}.loading-line{width:300px;height:2px;background:linear-gradient(90deg,transparent 0%,#ffffff 50%,transparent 100%);margin:0 auto 20px;position:relative;box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;animation:linePulse 2s ease-in-out infinite}@keyframes linePulse{0%,to{opacity:.8;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.1)}}.loading-text{margin-bottom:30px}.loading-main{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:#fff;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(100,200,255,.6),0 0 30px rgba(100,200,255,.4)}.loading-dots{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:#fff;margin-left:5px}.dot{opacity:.3;transition:opacity .3s ease}.dot.active{opacity:1;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(100,200,255,.6)}.loading-subtitle{font-family:"Exo 2",sans-serif;font-size:16px;font-weight:400;color:#fffc;letter-spacing:1px;text-transform:uppercase;animation:subtitleGlow 3s ease-in-out infinite}@keyframes subtitleGlow{0%,to{opacity:.6}50%{opacity:1;text-shadow:0 0 15px rgba(100,200,255,.6)}}.tear-effect{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;pointer-events:none;color:#000}.tear-top{position:absolute;top:0;left:0;width:100%;height:50%;background:#000;animation:tearUp .8s ease-in-out forwards;transform-origin:bottom}.tear-bottom{position:absolute;bottom:0;left:0;width:100%;height:50%;background:#000;animation:tearDown .8s ease-in-out forwards;transform-origin:top}@keyframes tearUp{0%{transform:translateY(0) scaleY(1)}to{transform:translateY(-100%) scaleY(.8)}}@keyframes tearDown{0%{transform:translateY(0) scaleY(1)}to{transform:translateY(100%) scaleY(.8)}}.main-content{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1}.content-visible{opacity:1;animation:fadeIn .5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hobby-section[data-v-8f97d470]{width:100%;min-height:100vh;padding:4rem 2rem;background:linear-gradient(135deg,#2c3e50,#34495e,#2c3e50);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.hobby-title[data-v-8f97d470]{font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:700;color:#0ff;margin-bottom:4rem;text-shadow:0 0 20px rgba(0,255,255,.5);opacity:0}.hobby-container[data-v-8f97d470]{display:flex;gap:3rem;align-items:flex-end;justify-content:center;flex-wrap:wrap;max-width:1200px;width:100%}.hobby-box[data-v-8f97d470]{position:relative;width:250px;height:200px;border-radius:20px;cursor:pointer;transition:all .3s ease;opacity:0;overflow:visible;z-index:2}.sports-box[data-v-8f97d470]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 10px 30px #ff6b6b4d;transform:translateY(20px)}.music-box[data-v-8f97d470]{background:linear-gradient(135deg,#a55eea,#8b5cf6);box-shadow:0 10px 30px #a55eea4d;transform:translateY(-10px)}.games-box[data-v-8f97d470]{background:linear-gradient(135deg,#26de81,#20bf6b);box-shadow:0 10px 30px #26de814d;transform:translateY(15px)}.hobby-box[data-v-8f97d470]:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 20px 40px #0000004d}.box-content[data-v-8f97d470]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;text-align:center;position:relative;z-index:3}.box-content h3[data-v-8f97d470]{font-size:1.8rem;font-weight:600;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.box-icon[data-v-8f97d470]{font-size:3rem;opacity:.8}.word-cloud[data-v-8f97d470]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;display:flex;align-items:center;justify-content:center;z-index:10}.word-item[data-v-8f97d470]{position:absolute;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3);cursor:pointer;transition:all .3s ease;white-space:nowrap;background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.word-item[data-v-8f97d470]:hover{transform:scale(1.2)!important;background:#fff3;box-shadow:0 5px 15px #0000004d}.exploded[data-v-8f97d470]{background:transparent!important;box-shadow:none!important}@media (max-width: 768px){.hobby-container[data-v-8f97d470]{flex-direction:column;gap:2rem;align-items:center}.hobby-box[data-v-8f97d470]{width:200px;height:160px;transform:translateY(0)!important}.hobby-title[data-v-8f97d470]{font-size:2.5rem}.word-cloud[data-v-8f97d470]{width:300px;height:300px}}@media (max-width: 480px){.hobby-section[data-v-8f97d470]{padding:2rem 1rem}.hobby-box[data-v-8f97d470]{width:180px;height:140px}.word-cloud[data-v-8f97d470]{width:250px;height:250px}}.timeline-node[data-v-8622d1f0]{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 0 60px;cursor:pointer;transition:all .3s ease}.timeline-line[data-v-8622d1f0]{position:absolute;top:-30px;width:2px;height:30px;background:linear-gradient(to bottom,#00ffff4d,#0ff9);left:50%;transform:translate(-50%);z-index:1}.timeline-dot[data-v-8622d1f0]{position:relative;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s ease;z-index:2;cursor:pointer}.dot-inner[data-v-8622d1f0]{width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.node-icon[data-v-8622d1f0]{width:8px;height:8px;transition:all .3s ease}.dot-glow[data-v-8622d1f0]{position:absolute;inset:-5px;border-radius:50%;opacity:.6;animation:pulse-8622d1f0 2s infinite}@keyframes pulse-8622d1f0{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:.3}to{transform:scale(1);opacity:.6}}.timeline-dot.education[data-v-8622d1f0]{background:#3498db33;border:2px solid #3498db}.timeline-dot.education .dot-inner[data-v-8622d1f0]{background:#3498db}.timeline-dot.education.active[data-v-8622d1f0],.timeline-dot.education[data-v-8622d1f0]:hover{background:#3498db66;transform:scale(1.2);box-shadow:0 0 20px #3498db99}.timeline-dot.education .dot-glow[data-v-8622d1f0]{background:radial-gradient(circle,rgba(52,152,219,.4) 0%,transparent 70%)}.timeline-dot.work[data-v-8622d1f0]{background:#2ecc7133;border:2px solid #2ecc71}.timeline-dot.work .dot-inner[data-v-8622d1f0]{background:#2ecc71}.timeline-dot.work.active[data-v-8622d1f0],.timeline-dot.work[data-v-8622d1f0]:hover{background:#2ecc7166;transform:scale(1.2);box-shadow:0 0 20px #2ecc7199}.timeline-dot.work .dot-glow[data-v-8622d1f0]{background:radial-gradient(circle,rgba(46,204,113,.4) 0%,transparent 70%)}.timeline-dot.project[data-v-8622d1f0]{background:#9b59b633;border:2px solid #9b59b6}.timeline-dot.project .dot-inner[data-v-8622d1f0]{background:#9b59b6}.timeline-dot.project.active[data-v-8622d1f0],.timeline-dot.project[data-v-8622d1f0]:hover{background:#9b59b666;transform:scale(1.2);box-shadow:0 0 20px #9b59b699}.timeline-dot.project .dot-glow[data-v-8622d1f0]{background:radial-gradient(circle,rgba(155,89,182,.4) 0%,transparent 70%)}.timeline-dot.achievement[data-v-8622d1f0]{background:#f1c40f33;border:2px solid #f1c40f}.timeline-dot.achievement .dot-inner[data-v-8622d1f0]{background:#f1c40f}.timeline-dot.achievement.active[data-v-8622d1f0],.timeline-dot.achievement[data-v-8622d1f0]:hover{background:#f1c40f66;transform:scale(1.2);box-shadow:0 0 20px #f1c40f99}.timeline-dot.achievement .dot-glow[data-v-8622d1f0]{background:radial-gradient(circle,rgba(241,196,15,.4) 0%,transparent 70%)}.timeline-dot.future[data-v-8622d1f0]{background:#0ff3;border:2px solid #00ffff}.timeline-dot.future .dot-inner[data-v-8622d1f0]{background:#0ff}.timeline-dot.future.active[data-v-8622d1f0],.timeline-dot.future[data-v-8622d1f0]:hover{background:#0ff6;transform:scale(1.2);box-shadow:0 0 20px #0ff9}.timeline-dot.future .dot-glow[data-v-8622d1f0]{background:radial-gradient(circle,rgba(0,255,255,.4) 0%,transparent 70%)}@media (max-width: 768px){.timeline-node[data-v-8622d1f0]{margin-bottom:40px}.timeline-dot[data-v-8622d1f0]{width:16px;height:16px}.dot-inner[data-v-8622d1f0]{width:10px;height:10px}.node-icon[data-v-8622d1f0]{width:6px;height:6px}}.my-journey-container[data-v-91e23967]{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);position:relative;overflow:hidden}.page-connector[data-v-91e23967]{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100px;z-index:1}.connector-line[data-v-91e23967]{width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(0,255,255,.6) 50%,rgba(0,255,255,.3) 100%);transform-origin:top}.journey-content[data-v-91e23967]{display:flex;min-height:100vh;padding-top:80px}.content-display[data-v-91e23967]{flex:1;padding:2rem 3rem;display:flex;flex-direction:column}.content-header[data-v-91e23967]{margin-bottom:3rem}.journey-title[data-v-91e23967]{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:700;color:#0ff;margin-bottom:1rem;text-shadow:0 0 20px rgba(0,255,255,.5)}.title-underline[data-v-91e23967]{width:100px;height:3px;background:linear-gradient(90deg,#0ff,#0080ff);transform-origin:left;box-shadow:0 0 10px #00ffff80}.dynamic-content[data-v-91e23967]{flex:1;position:relative}.content-item[data-v-91e23967]{color:#fff;max-width:600px}.content-title[data-v-91e23967]{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:600;color:#0ff;margin-bottom:.5rem;text-shadow:0 0 10px rgba(0,255,255,.3)}.content-period[data-v-91e23967]{font-family:"Exo 2",sans-serif;font-size:1rem;color:#ffffffb3;margin-bottom:1.5rem;font-weight:500}.description-paragraph[data-v-91e23967]{font-size:1.1rem;line-height:1.8;color:#ffffffe6;margin-bottom:1rem}.content-highlights[data-v-91e23967]{margin-top:2rem;padding:1.5rem;background:#00ffff0d;border-left:3px solid #00ffff;border-radius:0 8px 8px 0}.content-highlights h4[data-v-91e23967]{color:#0ff;margin-bottom:1rem;font-family:Orbitron,sans-serif}.content-highlights ul[data-v-91e23967]{list-style:none;padding:0}.content-highlights li[data-v-91e23967]{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:#fffc}.content-highlights li[data-v-91e23967]:before{content:"▶";position:absolute;left:0;color:#0ff;font-size:.8rem}.content-placeholder[data-v-91e23967]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#ffffff80;text-align:center}.placeholder-icon[data-v-91e23967]{font-size:3rem;margin-bottom:1rem;opacity:.7}.content-fade-enter-active[data-v-91e23967],.content-fade-leave-active[data-v-91e23967]{transition:all .4s ease}.content-fade-enter-from[data-v-91e23967]{opacity:0;transform:translateY(20px)}.content-fade-leave-to[data-v-91e23967]{opacity:0;transform:translateY(-20px)}.navigation-controls[data-v-91e23967]{flex:0 0 80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 0;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(0,255,255,.1);border-right:1px solid rgba(0,255,255,.1)}.nav-button[data-v-91e23967]{width:50px;height:50px;border:2px solid #00ffff;background:#00ffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-button[data-v-91e23967]:not(.disabled):hover{background:#0ff3;transform:scale(1.1);box-shadow:0 0 20px #0ff6}.nav-button[data-v-91e23967]:not(.disabled):active{transform:scale(.95)}.nav-button.disabled[data-v-91e23967]{opacity:.3;cursor:not-allowed;border-color:#ffffff4d}.nav-button svg[data-v-91e23967]{width:24px;height:24px;color:#0ff;transition:color .3s ease}.nav-button.disabled svg[data-v-91e23967]{color:#ffffff4d}.nav-indicator[data-v-91e23967]{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-family:Orbitron,monospace;color:#0ff;font-size:.9rem;font-weight:600}.current-index[data-v-91e23967]{font-size:1.2rem;text-shadow:0 0 10px rgba(0,255,255,.5)}.total-count[data-v-91e23967]{font-size:.8rem;opacity:.7}.total-count[data-v-91e23967]:before{content:"/ "}.timeline-container[data-v-91e23967]{flex:0 0 300px;position:relative;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(0,255,255,.2)}.timeline-wrapper[data-v-91e23967]{height:100vh;overflow-y:auto;padding:2rem 0;scrollbar-width:none;-ms-overflow-style:none}.timeline-wrapper[data-v-91e23967]::-webkit-scrollbar{display:none}.timeline-track[data-v-91e23967]{display:flex;flex-direction:column;align-items:center;padding:2rem 0 4rem;min-height:calc(100vh + 200px)}.scroll-indicator[data-v-91e23967]{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.6}.scroll-text[data-v-91e23967]{font-family:"Exo 2",sans-serif;font-size:.8rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.scroll-arrow[data-v-91e23967]{font-size:1.2rem;color:#0ff;animation:scrollBounce-91e23967 2s infinite}@keyframes scrollBounce-91e23967{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media (max-width: 1024px){.journey-content[data-v-91e23967]{flex-direction:column}.content-display[data-v-91e23967]{padding:2rem}.journey-title[data-v-91e23967]{font-size:2.5rem}.timeline-container[data-v-91e23967]{flex:none;height:400px}.timeline-wrapper[data-v-91e23967]{height:400px}}@media (max-width: 768px){.content-display[data-v-91e23967]{padding:1.5rem}.journey-title[data-v-91e23967]{font-size:2rem}.content-title[data-v-91e23967]{font-size:1.5rem}.timeline-container[data-v-91e23967],.timeline-wrapper[data-v-91e23967]{height:300px}}.about-me-container[data-v-bf9dbde2]{position:relative;width:100%;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow-x:hidden;scroll-behavior:smooth;will-change:scroll-position}.content-wrapper[data-v-bf9dbde2]{display:flex;align-items:flex-start;gap:4rem;padding:6rem 4rem 4rem;max-width:1400px;margin:0 auto;opacity:0;transform:translateZ(0);backface-visibility:hidden}.section-wrapper[data-v-bf9dbde2]{transform:translateZ(0);backface-visibility:hidden;will-change:transform;transition:all .3s cubic-bezier(.4,0,.2,1)}.image-section[data-v-bf9dbde2]{flex:0 0 300px;position:sticky;top:6rem;transform:translateZ(0);backface-visibility:hidden}.image-container[data-v-bf9dbde2]{position:relative;width:300px;height:400px;transform:translateZ(0);backface-visibility:hidden}.image-container img[data-v-bf9dbde2]{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 20px 40px #0000004d;will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1)}.image-border[data-v-bf9dbde2]{position:absolute;inset:-10px;border:2px solid #00ffff;border-radius:25px;opacity:0;box-shadow:0 0 30px #00ffff4d;will-change:opacity,transform;transition:all .3s cubic-bezier(.4,0,.2,1)}.text-section[data-v-bf9dbde2]{flex:1;color:#fff;transform:translateZ(0);backface-visibility:hidden}.title[data-v-bf9dbde2]{font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:700;color:#0ff;margin-bottom:3rem;text-shadow:0 0 20px rgba(0,255,255,.5);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.char[data-v-bf9dbde2]{display:inline-block;opacity:0;will-change:opacity,transform}.main-content-box[data-v-bf9dbde2]{background:transparent;border:1px solid rgba(0,255,255,.3);border-radius:15px;padding:3rem;box-shadow:0 10px 30px #0003;opacity:0;min-height:500px;transform:translateZ(0);backface-visibility:hidden;will-change:opacity,transform}.content-text[data-v-bf9dbde2]{font-size:1.2rem;line-height:1.9;color:#fffffff2;white-space:pre-line;max-height:600px;overflow-y:auto;padding-right:1rem;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(0,255,255,.3) rgba(255,255,255,.1);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;will-change:scroll-position}.content-text[data-v-bf9dbde2]::-webkit-scrollbar{width:8px}.content-text[data-v-bf9dbde2]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.content-text[data-v-bf9dbde2]::-webkit-scrollbar-thumb{background:#0ff6;border-radius:4px;transition:background .2s cubic-bezier(.4,0,.2,1)}.content-text[data-v-bf9dbde2]::-webkit-scrollbar-thumb:hover{background:#0ff9}@media (max-width: 1024px){.content-wrapper[data-v-bf9dbde2]{flex-direction:column;align-items:center;gap:3rem;padding:4rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.image-section[data-v-bf9dbde2]{flex:none;position:static}.image-container[data-v-bf9dbde2]{width:250px;height:320px}.title[data-v-bf9dbde2]{font-size:2.8rem;text-align:center}.main-content-box[data-v-bf9dbde2]{min-height:400px}}@media (max-width: 768px){.content-wrapper[data-v-bf9dbde2]{padding:3rem 1.5rem}.image-container[data-v-bf9dbde2]{width:200px;height:260px}.title[data-v-bf9dbde2]{font-size:2.2rem;margin-bottom:2rem}.main-content-box[data-v-bf9dbde2]{padding:2rem;min-height:350px}.content-text[data-v-bf9dbde2]{font-size:1.1rem;line-height:1.8}}.contact_container[data-v-bd735b5c]{background:#111;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0}.contact_top[data-v-bd735b5c]{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:48px;margin-bottom:80px}.thanks[data-v-bd735b5c],.contact[data-v-bd735b5c]{color:#f5f5f5;font-size:1.5rem;font-weight:500;margin-bottom:12px;letter-spacing:.02em;text-align:center;background:none;border:none;box-shadow:none}.contact_bottom[data-v-bd735b5c]{width:80vw;max-width:900px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:absolute;left:50%;bottom:8vh;transform:translate(-50%)}.contact_ways1[data-v-bd735b5c]{background:none;border:none;box-shadow:none;color:#e0e0e0;font-size:1.1rem;min-width:180px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.contact_ways2[data-v-bd735b5c]{background:none;border:none;box-shadow:none;color:#e0e0e0;font-size:1.1rem;min-width:180px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:16px}.contact_item[data-v-bd735b5c]{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;transition:all .3s ease;width:100%;justify-content:space-between}.contact_item[data-v-bd735b5c]:hover{background:#ffffff0d;transform:translate(4px)}.contact_item span[data-v-bd735b5c]{font-size:1rem;color:#e0e0e0;font-weight:400}.icon_link[data-v-bd735b5c]{color:#888;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px}.icon_link[data-v-bd735b5c]:hover{color:#fff;background:#ffffff1a;transform:scale(1.1)}.contact_ways1 img[data-v-bd735b5c]{width:90px;height:90px;margin-top:10px;border-radius:12px;box-shadow:0 2px 12px #00000040}.divider[data-v-bd735b5c]{width:1.5px;height:120px;background:linear-gradient(to bottom,#ffffff14,#ffffff2e,#ffffff14);border-radius:1px;margin:0 32px;align-self:center}@media (max-width: 700px){.contact_bottom[data-v-bd735b5c]{flex-direction:column;align-items:center;bottom:4vh}.divider[data-v-bd735b5c]{width:80vw;height:1.5px;margin:24px 0}.contact_ways1[data-v-bd735b5c],.contact_ways2[data-v-bd735b5c]{min-width:120px;min-height:80px}.contact_item[data-v-bd735b5c]{justify-content:center;gap:8px}}.home-container[data-v-8a181b7a]{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000;margin:0;padding:0}.background-image[data-v-8a181b7a]{position:absolute;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;transition:transform .3s ease}.mask-container[data-v-8a181b7a]{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:2;pointer-events:none}.mask-strip[data-v-8a181b7a]{position:absolute;top:0;background:linear-gradient(to bottom,rgba(0,0,0,.1) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.1) 100%);border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);box-shadow:inset 2px 0 4px #0003,inset -2px 0 4px #0003;transition:transform .3s ease}.mask-strip[data-v-8a181b7a]:nth-child(odd){background:linear-gradient(to bottom,rgba(100,200,255,.05) 0%,transparent 20%,transparent 80%,rgba(100,200,255,.05) 100%)}.mask-strip[data-v-8a181b7a]:nth-child(2n){background:linear-gradient(to bottom,rgba(80,180,255,.05) 0%,transparent 20%,transparent 80%,rgba(80,180,255,.05) 100%)}.slogan-container[data-v-8a181b7a]{position:absolute;top:20%;left:50%;transform:translate(-50%);z-index:10;text-align:center}.slogan-text[data-v-8a181b7a]{font-family:Orbitron,Arial Black,sans-serif;font-size:clamp(2rem,6vw,4.5rem);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;text-shadow:0 0 20px rgba(255,255,255,.3)}.char[data-v-8a181b7a]{display:inline-block;position:relative;transition:transform .3s ease}.next-page[data-v-8a181b7a]{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:15;display:flex;align-items:center;justify-content:center;opacity:0}.next-page-content[data-v-8a181b7a]{text-align:center;color:#fff}.next-page-content h2[data-v-8a181b7a]{font-family:Orbitron,sans-serif;font-size:3rem;margin-bottom:1rem;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.5)}.next-page-content p[data-v-8a181b7a]{font-size:1.2rem;opacity:.8;margin-bottom:3rem}.scroll-hint[data-v-8a181b7a]{display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:0}.scroll-text[data-v-8a181b7a]{font-family:"Exo 2",sans-serif;font-size:.9rem;color:#fff9;letter-spacing:.5px;text-transform:uppercase}.scroll-arrow[data-v-8a181b7a]{font-size:1.5rem;color:#0ff;animation:bounce-8a181b7a 2s infinite;text-shadow:0 0 10px rgba(0,255,255,.5)}@keyframes bounce-8a181b7a{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.home-scroll-hint[data-v-8a181b7a]{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;transition:opacity .3s ease}.home-scroll-text[data-v-8a181b7a]{font-family:"Exo 2",sans-serif;font-size:.9rem;color:#ffffffb3;letter-spacing:1px;text-transform:lowercase;font-weight:300;text-shadow:0 0 10px rgba(255,255,255,.3)}.home-scroll-arrow[data-v-8a181b7a]{font-size:1.2rem;color:#fffc;animation:homeScrollBounce-8a181b7a 2s infinite;text-shadow:0 0 8px rgba(255,255,255,.4)}@keyframes homeScrollBounce-8a181b7a{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.scroll-trigger-area[data-v-8a181b7a]{position:absolute;top:0;left:0;width:100%;height:200vh;z-index:20;pointer-events:none}@media (max-width: 768px){.slogan-text[data-v-8a181b7a]{font-size:clamp(1.5rem,6vw,3rem);letter-spacing:.1em}.next-page-content h2[data-v-8a181b7a]{font-size:2rem}.next-page-content p[data-v-8a181b7a]{font-size:1rem;padding:0 2rem}.scroll-text[data-v-8a181b7a]{font-size:.8rem}.scroll-arrow[data-v-8a181b7a]{font-size:1.2rem}.home-scroll-text[data-v-8a181b7a]{font-size:.8rem}.home-scroll-arrow[data-v-8a181b7a]{font-size:1rem}}.card[data-v-ae44f540]{background-color:#f5f5f5;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;max-width:100%;margin:16px 0}.card[data-v-ae44f540]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.card_title[data-v-ae44f540]{margin:0}.card_title h2[data-v-ae44f540]{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 16px;line-height:1.4;letter-spacing:-.02em}.description[data-v-ae44f540]{color:#4a5568;font-size:1rem;line-height:1.6;margin:0;font-weight:400;letter-spacing:.01em}.github-link[data-v-ae44f540]{display:inline-flex;align-items:center;margin-left:8px;color:#4a5568;text-decoration:none;transition:all .3s ease;border-radius:4px;padding:4px;vertical-align:middle}.github-link[data-v-ae44f540]:hover{color:#0366d6;background-color:#0366d61a;transform:scale(1.1)}.github-icon[data-v-ae44f540]{width:18px;height:18px;transition:transform .3s ease}.github-link:hover .github-icon[data-v-ae44f540]{transform:rotate(5deg)}@media (max-width: 768px){.card[data-v-ae44f540]{padding:20px;margin:12px 0}.card_title h2[data-v-ae44f540]{font-size:1.3rem;margin-bottom:12px}.description[data-v-ae44f540]{font-size:.95rem}}@media (max-width: 480px){.card[data-v-ae44f540]{padding:16px}.card_title h2[data-v-ae44f540]{font-size:1.2rem}.description[data-v-ae44f540]{font-size:.9rem;line-height:1.5}}.card[data-v-d9ddc14f]{background-color:#f5f5f5;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;max-width:100%;margin:16px 0}.card[data-v-d9ddc14f]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.card_title[data-v-d9ddc14f]{margin:0}.card_title h2[data-v-d9ddc14f]{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 16px;line-height:1.4;letter-spacing:-.02em}.description[data-v-d9ddc14f]{color:#4a5568;font-size:1rem;line-height:1.6;margin:0;font-weight:400;letter-spacing:.01em}.github-link[data-v-d9ddc14f]{display:inline-flex;align-items:center;margin-left:8px;color:#4a5568;text-decoration:none;transition:all .3s ease;border-radius:4px;padding:4px;vertical-align:middle}.github-link[data-v-d9ddc14f]:hover{color:#0366d6;background-color:#0366d61a;transform:scale(1.1)}.github-icon[data-v-d9ddc14f]{width:18px;height:18px;transition:transform .3s ease}.github-link:hover .github-icon[data-v-d9ddc14f]{transform:rotate(5deg)}@media (max-width: 768px){.card[data-v-d9ddc14f]{padding:20px;margin:12px 0}.card_title h2[data-v-d9ddc14f]{font-size:1.3rem;margin-bottom:12px}.description[data-v-d9ddc14f]{font-size:.95rem}}@media (max-width: 480px){.card[data-v-d9ddc14f]{padding:16px}.card_title h2[data-v-d9ddc14f]{font-size:1.2rem}.description[data-v-d9ddc14f]{font-size:.9rem;line-height:1.5}}.card[data-v-098afd74]{background-color:#f5f5f5;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;max-width:100%;margin:16px 0}.card[data-v-098afd74]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.card_title[data-v-098afd74]{margin:0}.card_title h2[data-v-098afd74]{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 16px;line-height:1.4;letter-spacing:-.02em}.description[data-v-098afd74]{color:#4a5568;font-size:1rem;line-height:1.6;margin:0;font-weight:400;letter-spacing:.01em}.github-link[data-v-098afd74]{display:inline-flex;align-items:center;margin-left:8px;color:#4a5568;text-decoration:none;transition:all .3s ease;border-radius:4px;padding:4px;vertical-align:middle}.github-link[data-v-098afd74]:hover{color:#0366d6;background-color:#0366d61a;transform:scale(1.1)}.github-icon[data-v-098afd74]{width:18px;height:18px;transition:transform .3s ease}.github-link:hover .github-icon[data-v-098afd74]{transform:rotate(5deg)}@media (max-width: 768px){.card[data-v-098afd74]{padding:20px;margin:12px 0}.card_title h2[data-v-098afd74]{font-size:1.3rem;margin-bottom:12px}.description[data-v-098afd74]{font-size:.95rem}}@media (max-width: 480px){.card[data-v-098afd74]{padding:16px}.card_title h2[data-v-098afd74]{font-size:1.2rem}.description[data-v-098afd74]{font-size:.9rem;line-height:1.5}}.card[data-v-aaa047f8]{background-color:#f5f5f5;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;max-width:100%;margin:16px 0}.card[data-v-aaa047f8]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.card_title[data-v-aaa047f8]{margin:0}.card_title h2[data-v-aaa047f8]{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 16px;line-height:1.4;letter-spacing:-.02em}.description[data-v-aaa047f8]{color:#4a5568;font-size:1rem;line-height:1.6;margin:0;font-weight:400;letter-spacing:.01em}.github-link[data-v-aaa047f8]{display:inline-flex;align-items:center;margin-left:8px;color:#4a5568;text-decoration:none;transition:all .3s ease;border-radius:4px;padding:4px;vertical-align:middle}.github-link[data-v-aaa047f8]:hover{color:#0366d6;background-color:#0366d61a;transform:scale(1.1)}.github-icon[data-v-aaa047f8]{width:18px;height:18px;transition:transform .3s ease}.github-link:hover .github-icon[data-v-aaa047f8]{transform:rotate(5deg)}@media (max-width: 768px){.card[data-v-aaa047f8]{padding:20px;margin:12px 0}.card_title h2[data-v-aaa047f8]{font-size:1.3rem;margin-bottom:12px}.description[data-v-aaa047f8]{font-size:.95rem}}@media (max-width: 480px){.card[data-v-aaa047f8]{padding:16px}.card_title h2[data-v-aaa047f8]{font-size:1.2rem}.description[data-v-aaa047f8]{font-size:.9rem;line-height:1.5}}.works_container[data-v-41b5f0e2]{background-color:#767676;min-height:100vh;padding:40px 20px;position:relative}.title[data-v-41b5f0e2]{font-size:3.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:60px;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:-.02em;line-height:1.2;position:relative;z-index:10;transform:translateY(0);transition:transform .3s ease}.title[data-v-41b5f0e2]:hover{transform:translateY(-5px)}.cards-section[data-v-41b5f0e2]{position:relative;z-index:5;max-width:1200px;margin:0 auto;transform:translateY(-20px)}@media (max-width: 1024px){.title[data-v-41b5f0e2]{font-size:3rem;margin-bottom:50px}.cards-section[data-v-41b5f0e2]{transform:translateY(-15px)}}@media (max-width: 768px){.works_container[data-v-41b5f0e2]{padding:30px 15px}.title[data-v-41b5f0e2]{font-size:2.5rem;margin-bottom:40px}.cards-section[data-v-41b5f0e2]{transform:translateY(-10px)}}@media (max-width: 480px){.title[data-v-41b5f0e2]{font-size:2rem;margin-bottom:30px}.cards-section[data-v-41b5f0e2]{transform:translateY(-5px)}}