@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap);.glass-effect,.glass-effect-dark,.media-badge,.navbar,.play-button{backdrop-filter:blur(10px)}.hobby-card,.typewriter,body.menu-open{overflow:hidden}body{font-family:Inter,sans-serif;overflow-x:hidden;transition:background-color .3s}.glass-effect{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.glass-effect-dark{background:rgba(17,24,39,.8);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:3s infinite gradient}.skill-bar{transition:width 1.5s ease-in-out}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.dark .hover-lift:hover{box-shadow:0 20px 40px rgba(0,0,0,.3)}.card-hover{transition:.4s cubic-bezier(.175, .885, .32, 1.275)}.card-hover:hover{transform:scale(1.05) rotate(1deg)}.neon-border{border:2px solid transparent;background:linear-gradient(white,#fff) padding-box,linear-gradient(45deg,#3b82f6,#8b5cf6) border-box}.dark .neon-border{background:linear-gradient(#1f2937,#1f2937) padding-box,linear-gradient(45deg,#3b82f6,#8b5cf6) border-box}.text-gradient{background:linear-gradient(to right,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.particle{position:absolute;border-radius:50%;background:rgba(59,130,246,.3);animation:15s linear infinite float}.timeline-dot{animation:2s infinite timeline-pulse}.typewriter{border-right:.15em solid #3b82f6;white-space:nowrap;animation:4s steps(40) 1s both typewriter,.75s step-end infinite blink-caret}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:#3b82f6}}.shimmer-effect{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:1000px 100%;animation:2s infinite shimmer}.dark .timeline-connector,.timeline-connector{background:linear-gradient(to bottom,transparent,#3b82f6,#8b5cf6,transparent)}#slideshowControls button,.dark-transition{transition:.3s}.timeline-card{transform-style:preserve-3d;perspective:1000px;transition:transform .5s,box-shadow .5s}.timeline-card:hover{transform:translateY(-10px) rotateX(5deg);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.hobby-card:hover .media-overlay,.location-dropdown.show{transform:translateY(0)}.dark .timeline-card:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.timeline-connector{position:absolute;left:50%;transform:translateX(-50%);width:2px}.floating-element{animation:8s ease-in-out infinite float}.navbar{box-shadow:0 2px 20px rgba(0,0,0,.1)}.dark .navbar{background:rgba(17,24,39,.95)}.nav-link{position:relative;transition:color .3s}.nav-link::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s}.nav-link:hover::after{width:100%}.mobile-menu{box-shadow:-5px 0 30px rgba(0,0,0,.15)}.dark .mobile-menu{background:#1f2937;box-shadow:-5px 0 30px rgba(0,0,0,.3)}.mobile-menu-backdrop.active{opacity:1;visibility:visible}.location-dropdown{transition:opacity .2s,transform .2s;transform-origin:top}.location-dropdown.show{display:block;opacity:1}.theme-toggle-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s}.media-badge,.play-button{display:flex;align-items:center}.theme-toggle-btn:hover{transform:rotate(30deg)}.filter-btn.active{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;box-shadow:0 10px 20px -5px rgba(139,92,246,.4)}.dark .filter-btn.active{box-shadow:0 10px 20px -5px rgba(139,92,246,.6)}.hobby-card{position:relative;border-radius:1.5rem;cursor:pointer;transition:.4s cubic-bezier(.175, .885, .32, 1.275);background:#fff;box-shadow:0 20px 40px -15px rgba(0,0,0,.1)}.dark .hobby-card{background:#1f2937;box-shadow:0 20px 40px -15px rgba(0,0,0,.5)}.hobby-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 30px 60px -15px rgba(139,92,246,.3)}.dark .hobby-card:hover{box-shadow:0 30px 60px -15px rgba(139,92,246,.5)}.media-container{position:relative;aspect-ratio:4/5;overflow:hidden}.media-container img,.media-container video{width:100%;height:100%;object-fit:cover;transition:transform .7s}#slideshowControls button:hover,.hobby-card:hover .media-container img,.hobby-card:hover .media-container video{transform:scale(1.1)}.media-badge{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;background:rgba(255,255,255,.2);border-radius:2rem;color:#fff;font-size:.75rem;font-weight:600;gap:.5rem;z-index:10;border:1px solid rgba(255,255,255,.3)}.media-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);transform:translateY(20px);transition:transform .4s;z-index:5}.play-button,.social-icon::after{position:absolute;left:50%;color:#fff;opacity:0}.play-button{top:50%;transform:translate(-50%,-50%) scale(.8);width:60px;height:60px;background:rgba(255,255,255,.3);border-radius:50%;justify-content:center;font-size:1.5rem;transition:.3s;z-index:15;border:2px solid rgba(255,255,255,.5)}.hobby-card:hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1)}.play-button:hover{background:rgba(139,92,246,.8);transform:translate(-50%,-50%) scale(1.1)}@keyframes float-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes float-slower{0%,100%{transform:translateY(0)}50%{transform:translateY(-50px)}}@keyframes slide{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes slide-reverse{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.animate-float-slow{animation:10s ease-in-out infinite float-slow}.animate-float-slower{animation:15s ease-in-out infinite float-slower}.animate-slide{animation:8s linear infinite slide}.animate-slide-reverse{animation:8s linear infinite slide-reverse}.animate-pulse-slow{animation:4s ease-in-out infinite pulse}.hobby-item{opacity:0;transform:translateY(30px);animation:.6s ease-out forwards fadeInUp}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.filter-btn{padding:.5rem 1rem;font-size:.9rem}}.navbar{backdrop-filter:blur(12px);background:rgba(255,255,255,.95);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.05)}.mobile-menu{position:fixed;top:0;right:0;transform:translateX(100%);width:85vw;max-width:400px;height:100dvh;background:#fff;z-index:10000;transition:transform .3s cubic-bezier(.4, 0, .2, 1);overflow-y:auto;visibility:hidden}.mobile-menu.active{transform:translateX(0);visibility:visible}.group i{transition:.3s cubic-bezier(.4, 0, .2, 1)}.group:hover i{transform:scale(1.1);filter:drop-shadow(0 4px 6px rgba(0, 0, 0, .1))}.dark .group:hover i{filter:drop-shadow(0 4px 6px rgba(255, 255, 255, .1))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}@media (max-width:767px){body.menu-open{overflow:hidden!important;position:fixed;width:100%}}@media (min-width:768px){.mobile-menu,.mobile-menu-backdrop{display:none!important}}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fas.fa-heart.text-red-500{color:#ef4444}.social-icon{width:2.5rem;height:2.5rem;border-radius:9999px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:.3s;color:#fff;transform:scale(1);position:relative}.social-icon:hover{transform:scale(1.1);color:#fff}.social-icon.github:hover{background:#333}.social-icon.linkedin:hover{background:#0077b5}.social-icon.twitter:hover{background:#000}.social-icon.facebook:hover{background:#1877f2}.social-icon.leetcode:hover{background:#015d2c}.social-icon::after{content:attr(title);bottom:-30px;transform:translateX(-50%);background:rgba(0,0,0,.8);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;visibility:hidden;transition:.3s;pointer-events:none}.social-icon:hover::after{opacity:1;visibility:visible;bottom:-35px}#slideshowControls{animation:.3s ease-out slideUp;z-index:60}#slideshowCounter{text-shadow:0 2px 4px rgba(0,0,0,.3)}#photoModal,#videoModal{transition:opacity .3s}#photoModal img,#videoModal video{transition:transform .3s}#modalPhoto{animation:.3s fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.animate-gradient{background-size:200% auto;animation:3s infinite gradient}.carousel-dot-achievements{width:12px;height:12px;border-radius:999px;background:rgba(148,163,184,.25);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);transition:.35s;box-shadow:none}.carousel-dot-achievements.active{width:38px;background:linear-gradient(90deg,#7c3aed,#06b6d4);border:1px solid rgba(6,182,212,.45);box-shadow:0 0 10px rgba(124,58,237,.5),0 0 20px rgba(6,182,212,.35);transform:scale(1.05)}.carousel-dot-achievements:hover{background:rgba(6,182,212,.35);border-color:rgba(6,182,212,.7);transform:scale(1.15)}