*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;min-height:100vh;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;background-color:#0000;background-image:radial-gradient(at 20% 20%,#667eea26 0%,#0000 50%),radial-gradient(at 80% 80%,#764ba226 0%,#0000 50%),radial-gradient(#667eea14 0%,#0000 60%),linear-gradient(135deg,#0a081a 0%,#1a1535 25%,#0f0c29 50%,#1a1535 75%,#0a081a 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:fixed;inset:0}body:after{content:"";z-index:-1;background-image:linear-gradient(#667eea08 1px,#0000 1px),linear-gradient(90deg,#667eea08 1px,#0000 1px);background-size:50px 50px;animation:40s linear infinite gridMove;position:fixed;inset:0}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}.stars-container{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.star{background:#fffc;border-radius:50%;animation:3s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.glow-orbs{pointer-events:none;z-index:-2;position:fixed;inset:0;overflow:hidden}.glow-orb{filter:blur(60px);opacity:.4;border-radius:50%;animation:15s ease-in-out infinite floatGlow;position:absolute}.glow-orb:first-child{background:radial-gradient(circle,#667eea99 0%,#0000 70%);width:300px;height:300px;animation-delay:0s;top:-100px;left:-100px}.glow-orb:nth-child(2){background:radial-gradient(circle,#764ba280 0%,#0000 70%);width:250px;height:250px;animation-delay:-5s;bottom:-80px;right:-80px}.glow-orb:nth-child(3){background:radial-gradient(circle,#667eea66 0%,#0000 70%);width:200px;height:200px;animation-delay:-10s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatGlow{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.1)}50%{transform:translate(-20px,30px)scale(.9)}75%{transform:translate(20px,20px)scale(1.05)}}#app{z-index:1;width:100%;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(#667eea 0%,#764ba2 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#764ba2 0%,#667eea 100%)}.navbar[data-v-21334f40]{z-index:1000;background:0 0;width:100%;padding:1rem 0;transition:all .3s;position:fixed;top:0;left:0}.navbar-scrolled[data-v-21334f40]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0c29f2;box-shadow:0 4px 20px #0000004d}.navbar .container[data-v-21334f40]{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo[data-v-21334f40]{align-items:center;gap:.5rem;display:flex}.logo-icon[data-v-21334f40]{width:28px;height:28px}.logo-text[data-v-21334f40]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700}.nav-links[data-v-21334f40]{gap:2rem;list-style:none;display:flex}.nav-links a[data-v-21334f40]{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a[data-v-21334f40]:hover{color:#667eea}.hero[data-v-21334f40]{align-items:center;min-height:100vh;padding:6rem 0;display:flex;position:relative;overflow:hidden}.hero-content[data-v-21334f40]{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-left[data-v-21334f40]{justify-content:center;display:flex}.hero-image-wrapper[data-v-21334f40]{position:relative}.hero-image[data-v-21334f40]{border-radius:50%;width:300px;height:300px;position:relative;overflow:hidden;box-shadow:0 20px 60px #667eea4d}.hero-image img[data-v-21334f40]{object-fit:cover;width:100%;height:100%}.image-glow[data-v-21334f40]{z-index:-1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;animation:3s ease-in-out infinite glow-21334f40;position:absolute;inset:-10px}@keyframes glow-21334f40{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.hero-right[data-v-21334f40]{padding:2rem}.hero-title[data-v-21334f40]{margin-bottom:1.5rem}.title-line[data-v-21334f40]{color:#ffffffb3;margin-bottom:.5rem;font-size:1rem;display:block}.hero-title h1[data-v-21334f40]{margin-bottom:.5rem;font-size:3rem;font-weight:700}.title-highlight[data-v-21334f40]{color:#667eea;font-size:1.2rem;font-weight:500;display:block}.hero-description[data-v-21334f40]{color:#fffc;margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.hero-contact[data-v-21334f40]{gap:2rem;margin-bottom:2rem;display:flex}.contact-item[data-v-21334f40]{color:#fffc;align-items:center;gap:.5rem;display:flex}.contact-icon[data-v-21334f40]{font-size:1.2rem}.hero-buttons[data-v-21334f40]{gap:1rem;display:flex}.btn[data-v-21334f40]{cursor:pointer;border:none;border-radius:50px;padding:.8rem 2rem;font-size:1rem;font-weight:500;transition:all .3s}.btn-primary[data-v-21334f40]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-primary[data-v-21334f40]:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}.btn-secondary[data-v-21334f40]{color:#fff;background:0 0;border:2px solid #ffffff4d}.btn-secondary[data-v-21334f40]:hover{color:#667eea;border-color:#667eea}.hero-particles[data-v-21334f40]{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle[data-v-21334f40]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;animation:linear infinite floatUp-21334f40;position:absolute;bottom:-20px}@keyframes floatUp-21334f40{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)rotate(720deg)}}.container[data-v-21334f40]{max-width:1200px;margin:0 auto;padding:4rem 2rem}.section-header[data-v-21334f40]{text-align:center;margin-bottom:3rem}.section-title[data-v-21334f40]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.section-subtitle[data-v-21334f40]{color:#fff9;font-size:1.1rem}.skills-grid[data-v-21334f40]{grid-template-columns:repeat(6,1fr);gap:1rem;display:grid}.skill-card[data-v-21334f40]{text-align:center;background:#ffffff0d;border-radius:12px;padding:1rem;transition:all .3s}.skill-card[data-v-21334f40]:hover{background:#667eea33;transform:translateY(-3px)}.skill-icon svg[data-v-21334f40]{color:#667eea;width:32px;height:32px;margin-bottom:.5rem}.skill-name[data-v-21334f40]{margin-bottom:.5rem;font-size:.9rem;font-weight:500}.skill-level[data-v-21334f40]{align-items:center;gap:.3rem;display:flex}.level-bar[data-v-21334f40]{background:#ffffff1a;border-radius:2px;flex:1;height:4px;overflow:hidden}.level-fill[data-v-21334f40]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;height:100%;transition:width 1s}.level-text[data-v-21334f40]{color:#667eea;font-size:.7rem}.portfolio-grid[data-v-21334f40]{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.portfolio-card[data-v-21334f40]{cursor:pointer;background:#ffffff0d;border-radius:20px;transition:all .4s;overflow:hidden}.portfolio-card[data-v-21334f40]:hover{transform:translateY(-12px);box-shadow:0 25px 50px #667eea33}.portfolio-image[data-v-21334f40]{aspect-ratio:16/9;position:relative;overflow:hidden}.portfolio-image img[data-v-21334f40]{object-fit:cover;width:100%;height:100%;transition:transform .3s}.portfolio-card:hover .portfolio-image img[data-v-21334f40]{transform:scale(1.1)}.portfolio-overlay[data-v-21334f40]{opacity:0;background:linear-gradient(#0000,#667eeacc);align-items:flex-end;padding:1rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-overlay[data-v-21334f40]{opacity:1}.overlay-content h3[data-v-21334f40]{margin-bottom:.25rem;font-size:1.2rem}.overlay-content p[data-v-21334f40]{color:#fffc;font-size:.9rem}.portfolio-info[data-v-21334f40]{padding:1.5rem}.portfolio-info h3[data-v-21334f40]{margin-bottom:.5rem;font-size:1.2rem}.portfolio-info p[data-v-21334f40]{color:#fff9;margin-bottom:1rem;font-size:.9rem}.portfolio-tags[data-v-21334f40]{flex-wrap:wrap;gap:.5rem;display:flex}.tag[data-v-21334f40]{color:#667eea;background:#667eea33;border-radius:20px;padding:.25rem .75rem;font-size:.8rem}.timeline[data-v-21334f40]{padding-left:2rem;position:relative}.timeline[data-v-21334f40]:before{content:"";background:linear-gradient(#667eea 0%,#764ba2 100%);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item[data-v-21334f40]{margin-bottom:3rem;padding-left:2rem;position:relative}.timeline-dot[data-v-21334f40]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:3px solid #0f0c29;border-radius:50%;width:20px;height:20px;position:absolute;top:0;left:-2.1rem}.timeline-content[data-v-21334f40]{background:#ffffff0d;border-radius:16px;padding:1.5rem}.timeline-header[data-v-21334f40]{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.timeline-header h3[data-v-21334f40]{font-size:1.2rem}.timeline-date[data-v-21334f40]{color:#667eea;font-size:.9rem}.timeline-description[data-v-21334f40]{color:#ffffffb3;margin-bottom:1rem}.timeline-responsibilities[data-v-21334f40]{margin-bottom:1rem;list-style:none}.timeline-responsibilities li[data-v-21334f40]{color:#fffc;padding:.5rem 0 .5rem 1.5rem;position:relative}.timeline-responsibilities li[data-v-21334f40]:before{content:"•";color:#667eea;position:absolute;left:0}.timeline-achievements[data-v-21334f40]{margin-top:1rem}.achievement-tag[data-v-21334f40]{color:#667eea;background:linear-gradient(135deg,#667eea33 0%,#764ba233 100%);border-radius:8px;padding:.5rem 1rem;font-size:.9rem;display:inline-block}.education-grid[data-v-21334f40]{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.education-card[data-v-21334f40]{text-align:center;background:#ffffff0d;border-radius:16px;padding:2rem}.education-icon[data-v-21334f40]{margin-bottom:1rem;font-size:3rem}.education-card h3[data-v-21334f40]{margin-bottom:.5rem;font-size:1.3rem}.education-major[data-v-21334f40]{color:#667eea;margin-bottom:.5rem;font-weight:500}.education-date[data-v-21334f40]{color:#fff9;margin-bottom:1.5rem}.education-courses h4[data-v-21334f40]{color:#fffc;margin-bottom:.75rem;font-size:1rem}.education-courses ul[data-v-21334f40]{list-style:none}.education-courses li[data-v-21334f40]{color:#fff9;padding:.3rem 0;font-size:.9rem}.contact-content[data-v-21334f40]{justify-content:center;display:flex}.contact-info[data-v-21334f40]{flex-direction:column;gap:1.5rem;width:100%;max-width:600px;display:flex}.intro-card[data-v-21334f40]{background:#ffffff0d;border-radius:16px;padding:1.5rem;line-height:1.8}.intro-card h3[data-v-21334f40]{color:#667eea;margin-bottom:1rem}.intro-card p[data-v-21334f40]{color:#fffc;margin-bottom:.75rem}.intro-card p[data-v-21334f40]:last-child{margin-bottom:0}.contact-card[data-v-21334f40]{background:#ffffff0d;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.contact-icon-large[data-v-21334f40]{font-size:2rem}.contact-card h4[data-v-21334f40]{color:#ffffffb3;margin-bottom:.25rem}.contact-card p[data-v-21334f40]{color:#fff}.footer[data-v-21334f40]{text-align:center;background:#0000004d;padding:2rem}.footer p[data-v-21334f40]{color:#ffffff80;margin-bottom:.5rem}.footer p[data-v-21334f40]:last-child{margin-bottom:0;font-size:.9rem}.lightbox[data-v-21334f40]{z-index:2000;background:#000000e6;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.lightbox-content[data-v-21334f40]{max-width:90%;max-height:90vh;position:relative}.lightbox-close[data-v-21334f40]{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:-40px;right:0}.lightbox-content img[data-v-21334f40]{border-radius:12px;max-width:100%;max-height:80vh}.lightbox-info[data-v-21334f40]{text-align:center;margin-top:1rem}.lightbox-info h3[data-v-21334f40]{margin-bottom:.5rem}.lightbox-info p[data-v-21334f40]{color:#ffffffb3}.lightbox-prev[data-v-21334f40],.lightbox-next[data-v-21334f40]{color:#fff;cursor:pointer;z-index:10;background:#667eeacc;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev[data-v-21334f40]:hover,.lightbox-next[data-v-21334f40]:hover{background:#667eea;transform:translateY(-50%)scale(1.1)}.lightbox-prev[data-v-21334f40]{left:-60px}.lightbox-next[data-v-21334f40]{right:-60px}.lightbox-counter[data-v-21334f40]{color:#fff;background:#000000b3;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;position:absolute;top:10px;right:10px}.lightbox-thumbnails[data-v-21334f40]{justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.thumbnail-btn[data-v-21334f40]{cursor:pointer;border:2px solid #0000;border-radius:8px;width:60px;height:60px;transition:all .3s;overflow:hidden}.thumbnail-btn img[data-v-21334f40]{object-fit:cover;width:100%;height:100%}.thumbnail-btn[data-v-21334f40]:hover{border-color:#667eea;transform:scale(1.1)}.thumbnail-btn.active[data-v-21334f40]{border-color:#667eea;box-shadow:0 0 10px #667eea80}@media (width<=768px){.nav-links[data-v-21334f40]{display:none}.hero-content[data-v-21334f40]{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-image[data-v-21334f40]{width:220px;height:220px}.hero-title h1[data-v-21334f40]{font-size:2rem}.hero-title[data-v-21334f40]{margin-bottom:1rem}.hero-description[data-v-21334f40]{font-size:1rem;line-height:1.6}.hero-contact[data-v-21334f40]{flex-wrap:wrap;justify-content:center;gap:1.5rem}.hero-buttons[data-v-21334f40]{flex-wrap:wrap;justify-content:center;gap:.75rem}.btn[data-v-21334f40]{padding:.7rem 1.5rem;font-size:.9rem}.skills-grid[data-v-21334f40]{grid-template-columns:repeat(3,1fr);gap:.75rem}.skill-card[data-v-21334f40]{padding:.75rem}.skill-icon svg[data-v-21334f40]{width:24px;height:24px}.skill-name[data-v-21334f40]{font-size:.8rem}.portfolio-grid[data-v-21334f40]{grid-template-columns:1fr;gap:1.5rem}.portfolio-image[data-v-21334f40]{aspect-ratio:4/3}.portfolio-info[data-v-21334f40]{padding:1rem}.portfolio-info h3[data-v-21334f40]{font-size:1.1rem}.portfolio-info p[data-v-21334f40]{font-size:.85rem}.timeline[data-v-21334f40]{padding-left:1rem}.timeline-item[data-v-21334f40]{margin-bottom:2rem;padding-left:1.5rem}.timeline-dot[data-v-21334f40]{width:16px;height:16px;left:-1.6rem}.timeline-header[data-v-21334f40]{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-header h3[data-v-21334f40]{font-size:1.1rem}.timeline-content[data-v-21334f40]{padding:1rem}.timeline-responsibilities li[data-v-21334f40]{padding:.4rem 0 .4rem 1rem;font-size:.9rem}.contact-content[data-v-21334f40]{grid-template-columns:1fr}.intro-card[data-v-21334f40]{padding:1rem}.intro-card p[data-v-21334f40]{font-size:.9rem;line-height:1.6}.contact-card[data-v-21334f40]{gap:.75rem;padding:.75rem}.contact-icon-large[data-v-21334f40]{font-size:1.5rem}.lightbox[data-v-21334f40]{padding:1rem}.lightbox-content[data-v-21334f40]{max-width:100%;max-height:95vh}.lightbox-content img[data-v-21334f40]{max-height:60vh}.lightbox-prev[data-v-21334f40],.lightbox-next[data-v-21334f40]{width:40px;height:40px;font-size:1.5rem}.lightbox-prev[data-v-21334f40]{left:-50px}.lightbox-next[data-v-21334f40]{right:-50px}.lightbox-close[data-v-21334f40]{font-size:1.2rem;top:-35px}.lightbox-thumbnails[data-v-21334f40]{gap:.5rem}.thumbnail-btn[data-v-21334f40]{width:50px;height:50px}.container[data-v-21334f40]{padding:2rem 1rem}.section-header[data-v-21334f40]{margin-bottom:2rem}.section-title[data-v-21334f40]{font-size:1.8rem}.section-subtitle[data-v-21334f40]{font-size:1rem}}