.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--navbar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);transition:var(--transition);animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar.scrolled{background:var(--navbar-bg-scrolled);box-shadow:var(--shadow-sm)}:root[data-theme=light] .navbar{background:#f6f1f9cc}:root[data-theme=light] .navbar.scrolled{background:#f6f1f9f2}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-right{display:flex;align-items:center;gap:1rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:#8747c21a;color:var(--primary-color);cursor:pointer;transition:var(--transition);padding:.5rem}.theme-toggle:hover{background:#8747c233;transform:scale(1.1) rotate(15deg);color:var(--accent-color)}.theme-toggle svg{width:20px;height:20px}.nav-logo{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:var(--primary-color);cursor:pointer;transition:var(--transition)}.nav-logo:hover{transform:scale(1.05)}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center}.nav-menu li a{text-decoration:none;color:var(--text-primary);font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:8px;transition:var(--transition);position:relative}.nav-menu li a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.nav-menu li a:hover:after,.nav-menu li a.active:after{width:80%}.nav-menu li a:hover,.nav-menu li a.active{color:var(--primary-color);background:#8747c226}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-menu-toggle span{width:25px;height:3px;background:var(--text-primary);border-radius:2px;transition:var(--transition)}@media (max-width: 768px){.theme-toggle{width:36px;height:36px;padding:.4rem}.theme-toggle svg{width:18px;height:18px}.mobile-menu-toggle{display:flex}.nav-menu{position:fixed;top:70px;left:0;right:0;flex-direction:column;background:var(--navbar-menu-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;gap:1rem;transform:translate(-100%);transition:transform .3s ease;box-shadow:var(--shadow-md);border-top:1px solid var(--border-color)}.nav-menu.active{transform:translate(0)}.nav-menu li{width:100%}.nav-menu li a{display:block;width:100%;text-align:center;padding:1rem}}.shuffle-text{display:inline-block;font-family:Playfair Display,serif;font-weight:700;letter-spacing:.02em}.interactive-card-wrapper{display:flex;align-items:center;justify-content:center;padding:2rem;flex-shrink:0}.interactive-card{position:relative;width:360px;height:480px;cursor:pointer;perspective:1500px;transition:transform .3s ease;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.interactive-card.hovered{transform:scale(1.02)}.interactive-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;--rotate-x: 0deg;--rotate-y: 0deg;--translate-z: 0px;--flip-y: 0deg;transform:perspective(1500px) translateZ(var(--translate-z)) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) rotateY(var(--flip-y));will-change:transform;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.interactive-card.flipped .interactive-card-inner{--flip-y: 180deg;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.interactive-card-face{position:absolute;width:100%;height:100%;border-radius:24px;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d}.interactive-card-back{transform:rotateY(180deg)}.interactive-card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);transition:background 4s linear}:root[data-theme=dark] .interactive-card-gradient{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}:root[data-theme=light] .interactive-card-gradient{background:linear-gradient(135deg,#a78bfa,#8b5cf6,#c084fc)}.interactive-card-gradient.animated{animation:gradientShift 4s linear infinite}@keyframes gradientShift{0%{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}33%{background:linear-gradient(135deg,#f093fb,#667eea,#764ba2)}66%{background:linear-gradient(135deg,#764ba2,#f093fb,#667eea)}to{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}}:root[data-theme=light] .interactive-card-gradient.animated{animation:gradientShiftLight 4s linear infinite}@keyframes gradientShiftLight{0%{background:linear-gradient(135deg,#a78bfa,#8b5cf6,#c084fc)}33%{background:linear-gradient(135deg,#c084fc,#a78bfa,#8b5cf6)}66%{background:linear-gradient(135deg,#8b5cf6,#c084fc,#a78bfa)}to{background:linear-gradient(135deg,#a78bfa,#8b5cf6,#c084fc)}}.interactive-card-glass{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff1a;border-radius:24px}:root[data-theme=light] .interactive-card-glass{background:#fff3}.particle-container{position:absolute;pointer-events:none}.particle-glow{position:absolute;border-radius:50%;animation:particlePulse 2s ease-in-out infinite}.particle-main{position:absolute;border-radius:50%;transition:box-shadow 1.5s ease-in-out}@keyframes particlePulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.interactive-glow{position:absolute;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);filter:blur(48px);pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.interactive-card-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;color:#fff;z-index:10;padding:1.5rem;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.interactive-card-content::-webkit-scrollbar{display:none}.interactive-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;font-size:.875rem;opacity:.8}.interactive-card-photo{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;animation:photoFloat 3s ease-in-out infinite}@keyframes photoFloat{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}.interactive-card-photo-frame{width:192px;height:192px;border-radius:50%;background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:4px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;overflow:hidden}.interactive-card-image{width:100%;height:100%;object-fit:cover}.interactive-card-info{background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.interactive-card-name{display:flex;align-items:center;gap:.75rem;animation:namePulse 2s ease-in-out infinite}@keyframes namePulse{0%,to{opacity:.9}50%{opacity:1}}.interactive-card-name h3{font-size:1.5rem;margin:0;font-weight:600}.interactive-card-subtitle{font-size:.875rem;opacity:.9}.interactive-card-hint{font-size:.75rem;opacity:.6;text-align:center;margin-top:.75rem;margin-bottom:0;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.4}50%{opacity:.8}}.interactive-card-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;border:4px solid rgba(255,255,255,.5);animation:ripple 1.5s ease-out infinite}@keyframes ripple{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.2);opacity:0}}.interactive-card-back-gradient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px}:root[data-theme=dark] .interactive-card-back-gradient{background:linear-gradient(135deg,#ffe5e5,#ffd4a3,#fff0d4)}:root[data-theme=light] .interactive-card-back-gradient{background:linear-gradient(135deg,#fef3c7,#fde68a,#fcd34d)}.interactive-card-back-content{color:#1f2937;min-height:0;padding-bottom:1rem}:root[data-theme=light] .interactive-card-back-content{color:#374151}.interactive-card-majors,.interactive-card-hobbies{margin-bottom:1rem;flex-shrink:0}.interactive-card-majors h4,.interactive-card-hobbies h4{font-size:.875rem;opacity:.7;margin-bottom:.5rem;font-weight:500}.interactive-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.interactive-card-major-card{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border-radius:16px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.interactive-card-major-card:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 8px 12px #00000026}.major-math{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.major-math:hover{transform:scale(1.05) rotate(-2deg)}.major-icon{font-size:1.5rem;margin-bottom:.25rem}.interactive-card-hobby-card{border-radius:16px;padding:.75rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease;cursor:pointer;font-size:.875rem}.interactive-card-hobby-card:hover{transform:scale(1.05)}.hobby-photo{background:#fbbf24}.hobby-read{background:#f9a8d4}.hobby-robot{background:#93c5fd}.hobby-lang{background:#fde047;grid-column:1 / -1}.hobby-icon{font-size:1.25rem}.interactive-card-shadow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;z-index:-10;filter:blur(32px);opacity:.5;transition:all .3s ease}:root[data-theme=dark] .interactive-card-shadow{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}:root[data-theme=light] .interactive-card-shadow{background:linear-gradient(135deg,#a78bfa,#8b5cf6,#c084fc)}.interactive-card-shadow.flipped{background:linear-gradient(135deg,#ffd4a3,#ffe5e5,#fff0d4)}:root[data-theme=light] .interactive-card-shadow.flipped{background:linear-gradient(135deg,#fef3c7,#fde68a,#fcd34d)}.interactive-card.hovered .interactive-card-shadow{transform:scale(1.1);opacity:.7}@media (max-width: 768px){.interactive-card-wrapper{padding:1rem;width:100%;display:flex;align-items:center;justify-content:center}.interactive-card{width:320px;height:426px;margin:0 auto}.interactive-card-content{padding:1rem;gap:.5rem}.interactive-card-photo-frame{width:160px;height:160px}.interactive-card-name h3{font-size:1.25rem}.interactive-card-majors,.interactive-card-hobbies{margin-bottom:.75rem}.interactive-card-majors h4,.interactive-card-hobbies h4{font-size:.75rem;margin-bottom:.375rem}.interactive-card-grid{gap:.5rem}.interactive-card-major-card{padding:.75rem}.major-icon{font-size:1.25rem;margin-bottom:.125rem}.interactive-card-hobby-card{padding:.5rem;font-size:.75rem}.hobby-icon{font-size:1rem}.interactive-card-hint{font-size:.625rem;margin-top:.5rem;margin-bottom:.5rem}.interactive-card-back-content{padding-bottom:.75rem}}@media (max-width: 480px){.interactive-card-wrapper{padding:.75rem}.interactive-card{width:100%;max-width:300px;height:400px}}.about-section{background:linear-gradient(135deg,var(--background-100) 0%,var(--background-50) 100%);position:relative;overflow:hidden}.animated-background{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.4;z-index:0;background:radial-gradient(circle at 20% 50%,rgba(135,71,194,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(158,89,222,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(190,150,227,.1) 0%,transparent 50%);animation:backgroundPulse 20s ease-in-out infinite}@keyframes backgroundPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.6}}:root[data-theme=light] .animated-background{opacity:.2;background:radial-gradient(circle at 20% 50%,rgba(135,71,194,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(158,89,222,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(190,150,227,.05) 0%,transparent 50%)}.about-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.about-card-wrapper{display:flex;align-items:flex-start;gap:3rem;position:relative}.about-text{flex:1;min-width:0}.about-title{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.greeting{font-size:1.5rem;font-weight:400;color:var(--text-secondary);font-family:Inter,sans-serif;animation:fadeIn .6s ease-out;display:inline-block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.name{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;display:inline-block;animation:fadeInUp .8s ease-out}.pronunciation{font-size:1.1rem;color:var(--text-secondary);font-style:italic;margin-bottom:2rem;padding-left:.5rem}.about-description{font-size:1.1rem;line-height:1.8;color:var(--text-primary);animation:fadeInUp 1s ease-out .3s both}.about-description p{margin-bottom:1.5rem}.about-description strong{color:var(--primary-color);font-weight:600}.school-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-weight:600;transition:var(--transition);padding:.25rem .5rem;border-radius:6px}.school-link:hover{background:#8747c233;transform:translateY(-2px)}.inline-logo{height:1.2em;width:auto;vertical-align:middle}@media (max-width: 768px){.about-card-wrapper{flex-direction:column;align-items:center;gap:2rem;width:100%}.about-text{padding-left:0}.name{font-size:2.5rem}.greeting{font-size:1.25rem}.about-description{font-size:1rem}}.projects-section{background:var(--bg-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.project-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;padding:0;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);cursor:pointer}.project-card-inner{padding:2rem;position:relative;z-index:2;transition:transform .5s cubic-bezier(.4,0,.2,1)}.project-card.expanded{transform:scale(1.05);z-index:10;box-shadow:0 20px 60px #8747c266,0 0 80px #9e59de4d,inset 0 0 40px #8747c21a;border-color:var(--primary-color);animation:cardExpand .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes cardExpand{0%{transform:scale(1);box-shadow:var(--shadow-md)}50%{transform:scale(1.08)}to{transform:scale(1.05)}}.project-card.expanded .project-card-inner{transform:translateY(-10px)}.projects-section.visible .project-card{animation:fadeInUp .6s ease-out forwards}.projects-section.visible .project-card:nth-child(1){animation-delay:.1s}.projects-section.visible .project-card:nth-child(2){animation-delay:.2s}.projects-section.visible .project-card:nth-child(3){animation-delay:.3s}.projects-section.visible .project-card:nth-child(4){animation-delay:.4s}.projects-section.visible .project-card:nth-child(5){animation-delay:.5s}.projects-section.visible .project-card:nth-child(6){animation-delay:.6s}.projects-section.visible .project-card:nth-child(7){animation-delay:.7s}.projects-section.visible .project-card:nth-child(8){animation-delay:.8s}.projects-section.visible .project-card:nth-child(9){animation-delay:.9s}.projects-section.visible .project-card:nth-child(10){animation-delay:1s}.projects-section.visible .project-card:nth-child(11){animation-delay:1.1s}.projects-section.visible .project-card:nth-child(12){animation-delay:1.2s}.projects-section.visible .project-card:nth-child(13){animation-delay:1.3s}.projects-section.visible .project-card:nth-child(14){animation-delay:1.4s}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.project-card:hover:before{transform:scaleX(1)}.project-card:not(.expanded):hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-lg);border-color:transparent}.project-card.expanded:hover{transform:scale(1.08)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:relative}.project-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;padding:4px}.project-icon-wrapper:after{content:"";position:absolute;width:64px;height:64px;border-radius:16px;z-index:-1;opacity:0;transition:var(--transition)}:root[data-theme=dark] .project-icon-wrapper:after,:root:not([data-theme]) .project-icon-wrapper:after{opacity:.4}.project-icon-wrapper:before{content:"";position:absolute;width:56px;height:56px;border-radius:12px;opacity:.3;z-index:0;transition:var(--transition);filter:blur(0)}:root[data-theme=dark] .project-icon-wrapper:before,:root:not([data-theme]) .project-icon-wrapper:before{width:60px;height:60px;border-radius:14px;opacity:.7}.project-card:nth-child(1) .project-icon-wrapper:before{background:linear-gradient(135deg,#0288d1,#0297e6);box-shadow:0 4px 12px #0288d166}:root[data-theme=dark] .project-card:nth-child(1) .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(1) .project-icon-wrapper:before{background:linear-gradient(135deg,#4fc3f7,#81d4fa);box-shadow:0 4px 16px #4fc3f799,0 0 20px #4fc3f766}.project-card:nth-child(2) .project-icon-wrapper:before{background:linear-gradient(135deg,#00897b,#00acc1);box-shadow:0 4px 12px #00897b66}.project-card:nth-child(3) .project-icon-wrapper:before{background:linear-gradient(135deg,var(--accent-pink),var(--accent-pink-light));box-shadow:0 4px 12px #f48fb166}.project-card:nth-child(4) .project-icon-wrapper:before{background:linear-gradient(135deg,var(--accent-amber),var(--accent-amber-light));box-shadow:0 4px 12px #ffb74d66}.project-card:nth-child(5) .project-icon-wrapper:before{background:linear-gradient(135deg,#0277bd,#0288d1);box-shadow:0 4px 12px #0277bd66}.project-card:nth-child(6) .project-icon-wrapper:before{background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));box-shadow:0 4px 12px #9e59de66}.project-card:nth-child(7) .project-icon-wrapper:before{background:linear-gradient(135deg,#0288d1,#0297e6);box-shadow:0 4px 12px #0288d166}.project-card:nth-child(8) .project-icon-wrapper:before{background:linear-gradient(135deg,#00897b,#00acc1);box-shadow:0 4px 12px #00897b66}.project-card:nth-child(9) .project-icon-wrapper:before{background:linear-gradient(135deg,var(--accent-pink),var(--accent-pink-light));box-shadow:0 4px 12px #f48fb166}.project-card:nth-child(10) .project-icon-wrapper:before{background:linear-gradient(135deg,var(--accent-amber),var(--accent-amber-light));box-shadow:0 4px 12px #ffb74d66}.project-card:nth-child(11) .project-icon-wrapper:before{background:linear-gradient(135deg,#0277bd,#0288d1);box-shadow:0 4px 12px #0277bd66}.project-card:nth-child(12) .project-icon-wrapper:before{background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));box-shadow:0 4px 12px #9e59de66}.project-card:nth-child(13) .project-icon-wrapper:before{background:linear-gradient(135deg,#0288d1,#0297e6);box-shadow:0 4px 12px #0288d166}:root[data-theme=dark] .project-card:nth-child(2) .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(2) .project-icon-wrapper:before{background:linear-gradient(135deg,#4dd0e1,#80deea);box-shadow:0 4px 16px #4dd0e199,0 0 20px #4dd0e166}:root[data-theme=dark] .project-card:nth-child(3) .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(3) .project-icon-wrapper:before{background:linear-gradient(135deg,#f48fb1,#f8bbd0);box-shadow:0 4px 16px #f48fb199,0 0 20px #f48fb166}:root[data-theme=dark] .project-card:nth-child(4) .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(4) .project-icon-wrapper:before{background:linear-gradient(135deg,#ffb74d,#ffcc80);box-shadow:0 4px 16px #ffb74d99,0 0 20px #ffb74d66}:root[data-theme=dark] .project-card:nth-child(5) .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(5) .project-icon-wrapper:before{background:linear-gradient(135deg,#81d4fa,#4fc3f7);box-shadow:0 4px 16px #81d4fa99,0 0 20px #81d4fa66}:root[data-theme=dark] .project-card:nth-child(6) .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(6) .project-icon-wrapper:before{background:linear-gradient(135deg,#9e59de,#be96e3);box-shadow:0 4px 16px #9e59de99,0 0 20px #9e59de66}:root[data-theme=dark] .project-card:nth-child(7) .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(7) .project-icon-wrapper:before{background:linear-gradient(135deg,#4fc3f7,#81d4fa);box-shadow:0 4px 16px #4fc3f799,0 0 20px #4fc3f766}:root[data-theme=dark] .project-card:nth-child(8) .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(8) .project-icon-wrapper:before{background:linear-gradient(135deg,#4dd0e1,#80deea);box-shadow:0 4px 16px #4dd0e199,0 0 20px #4dd0e166}:root[data-theme=dark] .project-card:nth-child(9) .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(9) .project-icon-wrapper:before{background:linear-gradient(135deg,#f48fb1,#f8bbd0);box-shadow:0 4px 16px #f48fb199,0 0 20px #f48fb166}:root[data-theme=dark] .project-card:nth-child(10) .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(10) .project-icon-wrapper:before{background:linear-gradient(135deg,#ffb74d,#ffcc80);box-shadow:0 4px 16px #ffb74d99,0 0 20px #ffb74d66}:root[data-theme=dark] .project-card:nth-child(11) .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(11) .project-icon-wrapper:before{background:linear-gradient(135deg,#81d4fa,#4fc3f7);box-shadow:0 4px 16px #81d4fa99,0 0 20px #81d4fa66}:root[data-theme=dark] .project-card:nth-child(12) .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(12) .project-icon-wrapper:before{background:linear-gradient(135deg,#9e59de,#be96e3);box-shadow:0 4px 16px #9e59de99,0 0 20px #9e59de66}:root[data-theme=dark] .project-card:nth-child(13) .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(13) .project-icon-wrapper:before{background:linear-gradient(135deg,#4fc3f7,#81d4fa);box-shadow:0 4px 16px #4fc3f799,0 0 20px #4fc3f766}.project-card:nth-child(14) .project-icon-wrapper:before{background:linear-gradient(135deg,var(--accent-amber),var(--accent-amber-light));box-shadow:0 4px 12px #ffb74d66}:root[data-theme=dark] .project-card:nth-child(14) .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(14) .project-icon-wrapper:before{background:linear-gradient(135deg,#ff9800,#ffb74d);box-shadow:0 4px 20px #ff9800cc,0 0 30px #ff980099;opacity:.85}.project-card:nth-child(14) .project-icon-wrapper:after{background:radial-gradient(circle,rgba(255,152,0,.6),transparent);opacity:.6}:root[data-theme=dark] .project-card:nth-child(1) .project-icon-wrapper:after,:root:not([data-theme]) .project-card:nth-child(1) .project-icon-wrapper:after{background:radial-gradient(circle,rgba(79,195,247,.5),transparent)}:root[data-theme=dark] .project-card:nth-child(2) .project-icon-wrapper:after,:root:not([data-theme]) .project-card:nth-child(2) .project-icon-wrapper:after{background:radial-gradient(circle,rgba(77,208,225,.5),transparent)}:root[data-theme=dark] .project-card:nth-child(3) .project-icon-wrapper:after,:root:not([data-theme]) .project-card:nth-child(3) .project-icon-wrapper:after{background:radial-gradient(circle,rgba(244,143,177,.5),transparent)}:root[data-theme=dark] .project-card:nth-child(4) .project-icon-wrapper:after,:root:not([data-theme]) .project-card:nth-child(4) .project-icon-wrapper:after{background:radial-gradient(circle,rgba(255,183,77,.5),transparent)}:root[data-theme=dark] .project-card:nth-child(5) .project-icon-wrapper:after,:root:not([data-theme]) .project-card:nth-child(5) .project-icon-wrapper:after{background:radial-gradient(circle,rgba(129,212,250,.5),transparent)}:root[data-theme=dark] .project-card:nth-child(6) .project-icon-wrapper:after,:root:not([data-theme]) .project-card:nth-child(6) .project-icon-wrapper:after{background:radial-gradient(circle,rgba(158,89,222,.5),transparent)}:root[data-theme=dark] .project-card:nth-child(7) .project-icon-wrapper:after,:root:not([data-theme]) .project-card:nth-child(7) .project-icon-wrapper:after{background:radial-gradient(circle,rgba(79,195,247,.5),transparent)}:root[data-theme=dark] .project-card:nth-child(8) .project-icon-wrapper:after,:root:not([data-theme]) .project-card:nth-child(8) .project-icon-wrapper:after{background:radial-gradient(circle,rgba(77,208,225,.5),transparent)}:root[data-theme=dark] .project-card:nth-child(9) .project-icon-wrapper:after,:root:not([data-theme]) .project-card:nth-child(9) .project-icon-wrapper:after{background:radial-gradient(circle,rgba(244,143,177,.5),transparent)}:root[data-theme=dark] .project-card:nth-child(10) .project-icon-wrapper:after,:root:not([data-theme]) .project-card:nth-child(10) .project-icon-wrapper:after{background:radial-gradient(circle,rgba(255,183,77,.5),transparent)}:root[data-theme=dark] .project-card:nth-child(11) .project-icon-wrapper:after,:root:not([data-theme]) .project-card:nth-child(11) .project-icon-wrapper:after{background:radial-gradient(circle,rgba(129,212,250,.5),transparent)}:root[data-theme=dark] .project-card:nth-child(12) .project-icon-wrapper:after,:root:not([data-theme]) .project-card:nth-child(12) .project-icon-wrapper:after{background:radial-gradient(circle,rgba(158,89,222,.5),transparent)}:root[data-theme=dark] .project-card:nth-child(13) .project-icon-wrapper:after,:root:not([data-theme]) .project-card:nth-child(13) .project-icon-wrapper:after{background:radial-gradient(circle,rgba(79,195,247,.5),transparent)}.project-card:hover .project-icon-wrapper:after{opacity:0}:root[data-theme=dark] .project-card:hover .project-icon-wrapper:after,:root:not([data-theme]) .project-card:hover .project-icon-wrapper:after{opacity:.7;transform:scale(1.2)}.project-card:nth-child(14):hover .project-icon-wrapper:after{opacity:0}:root[data-theme=dark] .project-card:nth-child(14):hover .project-icon-wrapper:after,:root:not([data-theme]) .project-card:nth-child(14):hover .project-icon-wrapper:after{opacity:.9;transform:scale(1.3)}.project-card:hover .project-icon-wrapper:before{opacity:.5;transform:scale(1.1)}:root[data-theme=dark] .project-card:hover .project-icon-wrapper:before,:root:not([data-theme]) .project-card:hover .project-icon-wrapper:before{opacity:.9;transform:scale(1.15);filter:brightness(1.2)}.project-card:nth-child(14):hover .project-icon-wrapper:before{opacity:.6}:root[data-theme=dark] .project-card:nth-child(14):hover .project-icon-wrapper:before,:root:not([data-theme]) .project-card:nth-child(14):hover .project-icon-wrapper:before{opacity:1;box-shadow:0 6px 24px #ff9800,0 0 40px #ff9800cc}.project-links{display:flex;gap:.5rem}.project-icon{width:48px;height:48px;object-fit:contain;filter:brightness(1.2) saturate(1.4) drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:var(--transition);position:relative;z-index:1}:root[data-theme=dark] .project-icon,:root:not([data-theme]) .project-icon{filter:brightness(1.5) saturate(1.8) contrast(1.2) drop-shadow(0 2px 6px rgba(0,0,0,.3))}.project-card:hover .project-icon{filter:brightness(1.4) saturate(1.6) drop-shadow(0 6px 12px rgba(135,71,194,.6));transform:scale(1.1) rotate(5deg)}:root[data-theme=dark] .project-card:hover .project-icon,:root:not([data-theme]) .project-card:hover .project-icon{filter:brightness(1.8) saturate(2) contrast(1.3) drop-shadow(0 6px 16px rgba(135,71,194,.8));transform:scale(1.1) rotate(5deg)}.project-card:nth-child(14) .project-icon{filter:brightness(1.2) saturate(1.4) drop-shadow(0 2px 4px rgba(0,0,0,.2))}:root[data-theme=dark] .project-card:nth-child(14) .project-icon,:root:not([data-theme]) .project-card:nth-child(14) .project-icon{filter:brightness(1.8) saturate(2.2) contrast(1.4) drop-shadow(0 4px 12px rgba(255,152,0,.6))}.project-card:nth-child(14):hover .project-icon{filter:brightness(1.5) saturate(1.7) drop-shadow(0 4px 8px rgba(255,152,0,.5));transform:scale(1.1) rotate(5deg)}:root[data-theme=dark] .project-card:nth-child(14):hover .project-icon,:root:not([data-theme]) .project-card:nth-child(14):hover .project-icon{filter:brightness(2.2) saturate(2.5) contrast(1.5) drop-shadow(0 8px 20px rgba(255,152,0,1));transform:scale(1.15) rotate(8deg)}.project-link{color:#0288d1;font-size:1.25rem;transition:var(--transition);padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#0288d11a}.project-link:hover{color:#0277bd;background:#0288d133;transform:scale(1.15);box-shadow:0 4px 12px #0288d14d}.project-link.demo-link{color:#00897b;background:#00897b1a}.project-link.demo-link:hover{color:#00695c;background:#00897b33;box-shadow:0 4px 12px #00897b4d}:root[data-theme=dark] .project-link,:root:not([data-theme]) .project-link{color:var(--accent-cyan);background:#4fc3f71a}:root[data-theme=dark] .project-link:hover,:root:not([data-theme]) .project-link:hover{color:var(--accent-cyan-light);background:#4fc3f740;box-shadow:0 4px 12px #4fc3f74d}:root[data-theme=dark] .project-link.demo-link,:root:not([data-theme]) .project-link.demo-link{color:var(--accent-teal);background:#4dd0e11a}:root[data-theme=dark] .project-link.demo-link:hover,:root:not([data-theme]) .project-link.demo-link:hover{color:var(--accent-teal-light);background:#4dd0e140;box-shadow:0 4px 12px #4dd0e14d}.link-icon{width:20px;height:20px}.project-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);font-family:Playfair Display,serif}.project-meta{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;font-style:italic}.project-period{color:var(--secondary-color);font-weight:500}.project-location{color:var(--text-secondary)}.project-description-wrapper{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .4s ease-out;opacity:0;margin-top:1rem}.project-description-wrapper.expanded{max-height:500px;opacity:1;animation:descriptionReveal .8s cubic-bezier(.4,0,.2,1) forwards}.project-description-content{transform:translateY(20px);transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-description-wrapper.expanded .project-description-content{transform:translateY(0);animation:textReveal .8s cubic-bezier(.4,0,.2,1) forwards}.project-description{color:var(--text-secondary);line-height:1.6;font-size:1rem;position:relative}.project-description-wrapper.expanded .project-description{animation:textGlow 1s ease-out .3s forwards}@keyframes descriptionReveal{0%{opacity:0;transform:scaleY(0);transform-origin:top}50%{opacity:.5}to{opacity:1;transform:scaleY(1)}}@keyframes textReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes textGlow{0%{text-shadow:0 0 0 rgba(135,71,194,0)}50%{text-shadow:0 0 20px rgba(135,71,194,.3)}to{text-shadow:0 0 0 rgba(135,71,194,0)}}.project-expand-hint{text-align:center;font-size:.85rem;color:var(--text-secondary);margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);opacity:.7;transition:all .3s ease;font-style:italic}.project-card.expanded .project-expand-hint{opacity:1;color:var(--primary-color)}.project-reveal-effect{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(135,71,194,.3) 0%,rgba(158,89,222,.2) 50%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%) scale(0);z-index:1;transition:all .8s cubic-bezier(.4,0,.2,1);pointer-events:none;filter:blur(20px)}.project-card.expanded .project-reveal-effect{width:400px;height:400px;transform:translate(-50%,-50%) scale(1);animation:revealExplosion 1.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes revealExplosion{0%{opacity:0;transform:translate(-50%,-50%) scale(0);filter:blur(30px)}30%{opacity:.8;transform:translate(-50%,-50%) scale(1.5);filter:blur(15px)}60%{opacity:.6;transform:translate(-50%,-50%) scale(1.2);filter:blur(10px)}to{opacity:.4;transform:translate(-50%,-50%) scale(1);filter:blur(20px)}}.project-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(135,71,194,.05) 50%,transparent 100%);opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:1}.project-card.expanded:after{opacity:1;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{padding:1.5rem}}.experience-section{background:linear-gradient(180deg,var(--background-100) 0%,var(--background-50) 100%)}.experience-timeline{position:relative;padding-left:0}.experience-timeline:before{display:none}.experience-item{position:relative;margin-bottom:3rem;padding-left:0}.experience-item:last-child{margin-bottom:0}.experience-icon{display:none}.experience-item:hover .experience-icon{border-color:var(--accent-cyan-light);color:var(--accent-cyan-light);transform:scale(1.1)}.experience-content{background:var(--bg-tertiary);padding:2rem;border-radius:12px;box-shadow:var(--shadow-sm);transition:var(--transition);border-left:4px solid transparent}.experience-item:hover .experience-content{box-shadow:var(--shadow-md);border-left-color:var(--primary-color);transform:translate(8px)}.experience-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);font-family:Playfair Display,serif}.experience-company{font-size:1.1rem;color:var(--primary-color);font-weight:600;margin-bottom:.75rem}.experience-meta{font-size:.95rem;color:var(--text-secondary);margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.highlight{color:var(--secondary-color);font-weight:600}.period,.location{color:var(--text-secondary)}.experience-description{list-style:none;padding:0}.experience-description li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;line-height:1.6;color:var(--text-primary)}.experience-description li:before{content:"▸";position:absolute;left:0;color:var(--primary-color);font-weight:700}@media (max-width: 768px){.experience-timeline,.experience-item{padding-left:0}.experience-content{padding:1.5rem}}.hobbies-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;padding:1rem 0}.hobby-card{position:relative;aspect-ratio:4 / 3;border-radius:20px;overflow:hidden;cursor:pointer;animation:fadeInUp .6s ease-out both;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hobby-card:hover{transform:translateY(-10px) scale(1.02)}.hobby-card-inner{position:relative;width:100%;height:100%;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:20px;overflow:hidden;transition:all .3s ease}.hobby-card:hover .hobby-card-inner{border-color:var(--primary-color);box-shadow:0 20px 40px #8747c24d,0 0 0 1px #8747c21a}.hobby-gif-container{position:relative;width:100%;height:70%;overflow:hidden}.hobby-gif{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hobby-card:hover .hobby-gif{transform:scale(1.1)}.hobby-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,transparent 30%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.6) 70%,rgba(0,0,0,.85) 100%);pointer-events:none}.hobby-placeholder{width:100%;height:70%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);display:flex;align-items:center;justify-content:center}.hobby-emoji-large{font-size:4rem;opacity:.8}.hobby-caption{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(28,15,36,.98) 0%,rgba(28,15,36,.95) 30%,rgba(28,15,36,.9) 60%,rgba(28,15,36,.7) 80%,transparent 100%);display:flex;align-items:center;gap:.75rem;z-index:2;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}:root[data-theme=light] .hobby-caption{background:linear-gradient(to top,rgba(246,241,249,.98) 0%,rgba(246,241,249,.95) 30%,rgba(246,241,249,.9) 60%,rgba(246,241,249,.7) 80%,transparent 100%)}.hobby-emoji{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.hobby-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;font-family:Inter,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3);line-height:1.3;word-wrap:break-word}.hobbies-gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;color:var(--text-secondary)}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hobbies-gallery-loading p{font-size:1.1rem;margin:0}@media (max-width: 768px){.hobbies-gallery{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.hobby-caption{padding:1.25rem}.hobby-title{font-size:1.1rem}.hobby-emoji{font-size:1.25rem}}@media (max-width: 480px){.hobbies-gallery{grid-template-columns:1fr;gap:1.25rem}}.extracurricular-section{background:var(--bg-secondary)}.extracurricular-tabs{display:flex;gap:1rem;margin-top:2rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.extracurricular-tab{background:transparent;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;position:relative;transition:var(--transition);font-family:Inter,sans-serif}.extracurricular-tab:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.extracurricular-tab:hover{color:var(--text-primary)}.extracurricular-tab.active{color:var(--primary-color)}.extracurricular-tab.active:after{transform:scaleX(1)}@media (max-width: 768px){.hobbies-gallery-container{height:500px}.extracurricular-tabs{gap:.5rem;margin-top:1.5rem;margin-bottom:1.5rem}.extracurricular-tab{padding:.75rem 1.25rem;font-size:.9rem}}.organizations-container{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem}.organization-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:var(--transition);position:relative;overflow:hidden}.organization-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.organization-card:hover:before{transform:scaleX(1)}.organization-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.organization-name{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);font-family:Playfair Display,serif;border-bottom:2px solid var(--border-color);padding-bottom:.75rem}.roles-timeline{display:flex;flex-direction:column;gap:1.5rem;position:relative;padding-left:2rem}.roles-timeline:before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--secondary-color) 0%,var(--primary-color) 100%)}.role-item{position:relative;padding-left:2rem}.role-item:before{content:"";position:absolute;left:-2.25rem;top:.19rem;width:12px;height:12px;border-radius:50%;border:3px solid var(--bg-tertiary);z-index:1;transform:translate(50%)}.role-item.current:before{background:var(--secondary-color);box-shadow:0 0 0 3px var(--secondary-color),0 0 0 6px #be96e34d}.role-item.previous:before{background:var(--text-secondary);box-shadow:0 0 0 3px var(--text-secondary)}.role-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.role-icon{font-size:1.5rem;color:var(--accent-pink);margin-top:.25rem;flex-shrink:0;transition:var(--transition)}.role-item:hover .role-icon{color:var(--accent-pink-light);transform:scale(1.15) rotate(5deg)}.role-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.role-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);font-family:Playfair Display,serif;margin:0}.role-period{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.current-badge{background:#be96e326;color:var(--secondary-color);border:1px solid rgba(190,150,227,.3)}.previous-badge{background:#b899cc1a;color:var(--text-secondary);border:1px solid rgba(184,153,204,.2)}.role-description{color:var(--text-secondary);line-height:1.6;font-size:.95rem;margin:0;padding-left:2.5rem}.role-item.current .role-description{color:var(--text-primary)}.role-link{display:inline-block;margin-top:.75rem;padding-left:2.5rem;color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.9rem;transition:var(--transition)}.role-link:hover{color:var(--accent-color);text-decoration:underline;transform:translate(4px)}@media (max-width: 768px){.organizations-container{gap:2rem}.organization-card{padding:1.5rem}.organization-name{font-size:1.25rem}.roles-timeline,.role-item{padding-left:1.5rem}.role-item:before{left:-1.5rem;width:10px;height:10px}.role-description{padding-left:2rem}}.skills-carousel-wrapper{width:100%;margin-top:2rem;position:relative;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.skills-carousel{display:flex;gap:1.5rem;overflow-x:auto;overflow-y:hidden;padding:2rem 0;cursor:grab;scrollbar-width:none;-ms-overflow-style:none;will-change:scroll-position;scroll-behavior:smooth}.skills-carousel::-webkit-scrollbar{display:none}.skills-carousel:active{cursor:grabbing}.skill-card{flex:0 0 auto;min-width:140px;width:140px;height:140px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:float 6s ease-in-out infinite;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a;will-change:transform}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8747c21a,#be96e31a);border-radius:20px;opacity:0;transition:opacity .3s ease;z-index:0}.skill-card:hover:before{opacity:1}.skill-card:hover,.skill-card.hovered{transform:scale(1.15)!important;border-color:var(--primary-color);box-shadow:0 12px 24px #8747c266,0 0 40px #8747c24d,inset 0 0 20px #8747c21a;z-index:10;background:var(--bg-tertiary)}.skill-card-content{position:relative;z-index:1;text-align:center;padding:1rem;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.skill-name{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.skills-carousel{gap:1rem;padding:1.5rem 0}.skill-card{min-width:120px;width:120px;height:120px}.skill-name{font-size:.8rem}}@media (max-width: 480px){.skill-card{min-width:100px;width:100px;height:100px}.skill-name{font-size:.75rem}}.skill-card{scroll-snap-align:start}.skills-carousel-wrapper:before,.skills-carousel-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:150px;z-index:5;pointer-events:none;transition:opacity .3s ease}.skills-carousel-wrapper:before{left:0;background:linear-gradient(to right,var(--bg-secondary) 0%,var(--bg-secondary) 15%,rgba(14,8,18,.9) 30%,rgba(14,8,18,.7) 50%,rgba(14,8,18,.4) 70%,rgba(14,8,18,.1) 85%,transparent 100%)}.skills-carousel-wrapper:after{right:0;background:linear-gradient(to left,var(--bg-secondary) 0%,var(--bg-secondary) 15%,rgba(14,8,18,.9) 30%,rgba(14,8,18,.7) 50%,rgba(14,8,18,.4) 70%,rgba(14,8,18,.1) 85%,transparent 100%)}:root[data-theme=light] .skills-carousel-wrapper:before{background:linear-gradient(to right,var(--bg-secondary) 0%,var(--bg-secondary) 15%,rgba(246,241,249,.9) 30%,rgba(246,241,249,.7) 50%,rgba(246,241,249,.4) 70%,rgba(246,241,249,.1) 85%,transparent 100%)}:root[data-theme=light] .skills-carousel-wrapper:after{background:linear-gradient(to left,var(--bg-secondary) 0%,var(--bg-secondary) 15%,rgba(246,241,249,.9) 30%,rgba(246,241,249,.7) 50%,rgba(246,241,249,.4) 70%,rgba(246,241,249,.1) 85%,transparent 100%)}@media (max-width: 768px){.skills-carousel-wrapper:before,.skills-carousel-wrapper:after{width:60px}}.skills-section{background:linear-gradient(180deg,var(--background-100) 0%,var(--background-50) 100%);position:relative;overflow:hidden}.awards-section{background:linear-gradient(180deg,var(--background-100) 0%,var(--background-50) 100%)}.awards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.award-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:var(--transition);position:relative;overflow:hidden}.award-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8747c21a,#be96e31a);opacity:0;transition:opacity .3s ease}.award-card:hover:before{opacity:1}.award-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--secondary-color)}.award-icon{font-size:3rem;color:var(--accent-amber);margin-bottom:1rem;display:flex;justify-content:center;position:relative;z-index:1;transition:var(--transition)}.award-card:hover .award-icon{transform:scale(1.15) rotate(-5deg);color:var(--accent-amber-dark);filter:drop-shadow(0 4px 8px rgba(255,183,77,.4))}.award-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);font-family:Playfair Display,serif;position:relative;z-index:1}.award-issuer{font-size:1rem;color:var(--primary-color);font-weight:500;margin-bottom:1rem;position:relative;z-index:1}.award-meta{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;position:relative;z-index:1}.award-years{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;align-items:center}.award-year{background:var(--gradient-primary);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;display:inline-block;white-space:nowrap}.award-level{background:#be96e326;color:var(--secondary-color);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}@media (max-width: 768px){.awards-grid{grid-template-columns:1fr;gap:1.5rem}.award-card{padding:1.5rem}}.certifications-section{background:var(--bg-secondary)}.certifications-content{display:flex;justify-content:center;margin-top:2rem}.certification-card{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:16px;padding:3rem 2rem;text-align:center;max-width:600px;transition:var(--transition);position:relative;overflow:hidden}.certification-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(135,71,194,.15),transparent);animation:rotate 10s linear infinite;opacity:0;transition:opacity .3s ease}.certification-card:hover:before{opacity:1}@keyframes rotate{to{transform:rotate(360deg)}}.certification-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.cert-icon{font-size:4rem;color:var(--primary-color);margin-bottom:1.5rem;display:block;position:relative;z-index:1;transition:var(--transition)}.certification-card:hover .cert-icon{transform:scale(1.1) rotate(10deg)}.certification-card p{font-size:1.1rem;color:var(--text-primary);position:relative;z-index:1;line-height:1.8}.cert-link{color:var(--primary-color);text-decoration:none;font-weight:600;transition:var(--transition);border-bottom:2px solid transparent}.cert-link:hover{border-bottom-color:var(--primary-color);color:var(--accent-color)}@media (max-width: 768px){.certification-card{padding:2rem 1.5rem}.cert-icon{font-size:3rem}}.calendar-section{background:var(--bg-primary)}.calendar-section>.container{width:100%}.calendar-wrapper{margin:2rem auto 0;width:100%;max-width:1100px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:16px;padding:.75rem;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(20px)}.calendar-section.visible .calendar-wrapper{animation:fadeInUp .6s ease-out forwards}.calendar-frame{display:block;width:100%;height:800px;border:none;border-radius:10px;background:#fff}@media (max-width: 768px){.calendar-wrapper{padding:.5rem;border-radius:12px}.calendar-frame{height:600px}}.contact-section{background:linear-gradient(135deg,var(--primary-500) 0%,var(--accent-500) 100%);color:#fff;position:relative;overflow:hidden}.contact-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.1) 0%,transparent 50%);animation:contactPulse 15s ease-in-out infinite;pointer-events:none}@keyframes contactPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.contact-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.contact-section .section-title{color:#fff}.contact-section .title-text:after{background:#fff}.contact-section .title-number{color:#fffc}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem;position:relative;z-index:1}.contact-card{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2.5rem 2rem;text-align:center;text-decoration:none;color:#fff;transition:var(--transition);position:relative;overflow:hidden;opacity:0;transform:translateY(20px);z-index:1}.contact-section.visible .contact-card{animation:fadeInUp .6s ease-out forwards}.contact-section.visible .contact-card:nth-child(1){animation-delay:.2s}.contact-section.visible .contact-card:nth-child(2){animation-delay:.4s}.contact-section.visible .contact-card:nth-child(3){animation-delay:.6s}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.contact-card:hover:before{opacity:1}.contact-card:hover{transform:translateY(-10px) scale(1.05);border-color:#fff6;box-shadow:0 12px 40px #0003}.contact-icon{font-size:3rem;margin-bottom:1.5rem;display:flex;justify-content:center;position:relative;z-index:1;transition:var(--transition);color:#fff}.contact-card:hover .contact-icon{transform:scale(1.2) rotate(10deg);color:var(--accent-color, white);filter:drop-shadow(0 4px 8px rgba(255,255,255,.3))}.contact-card:nth-child(1) .contact-icon{color:var(--accent-pink-light)}.contact-card:nth-child(2) .contact-icon{color:var(--accent-cyan-light)}.contact-card:nth-child(3) .contact-icon{color:var(--accent-teal-light)}.contact-card:nth-child(1):hover .contact-icon{color:var(--accent-pink)}.contact-card:nth-child(2):hover .contact-icon{color:var(--accent-cyan)}.contact-card:nth-child(3):hover .contact-icon{color:var(--accent-teal)}.contact-label{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;position:relative;z-index:1;font-family:Playfair Display,serif}.contact-value{font-size:1rem;opacity:.9;position:relative;z-index:1;word-break:break-word}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:1.5rem}.contact-card{padding:2rem 1.5rem}}.App{min-height:100vh;background:linear-gradient(180deg,var(--background-50) 0%,var(--background-100) 100%);position:relative}.App:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 0% 0%,rgba(135,71,194,.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(158,89,222,.05) 0%,transparent 50%);pointer-events:none;z-index:0;animation:backgroundMove 30s ease-in-out infinite}@keyframes backgroundMove{0%,to{transform:translate(0)}50%{transform:translate(-2%,-2%)}}main{position:relative;z-index:1;padding-top:80px;padding-bottom:0;margin-bottom:0}:root[data-theme=light] .App:before{background:radial-gradient(circle at 0% 0%,rgba(135,71,194,.02) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(158,89,222,.02) 0%,transparent 50%)}section{padding:5rem 0;min-height:100vh;display:flex;align-items:center}#contact{min-height:auto;padding-bottom:5rem}@media (max-width: 768px){section{padding:3rem 0;min-height:auto}#contact{padding-bottom:3rem}}*{margin:0;padding:0;box-sizing:border-box}:root,:root[data-theme=dark]{--text-50: #0e0911;--text-100: #1b1122;--text-200: #362244;--text-300: #523366;--text-400: #6d4488;--text-500: #8855aa;--text-600: #a077bb;--text-700: #b899cc;--text-800: #cfbbdd;--text-900: #e7ddee;--text-950: #f3eef6;--background-50: #0e0812;--background-100: #1c0f24;--background-200: #381f47;--background-300: #552e6b;--background-400: #713d8f;--background-500: #8d4db3;--background-600: #a470c2;--background-700: #bb94d1;--background-800: #d1b8e0;--background-900: #e8dbf0;--background-950: #f4edf7;--primary-50: #0d0613;--primary-100: #1a0d26;--primary-200: #34194d;--primary-300: #4e2673;--primary-400: #683399;--primary-500: #8240bf;--primary-600: #9b66cc;--primary-700: #b48cd9;--primary-800: #cdb3e6;--primary-900: #e6d9f2;--primary-950: #f2ecf9;--secondary-50: #0d0514;--secondary-100: #1a0b28;--secondary-200: #341551;--secondary-300: #4e2079;--secondary-400: #682ba1;--secondary-500: #8236c9;--secondary-600: #9b5ed4;--secondary-700: #b486df;--secondary-800: #cdaeea;--secondary-900: #e6d7f4;--secondary-950: #f2ebfa;--accent-50: #0d0415;--accent-100: #1a082b;--accent-200: #341155;--accent-300: #4e1980;--accent-400: #6822aa;--accent-500: #822ad5;--accent-600: #9b55dd;--accent-700: #b47fe6;--accent-800: #cdaaee;--accent-900: #e6d4f7;--accent-950: #f3eafb;--accent-teal: #4dd0e1;--accent-teal-light: #80deea;--accent-teal-dark: #26c6da;--accent-pink: #f48fb1;--accent-pink-light: #f8bbd0;--accent-pink-dark: #ec407a;--accent-amber: #ffb74d;--accent-amber-light: #ffcc80;--accent-amber-dark: #ff9800;--accent-cyan: #4fc3f7;--accent-cyan-light: #81d4fa;--accent-cyan-dark: #29b6f6;--primary-color: #8747c2;--secondary-color: #be96e3;--accent-color: #9e59de;--text-primary: #f3eef6;--text-secondary: #b899cc;--bg-primary: #1c0f24;--bg-secondary: #0e0812;--bg-tertiary: #381f47;--border-color: #552e6b;--navbar-bg: rgba(28, 15, 36, .8);--navbar-bg-scrolled: rgba(28, 15, 36, .95);--navbar-menu-bg: rgba(28, 15, 36, .98);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, #8747c2 0%, #9e59de 100%);--gradient-secondary: linear-gradient(135deg, #be96e3 0%, #9e59de 100%);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--text-50: #f3eef6;--text-100: #e7ddee;--text-200: #cfbbdd;--text-300: #b899cc;--text-400: #a077bb;--text-500: #8855aa;--text-600: #6d4488;--text-700: #523366;--text-800: #362244;--text-900: #1b1122;--text-950: #0e0911;--background-50: #f4edf7;--background-100: #e8dbf0;--background-200: #d1b8e0;--background-300: #bb94d1;--background-400: #a470c2;--background-500: #8d4db3;--background-600: #713d8f;--background-700: #552e6b;--background-800: #381f47;--background-900: #1c0f24;--background-950: #0e0812;--primary-50: #f2ecf9;--primary-100: #e6d9f2;--primary-200: #cdb3e6;--primary-300: #b48cd9;--primary-400: #9b66cc;--primary-500: #8240bf;--primary-600: #683399;--primary-700: #4e2673;--primary-800: #34194d;--primary-900: #1a0d26;--primary-950: #0d0613;--secondary-50: #f2ebfa;--secondary-100: #e6d7f4;--secondary-200: #cdaeea;--secondary-300: #b486df;--secondary-400: #9b5ed4;--secondary-500: #8236c9;--secondary-600: #682ba1;--secondary-700: #4e2079;--secondary-800: #341551;--secondary-900: #1a0b28;--secondary-950: #0d0514;--accent-50: #f3eafb;--accent-100: #e6d4f7;--accent-200: #cdaaee;--accent-300: #b47fe6;--accent-400: #9b55dd;--accent-500: #822ad5;--accent-600: #6822aa;--accent-700: #4e1980;--accent-800: #341155;--accent-900: #1a082b;--accent-950: #0d0415;--accent-teal: #26c6da;--accent-teal-light: #4dd0e1;--accent-teal-dark: #00acc1;--accent-pink: #ec407a;--accent-pink-light: #f48fb1;--accent-pink-dark: #c2185b;--accent-amber: #ff9800;--accent-amber-light: #ffb74d;--accent-amber-dark: #f57c00;--accent-cyan: #29b6f6;--accent-cyan-light: #4fc3f7;--accent-cyan-dark: #0288d1;--primary-color: #8747c2;--secondary-color: #be96e3;--accent-color: #9e59de;--text-primary: #08050a;--text-secondary: #523366;--bg-primary: #f6f1f9;--bg-secondary: #f4edf7;--bg-tertiary: #e8dbf0;--border-color: #d1b8e0;--navbar-bg: rgba(246, 241, 249, .8);--navbar-bg-scrolled: rgba(246, 241, 249, .95);--navbar-menu-bg: rgba(246, 241, 249, .98);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--gradient-primary: linear-gradient(135deg, #8747c2 0%, #9e59de 100%);--gradient-secondary: linear-gradient(135deg, #be96e3 0%, #9e59de 100%);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,var(--background-50) 0%,var(--background-100) 100%);margin:0;padding:0}#root{min-height:100vh;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1.5rem}}section{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}section.visible{opacity:1;transform:translateY(0)}section.visible>*{animation:fadeInUp .6s ease-out both}section.visible>*:nth-child(1){animation-delay:.1s}section.visible>*:nth-child(2){animation-delay:.2s}section.visible>*:nth-child(3){animation-delay:.3s}section.visible>*:nth-child(4){animation-delay:.4s}.section-title{display:flex;align-items:center;gap:1rem;margin-bottom:3rem;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;color:var(--text-primary)}.title-number{color:var(--primary-color);font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600}.title-text{position:relative}.title-text:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:3px;background:var(--gradient-primary);border-radius:2px}@media (max-width: 768px){.section-title{font-size:2rem;margin-bottom:2rem}.title-number{font-size:1.25rem}}