@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap);:root{--color-bg:#0a0a0a;--color-text:#f5f5f5;--color-accent:#3d5afe;--color-muted:#888;--color-border:#333;--game-primary:#ff2d55;--game-secondary:#b30021;--game-gradient:linear-gradient(135deg,#ff2d55,#b30021);--ai-primary:#3d5afe;--ai-secondary:#0039cb;--ai-gradient:linear-gradient(135deg,#3d5afe,#0039cb);--misc-primary:#00c853;--misc-secondary:#009624;--misc-gradient:linear-gradient(135deg,#00c853,#009624);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:3rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3rem;--font-game:"Press Start 2P",cursive;--font-ai:"Inter",sans-serif;--font-misc:"Space Mono",monospace;--font-base:"Roboto",sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-md:0 4px 6px #0000001a,0 1px 3px #00000014;--shadow-lg:0 10px 20px #00000030,0 6px 6px #0000003b;--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#0a0a0a;background-color:var(--color-bg);color:#f5f5f5;color:var(--color-text);font-family:Roboto,sans-serif;font-family:var(--font-base);line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-bottom:1rem;margin-bottom:var(--space-md)}a{color:#3d5afe;color:var(--color-accent);text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}a:hover{color:#f5f5f5;color:var(--color-text)}img{display:block;height:auto;max-width:100%}button{cursor:pointer;font-family:inherit}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-md);width:100%}.section-title{margin-bottom:3rem;margin-bottom:var(--space-xl);padding-bottom:1rem;padding-bottom:var(--space-md);position:relative;text-align:center}.section-title:after{background-color:#3d5afe;background-color:var(--color-accent);bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.game-design-section{background-color:#120a14;padding:3rem 0;padding:var(--space-xl) 0}.game-title{color:#ff2d55;color:var(--game-primary);font-family:Press Start\ 2P,cursive;font-family:var(--font-game);font-size:1.5rem;font-size:var(--text-xl);letter-spacing:2px;text-transform:uppercase}.game-title:after{background-color:#ff2d55;background-color:var(--game-primary)}.game-card .project-title{font-family:Press Start\ 2P,cursive;font-family:var(--font-game);font-size:1rem;font-size:var(--text-md)}.ai-ml-section{background-color:#0d1426;padding:3rem 0;padding:var(--space-xl) 0}.ai-title{color:#3d5afe;color:var(--ai-primary);font-family:Inter,sans-serif;font-family:var(--font-ai);font-size:2rem;font-size:var(--text-2xl);font-weight:700}.ai-title:after{background-color:#3d5afe;background-color:var(--ai-primary)}.ai-card .project-title{font-family:Inter,sans-serif;font-family:var(--font-ai);font-weight:600}.misc-section{background-color:#0a1a0f;padding:3rem 0;padding:var(--space-xl) 0}.misc-title{color:#00c853;color:var(--misc-primary);font-family:Space Mono,monospace;font-family:var(--font-misc);font-size:2rem;font-size:var(--text-2xl)}.misc-title:after{background-color:#00c853;background-color:var(--misc-primary)}.misc-card .project-title{font-family:Space Mono,monospace;font-family:var(--font-misc)}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a0ae6;border-bottom:1px solid #333;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;left:0;padding:1rem 0;padding:var(--space-md) 0;position:fixed;right:0;top:0;transition:all .3s ease;transition:all var(--transition-medium);z-index:1000}.header.scrolled{box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;box-shadow:var(--shadow-md);padding:.5rem 0;padding:var(--space-sm) 0}.logo{font-size:1.25rem;font-size:var(--text-lg);font-weight:700}.logo,.nav-menu ul{padding:0 2rem;padding:0 var(--space-lg)}.nav-menu ul{display:flex;list-style:none}.nav-menu li{margin-left:2rem;margin-left:var(--space-lg)}.nav-menu button{background:none;border:none;color:#f5f5f5;color:var(--color-text);font-size:.875rem;font-size:var(--text-sm);font-weight:500;padding:.5rem 0;padding:var(--space-sm) 0;position:relative;transition:color .2s ease;transition:color var(--transition-fast)}.nav-menu button:after{background-color:#3d5afe;background-color:var(--color-accent);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;transition:width var(--transition-medium);width:0}.nav-menu button:hover{color:#3d5afe;color:var(--color-accent)}.nav-menu button:hover:after,.nav-menu li.active button:after{width:100%}.nav-menu li.active button{color:#3d5afe;color:var(--color-accent)}.mobile-menu-button{cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;margin-right:2rem;margin-right:var(--space-lg);width:30px}.mobile-menu-button span{background-color:#f5f5f5;background-color:var(--color-text);display:block;height:2px;transition:all .3s ease;transition:all var(--transition-medium);width:100%}.mobile-menu-button.active span:first-child{transform:translateY(9px) rotate(45deg)}.mobile-menu-button.active span:nth-child(2){opacity:0}.mobile-menu-button.active span:last-child{transform:translateY(-9px) rotate(-45deg)}.about-section{background:linear-gradient(180deg,#000,#0a0a0a);flex-direction:column;justify-content:center;padding:3rem 0;padding:var(--space-xl) 0}.about-content{gap:3rem;gap:var(--space-xl)}.profile-image{display:flex;flex:1 1;justify-content:center}.profile-img-container{border:3px solid #3d5afe;border:3px solid var(--color-accent)}.about-text h1{font-size:2.5rem;font-size:var(--text-3xl);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.about-text h2{color:#3d5afe;color:var(--color-accent);font-size:var(--text-xl);font-weight:400;margin-bottom:1rem;margin-bottom:var(--space-md)}.cta-buttons{gap:1rem;gap:var(--space-md);margin-top:2rem;margin-top:var(--space-lg)}.primary-btn,.secondary-btn{border-radius:8px;border-radius:var(--radius-md);font-weight:500;letter-spacing:1px;padding:.5rem 2rem;padding:var(--space-sm) var(--space-lg);text-transform:uppercase;transition:all .2s ease;transition:all var(--transition-fast)}.primary-btn{background-color:#3d5afe;background-color:var(--color-accent);border:none}.primary-btn:hover{background-color:#304ffe;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.secondary-btn{border:1px solid #f5f5f5;border:1px solid var(--color-text);color:#f5f5f5;color:var(--color-text)}.secondary-btn:hover{border-color:#3d5afe;border-color:var(--color-accent);color:#3d5afe;color:var(--color-accent);transform:translateY(-2px)}.scroll-indicator{align-items:center;bottom:3rem;bottom:var(--space-xl);display:flex;flex-direction:column;opacity:.7;transition:opacity .2s ease;transition:opacity var(--transition-fast)}.scroll-indicator:hover{opacity:1}.mouse{border:2px solid #f5f5f5;border:2px solid var(--color-text);border-radius:20px}.wheel{background-color:#f5f5f5;background-color:var(--color-text);border-radius:50%;height:6px;width:6px}.scroll-arrow{animation:arrow 1.5s infinite;border-bottom:2px solid #f5f5f5;border-bottom:2px solid var(--color-text);border-right:2px solid #f5f5f5;border-right:2px solid var(--color-text);margin-top:.5rem;margin-top:var(--space-sm)}@keyframes arrow{0%,to{transform:rotate(45deg) translate(0)}50%{transform:rotate(45deg) translate(5px,5px)}}.projects-grid{grid-gap:2rem;grid-gap:var(--space-lg);display:grid;gap:2rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project-card{background-color:#191919cc;border-bottom:3px solid #0000;border-radius:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.project-card:hover{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.project-image{height:200px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .5s ease;transition:transform var(--transition-slow);width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-links{align-items:center;background-color:#000000b3;bottom:0;display:flex;gap:1rem;gap:var(--space-md);justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;transition:opacity var(--transition-medium)}.project-card:hover .project-links{opacity:1}.project-link{align-items:center;background-color:#0a0a0a;background-color:var(--color-bg);border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:40px}.project-link:hover{transform:scale(1.1)}.project-link i{color:#f5f5f5;color:var(--color-text);font-size:1rem;font-size:var(--text-md)}.project-info{display:flex;flex-direction:column;flex-grow:1;padding:1rem;padding:var(--space-md)}.project-title{font-size:1.25rem;font-size:var(--text-lg);margin-bottom:.25rem;margin-bottom:var(--space-xs)}.project-category{border-radius:4px;border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:.75rem;font-size:var(--text-xs);font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-sm);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.project-description{color:#888;color:var(--color-muted);flex-grow:1;font-size:.875rem;font-size:var(--text-sm)}.contact-section{background-color:#0f0f0f;padding:3rem 0;padding:var(--space-xl) 0}.contact-links{display:flex;flex-wrap:wrap;gap:2rem;gap:var(--space-lg);justify-content:center}.contact-item{align-items:center;color:#f5f5f5;color:var(--color-text);display:flex;flex-direction:column;transition:transform .3s ease;transition:transform var(--transition-medium)}.contact-item:hover{color:#3d5afe;color:var(--color-accent);transform:translateY(-5px)}.icon-container{align-items:center;background-color:#ffffff1a;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--space-sm);transition:background-color .2s ease;transition:background-color var(--transition-fast);width:60px}.contact-item:hover .icon-container{background-color:#3d5afe;background-color:var(--color-accent)}.icon{font-size:1.5rem;font-size:var(--text-xl)}.footer{background-color:#050505;color:#888;color:var(--color-muted);font-size:.875rem;font-size:var(--text-sm);padding:2rem 0;padding:var(--space-lg) 0;text-align:center}.demo-icon:before{content:"\f144"}@media (max-width:1024px){.about-content{flex-direction:column;text-align:center}.cta-buttons{justify-content:center}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.mobile-menu-button{display:flex}.nav-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a0af2;height:0;left:0;overflow:hidden;position:fixed;right:0;top:60px;transition:height .3s ease;transition:height var(--transition-medium)}.nav-menu.open{border-bottom:1px solid #333;border-bottom:1px solid var(--color-border);height:auto}.nav-menu ul{flex-direction:column;padding:1rem;padding:var(--space-md)}.nav-menu li{margin:.5rem 0;margin:var(--space-sm) 0;text-align:center;width:100%}.nav-menu button{padding:.5rem 0;padding:var(--space-sm) 0;width:100%}.projects-grid{grid-template-columns:1fr}.contact-links{align-items:center;flex-direction:column;gap:3rem;gap:var(--space-xl)}}@media (max-width:480px){:root{--text-3xl:2rem;--text-2xl:1.75rem;--text-xl:1.25rem}.profile-img-container{height:200px;width:200px}.cta-buttons{flex-direction:column;gap:.5rem;gap:var(--space-sm)}}.fade-in{animation:fadeIn .8s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}.theme-transition{background-color:#000;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .5s ease;width:100%;z-index:9999}.project-tabs-container{display:flex;justify-content:center;margin-bottom:2rem;overflow:hidden;padding:2rem 0}.tabs-wrapper{flex-wrap:wrap;gap:1.5rem}.project-tab{border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;min-width:180px;outline:none;padding:1rem 1.5rem;text-align:center;text-transform:uppercase;transition:all .3s ease;z-index:1}.project-tab:before{background:#ffffff1a;border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.project-tab:hover:before{opacity:1}.project-tab.active{transform:translateY(-3px)}.project-tab.hovered{border-radius:4px;transform:translateY(-8px);width:300px}.tab-text{font-family:Roboto,sans-serif;font-family:var(--font-base);position:relative;transition:all .3s ease;z-index:2}.project-tab.hovered .tab-text{font-weight:800;text-shadow:0 2px 4px #0000004d}.project-tab.active[data-tab=game-design]{background-color:#ff2d55;background-color:var(--game-primary);font-family:Press Start\ 2P,cursive;font-family:var(--font-game)}.project-tab.active[data-tab=ai-ml]{background-color:#3d5afe;background-color:var(--ai-primary);font-family:Inter,sans-serif;font-family:var(--font-ai)}.project-tab.active[data-tab=misc]{background-color:#00c853;background-color:var(--misc-primary);font-family:Space Mono,monospace;font-family:var(--font-misc)}@media (max-width:768px){.project-tab{font-size:.8rem;min-width:140px;padding:.75rem 1rem}.project-tab.hovered{width:180px}}@media (max-width:480px){.tabs-wrapper{flex-direction:column;max-width:300px;width:90%}.project-tab,.project-tab.hovered{width:100%}}.icon-img{height:20px;object-fit:contain;width:20px}.font-pixel{font-family:Press Start\ 2P,cursive;font-family:var(--font-game)}.font-sans{font-family:Inter,sans-serif;font-family:var(--font-ai)}.font-mono{font-family:Space Mono,monospace;font-family:var(--font-misc)}.game-card{border-color:#ff2d55;border-color:var(--game-primary);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.game-card:hover{box-shadow:0 10px 25px #ff2d5526;transform:translateY(-8px) rotate(1deg)}.ai-card{border-color:#3d5afe;border-color:var(--ai-primary);transition:transform .3s ease-out}.ai-card:hover{box-shadow:0 10px 25px #3d5afe26;transform:translateY(-8px) scale(1.02)}.misc-card{border-color:#00c853;border-color:var(--misc-primary);transition:all .3s ease}.misc-card:hover{box-shadow:0 10px 25px #00c85326;transform:translateY(-8px)}.game-card .project-category{background:linear-gradient(135deg,#ff2d55,#b30021);background:var(--game-gradient)}.ai-card .project-category{background:linear-gradient(135deg,#3d5afe,#0039cb);background:var(--ai-gradient)}.misc-card .project-category{background:linear-gradient(135deg,#00c853,#009624);background:var(--misc-gradient)}.linkedin-icon:before{content:"\f08c";font-family:FontAwesome}.github-icon:before{content:"\f09b";font-family:FontAwesome}.resume-icon:before{content:"\f15c";font-family:FontAwesome}.email-icon:before{content:"\f0e0";font-family:FontAwesome}.project-tabs-container{padding-top:60px}.tabs-wrapper{display:flex;gap:20px;justify-content:center}.tab-wrapper{margin:0 10px;position:relative}.floating-image{background-position:50%;background-repeat:no-repeat;background-size:contain;height:60px;pointer-events:none;position:absolute;top:-50px;transition:opacity 2s ease,transform .9s ease;width:60px;z-index:1}.floating-left{left:60%}.floating-right{right:60%}.project-tab{bottom:0;min-width:200px;padding:15px 20px;position:relative;transform-origin:bottom center;transition:all .9s ease}.project-tab.hovered,.project-tab:hover{height:60px;transform:scale(1.25) translateY(-5px);width:200px}.floating-image.hidden{opacity:0!important;transform:translateY(10px)}.project-tab.active{font-weight:800}.tab-wrapper:hover .floating-image{opacity:1;transform:translateY(-5px)}.about-section.story-open{padding-bottom:350px}.profile-image.centered .profile-img-container{margin:0 auto}.profile-image{margin-right:50px}.profile-img-container{border:4px solid #3d5afe80;box-shadow:0 5px 15px #0000004d;height:300px;width:300px}.about-text h1{color:#f5f5f5;font-size:3rem;margin-bottom:10px}.about-text h2{color:#3d5afee6;font-size:1.5rem;margin-bottom:20px}.about-text p{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:30px;max-width:600px}.cta-buttons{gap:15px}.primary-btn,.secondary-btn{padding:12px 25px}.primary-btn{background-color:#3d5afee6}.primary-btn:hover{background-color:#3d5afe;box-shadow:0 7px 14px #0003;transform:translateY(-3px)}.secondary-btn{background-color:initial;border:2px solid #3d5afeb3}.secondary-btn:hover{background-color:#3d5afe1a;box-shadow:0 7px 14px #0003;transform:translateY(-3px)}.fade-in{animation:fadeIn .8s forwards;opacity:0}.delay-1{animation-delay:.3s}.delay-2{animation-delay:.6s}.delay-4{animation-delay:.9s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{animation:bounce 2s infinite}.mouse{border:2px solid #ffffffb3;border-radius:15px;height:40px;width:26px}.wheel{animation:scroll 1.5s infinite;background-color:#ffffffb3;border-radius:40%;height:8px;width:3px}.scroll-arrow{border-bottom:2px solid #ffffffb3;border-right:2px solid #ffffffb3}@keyframes scroll{0%{opacity:1;top:8px}to{opacity:0;top:24px}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:992px){.about-content{flex-direction:column;text-align:center}.profile-image{margin-bottom:30px;margin-right:0}.about-text{padding-left:0}.about-text p{margin-left:auto;margin-right:auto}.cta-buttons{justify-content:center}.trophy-container{left:20px;top:50%}.story-card{left:100%;max-width:500px;top:-50px;transform:translateX(-50%);width:90%}}.profile-container{margin-right:70px}@keyframes float{0%{opacity:1;transform:translateY(0) rotate(0deg)}50%{opacity:.5}to{opacity:0;transform:translateY(-60px) rotate(1turn)}}.particle-effects{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.particle{animation:float 15s linear infinite;background-color:#3d5afe66;border-radius:50%;height:3px;position:absolute;width:3px}@media (max-width:992px){.about-content{flex-direction:column;padding:30px 0;text-align:center}.profile-container{margin-bottom:50px;margin-right:0;transform:scale(.9)}.profile-image{margin-right:0}.about-text{max-width:100%;padding-left:0}.bio-text{margin-left:auto;margin-right:auto}.cta-buttons{justify-content:center}.trophy-container{left:-60px;top:50%}.achievement-hint{left:-170px}.story-card{max-width:550px;top:-50px;width:90%}.profession-title:after,.story-card{left:50%;transform:translateX(-50%)}}@media (max-width:768px){.name-title{font-size:2.8rem}.profession-title{font-size:1.5rem}.profile-img-container{height:280px;width:280px}.primary-btn,.secondary-btn{font-size:.9rem;padding:12px 25px}.trophy-container{left:-50px}.satellite-buttons{height:200px;left:-40px;width:200px}.satellite-button{height:70px;width:70px}}.trophy-container{left:-140px;pointer-events:none;position:absolute;top:40%;transform:translateY(-50%);z-index:10}.trophy-container *{pointer-events:auto}.trophy-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#3d5afe26;border:2px solid #3d5afe99;border-radius:50%;box-shadow:0 0 20px #3d5afe4d;cursor:pointer;display:flex;height:70px;justify-content:center;overflow:hidden;position:absolute;width:70px;z-index:15}.trophy-button:before{background:radial-gradient(circle,#3d5afe33 0,#0000 60%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .5s ease;width:200%}.trophy-button:hover:before{animation:rotate 4s linear infinite;opacity:1}.trophy-inner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.trophy-button img{filter:drop-shadow(0 0 5px rgba(61,90,254,.5));height:40px;object-fit:contain;width:40px}.achievement-hint{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(90deg,#121212e6,#121212fa);border-radius:20px;border-bottom-right-radius:0;border-left:2px solid #3d5afecc;border-top-right-radius:0;box-shadow:0 5px 15px #0003,0 0 5px #3d5afe33;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;left:-180px;max-width:180px;padding:10px 15px;position:absolute;top:50%;transform:translateY(-50%);z-index:14}.hint-text{white-space:nowrap}.hint-arrow{animation:bounceRight 1s infinite;color:#3d5afe;font-size:18px}@keyframes bounceRight{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.satellite-buttons{position:absolute;width:150px;z-index:14}.satellite-buttons.multi-column{grid-gap:30px 20px;display:grid;gap:30px 20px;grid-template-columns:repeat(2,1fr);left:-80px;top:-250px;width:250px}.satellite-button{border-radius:12px;box-shadow:0 5px 15px #0000004d;cursor:pointer;height:90px;overflow:hidden;position:absolute;transition:transform .3s ease,box-shadow .3s ease;width:120px}.satellite-button:first-child{left:0;top:-240px}.satellite-button:nth-child(2){left:0;top:-120px}.satellite-button:nth-child(3){left:0;top:120px}.satellite-button:nth-child(4){left:0;top:240px}.satellite-button:after{background:linear-gradient(135deg,#3d5afe66,#0000 80%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.satellite-button img{height:100%;object-fit:contain;transition:transform .5s ease;width:100%}.satellite-button:hover{box-shadow:0 8px 20px #0006,0 0 15px #3d5afe4d;transform:scale(1.1)}.achievement-tooltip{background:#121212f2;border-left:3px solid #3d5afecc;border-radius:8px;box-shadow:0 5px 15px #0000004d;color:#fff;font-size:14px;font-weight:500;left:105px;max-width:200px;opacity:0;padding:10px 15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease,transform .3s ease;white-space:nowrap;width:max-content;z-index:16}.satellite-button:hover .achievement-tooltip{opacity:1;transform:translateY(-50%) translateX(5px)}.story-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c12f2;border:none;border-radius:16px;box-shadow:0 15px 35px #00000080,0 0 15px #3d5afe33;left:650px;overflow:hidden;padding:25px;position:absolute;top:-130px;width:550px;z-index:20}.story-card:before{background:linear-gradient(90deg,#3d5afeb3,#ff2d55b3);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.story-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.story-header h3{color:#fff;font-size:1.6rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.close-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:5px;transition:all .3s ease;width:32px}.close-button:hover{background:#fff3;box-shadow:0 0 10px #3d5afe80;color:#fff}.story-content{display:flex;gap:25px}.story-image{flex:0 0 45%}.story-image img{border-radius:8px;box-shadow:0 5px 15px #0000004d;max-height:280px;object-fit:cover;width:100%}.story-text{color:#fffffff2;flex:1 1}.story-text p{font-size:1.05rem;line-height:1.6;margin-bottom:20px}.story-link{background:linear-gradient(135deg,#3d5afee6,#3d5afeb3);border-radius:30px;box-shadow:0 4px 10px #0003;color:#fff;display:inline-block;font-weight:600;margin-top:15px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.story-link:hover{background:linear-gradient(135deg,#3d5afe,#3d5afecc);box-shadow:0 6px 15px #0000004d,0 0 10px #3d5afe4d;transform:translateY(-3px)}@media (max-width:992px){.story-content{flex-direction:column}.story-image{flex:0 0 100%}.story-card{left:50%;max-width:550px;transform:translateX(-50%);width:90%}.trophy-container{left:-100px}.satellite-buttons{left:-60px}}:root{--experience-card-height:400px;--experience-card-width:100%;--logo-size:150px}.experience-grid{display:flex;flex-direction:column;gap:8px;padding:20px 0}.experience-card{align-items:center;background:#0000;border:none;border-radius:16px;cursor:pointer;display:flex;height:450px;justify-content:center;margin-bottom:0;overflow:visible;padding:20px 0;position:relative;transition:all .4s ease;width:100%}.experience-card.expanded{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0f0f0ff2,#191919e6);border:2px solid #3d5afe33;border-radius:20px;box-shadow:0 15px 50px #0006,0 0 30px #3d5afe1a;height:480px;margin:0 20px;padding:40px}.experience-logo-section{border-radius:20px;box-shadow:0 10px 30px #0000004d;cursor:pointer;flex-shrink:0;height:400px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:400px}.experience-logo-section:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4a3c6bf2,#4a3c6bcc);border:1px solid #ffffff1a;border-radius:20px;bottom:20px;box-shadow:0 6px 20px #4a3c6b66;color:#fff;content:"CLICK TO OPEN";font-family:var(--font-ai);font-size:.8rem;font-weight:700;left:50%;letter-spacing:1px;opacity:0;padding:10px 18px;pointer-events:none;position:absolute;transform:translateX(-50%);transform:translateX(-50%) translateY(10px);transition:all .3s ease;white-space:nowrap;z-index:5}.experience-logo-section:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.experience-card.expanded .experience-logo-section:after{opacity:0}.experience-logo-section:hover{box-shadow:0 10px 30px #0000004d,0 0 25px #4a3c6b4d;transform:scale(1.02)}.experience-card.expanded .experience-logo-section:hover{box-shadow:0 10px 30px #0000004d;transform:translateX(-100px) scale(1)}.experience-card.expanded{justify-content:flex-start}.experience-card.expanded .experience-logo-section{height:400px;transform:translateX(-100px);width:400px}.experience-logo-container{height:100%;overflow:hidden;position:relative;width:100%}.experience-logo-container,.logo-overlay{align-items:center;display:flex;justify-content:center}.logo-overlay{background:linear-gradient(45deg,#000000bf,#00000080 50%,#000000bf);bottom:0;flex-direction:column;left:0;opacity:1;padding:20px;position:absolute;right:0;text-align:center;top:0;transition:opacity .3s ease;z-index:2}.experience-card.expanded .logo-overlay{opacity:0}.company-name-overlay{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin-bottom:8px;text-shadow:0 2px 8px #000c}.company-name-overlay,.job-title-overlay{font-family:var(--font-ai);letter-spacing:.5px}.job-title-overlay{color:#fff;font-size:1.4rem;font-weight:700;text-shadow:0 2px 10px #000c}.experience-logo{height:100%;object-fit:cover;width:100%;z-index:1}.experience-content{display:flex;flex:1 1;flex-direction:column;gap:16px;max-width:0;opacity:0;overflow:hidden;padding:20px 30px 20px 32px;pointer-events:none;position:relative;transform:scale(.8) translateY(20px);transform-origin:left center;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.experience-card.expanded .experience-content{max-width:600px;opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.experience-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.experience-title-section{flex:1 1}.experience-title{color:#fff;font-family:var(--font-ai);font-size:1.6rem;font-weight:700;letter-spacing:-.5px;line-height:1.3;margin:0 0 8px;transition:color .3s ease}.experience-company-text{color:#3d5afee6;font-family:var(--font-ai);font-size:1.1rem;font-weight:600;margin:0;opacity:.9}.experience-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px;text-align:right}.experience-duration{background:#3d5afe1a;border:1px solid #3d5afe33;border-radius:12px;color:#3d5afecc;font-size:.9rem;font-weight:600;padding:4px 12px}.experience-location{color:#ffffffb3;font-size:.85rem;font-weight:500}.experience-description{margin-bottom:16px;overflow:hidden;transition:all .4s ease}.experience-bullets{color:#ffffffd9;font-family:var(--font-base);line-height:1.6;list-style:none;margin:0;padding-left:0}.experience-bullets li{font-size:.95rem;font-weight:400;margin-bottom:12px;padding-left:20px;position:relative;transition:all .3s ease}.experience-bullets li:before{color:#3d5afe;content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute;top:2px;transform:scale(1);transition:all .3s ease}.experience-card:hover .experience-bullets li:before{color:#6c5ce7;transform:scale(1.2)}.tech-stack{gap:4px;margin-bottom:16px}.experience-links,.tech-stack{display:flex;flex-wrap:wrap;transition:all .3s ease}.experience-links{gap:12px;margin-top:auto;padding-top:12px}.experience-link{align-items:center;background:#0000;border:none;display:flex;justify-content:center;position:relative;text-decoration:none}.experience-link,.experience-link img{height:36px;transition:all .3s ease;width:36px}.experience-link img{object-fit:contain;opacity:.8}.experience-link:hover{transform:scale(1.1)}.experience-link:hover img{opacity:1}.experience-link.website:hover{filter:drop-shadow(0 0 15px rgba(61,90,254,.6))}.experience-link.github:hover{filter:drop-shadow(0 0 15px rgba(255,255,255,.4))}.experience-link.demo:hover{filter:drop-shadow(0 0 15px rgba(0,200,83,.6))}@media (max-width:968px){.experience-card{height:320px}.experience-card.expanded{height:320px;margin:0 15px;padding:30px}.experience-logo-section{height:300px;width:300px}.experience-card.expanded .experience-logo-section{height:300px;transform:translateX(-80px);width:300px}.experience-content{padding:15px 20px 15px 24px}.experience-title{font-size:1.3rem}.company-name-overlay,.experience-company-text{font-size:1rem}.job-title-overlay{font-size:1.2rem}}@media (max-width:768px){.experience-card{height:270px}.experience-card.expanded{height:270px;margin:0 10px;padding:24px}.experience-logo-section{height:250px;width:250px}.experience-card.expanded .experience-logo-section{height:250px;transform:translateX(-60px);width:250px}.experience-content{gap:12px;padding:12px 16px 12px 20px}.experience-title{font-size:1.2rem}.experience-company-text{font-size:.95rem}.experience-bullets li{font-size:.9rem;margin-bottom:8px}.experience-link,.experience-link img{height:32px;width:32px}.company-name-overlay{font-size:.9rem}.job-title-overlay{font-size:1.1rem}}@media (max-width:480px){.experience-grid{gap:6px;padding:10px 0}.experience-card{height:220px}.experience-card.expanded{height:220px;margin:0 8px;padding:20px}.experience-logo-section{height:200px;width:200px}.experience-card.expanded .experience-logo-section{height:200px;transform:translateX(-40px);width:200px}.experience-content{gap:10px;padding:10px 12px 10px 16px}.experience-title{font-size:1rem}.experience-company-text{font-size:.85rem}.experience-bullets li{font-size:.8rem;margin-bottom:6px}.experience-links{gap:6px}.experience-link,.experience-link img{height:28px;width:28px}.experience-duration{font-size:.75rem;padding:2px 8px}.experience-location{font-size:.75rem}.company-name-overlay{font-size:.8rem}.job-title-overlay{font-size:1rem}}.publication-card{background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 2px 8px #0000001a;font-family:Times New Roman,serif;margin-bottom:24px;padding:32px;transition:all .3s ease}.publication-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-2px)}.publication-header{margin-bottom:20px}.publication-status{align-items:center;display:flex;gap:12px;margin-bottom:16px}.status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.citation-count{background:#ffffff1a;border-radius:12px;color:#ffffffb3;font-size:.85rem;padding:4px 8px}.publication-title{color:#000;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 16px}.publication-authors,.publication-title{font-family:Times New Roman,serif;text-align:center}.publication-authors{color:#333;font-size:1rem;font-style:italic;line-height:1.4;margin:0 0 12px}.publication-venue{color:#666;font-family:Times New Roman,serif;font-size:.9rem;margin-bottom:20px;text-align:center}.publication-content{display:flex;flex-direction:column;gap:20px}.publication-abstract h4,.publication-keywords h4,.tech-stack h4{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 12px}.abstract-text{color:#333;font-family:Times New Roman,serif;font-size:.95rem;line-height:1.6;margin:0;text-align:justify}.abstract-toggle{background:none;border:none;color:#3d5afe;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:8px;text-decoration:underline}.abstract-toggle:hover{color:#304ffe}.tech-badges{display:flex;flex-wrap:wrap;gap:6px}.keywords-list{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:16px;color:#ffffffe6;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 10px}.publication-links{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:12px;padding-top:16px}.publication-link{align-items:center;background:#fff;border:1px solid #ddd;border-radius:0;color:#333;display:flex;font-size:.9rem;font-weight:500;gap:8px;letter-spacing:.5px;padding:10px 16px;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.publication-link:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.publication-link .icon-img{height:16px;object-fit:contain;width:16px}.publication-link span{color:#333}.publication-link.pdf:hover{background:#f443364d;border-color:#f4433680}.publication-link.github:hover{background:#ffffff4d;border-color:#ffffff80}.publication-link.website:hover{background:#3d5afe4d;border-color:#3d5afe80}.publication-link.arxiv:hover{background:#b0443e4d;border-color:#b0443e80}@media (max-width:768px){.publication-card{padding:20px}.publication-title{font-size:1.2rem}.publication-details{gap:6px}.publication-dates,.publication-venue{font-size:.85rem}.publication-links{gap:8px}.publication-link{font-size:.8rem;padding:8px 12px}}@media (max-width:480px){.publication-status{align-items:flex-start;flex-direction:column;gap:8px}.keywords-list{gap:6px}.keyword-tag{font-size:.75rem;padding:3px 8px}}.minimal-contact-section{background:#0d0d0df2;padding:60px 0}.minimal-contact-section .section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3d5afe,#00c853);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:60px;text-align:center}.contact-belt{align-items:flex-end;display:flex;gap:40px;height:100px;justify-content:center;margin:0 auto;max-width:800px}.contact-link{color:inherit;display:block;text-decoration:none}.contact-icon{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:80px;justify-content:flex-end;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-icon img{height:40px;margin-bottom:8px;object-fit:contain;transition:all .3s ease;width:40px}.contact-label{bottom:-25px;color:#fff;font-size:.85rem;font-weight:500;left:50%;opacity:0;position:absolute;text-align:center;transform:translateX(-50%);transition:all .3s ease;white-space:nowrap}.contact-icon:hover img{transform:scale(1.3)}.contact-icon:hover .contact-label{opacity:1}@media (max-width:768px){.contact-belt{gap:25px;height:90px}.contact-icon img{height:35px;width:35px}.contact-label{font-size:.8rem}.minimal-contact-section .section-title{font-size:2rem;margin-bottom:40px}}@media (max-width:480px){.contact-belt{flex-wrap:wrap;gap:20px;height:auto;justify-content:center}.contact-icon{height:70px}.contact-icon img{height:30px;width:30px}.contact-label{font-size:.75rem}}.collapsible-tabs-container{margin:40px 0;position:relative;z-index:2}.collapsible-tabs-wrapper{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;padding:0 80px;width:100%}.collapsible-tab-wrapper{position:relative}.collapsible-tab-wrapper:hover:after{background:#000c;border-radius:4px;bottom:-30px;color:#fff;content:"Click to open";font-size:.8rem;left:50%;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.collapsible-tab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:0;cursor:pointer;min-width:250px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease;width:fit-content}.collapsible-tab-content{align-items:center;display:flex;gap:20px;justify-content:center;position:relative;z-index:2}.googly-eyes{align-items:center;display:flex;gap:10px}.eye{background:#fff;border-radius:50%;box-shadow:inset 0 2px 4px #0000001a,0 2px 8px #0003;height:30px;overflow:hidden;position:relative;width:22px}.eyeball{background:radial-gradient(circle at 30% 30%,#333,#000);box-shadow:0 1px 2px #0006,inset 0 0 0 1px #fff3;height:15px;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .1s ease-out;width:15px}.eyeball,.eyeball:after{border-radius:50%;position:absolute}.eyeball:after{background:#ffffffe6;box-shadow:0 0 1px #fff9;content:"";height:3px;left:25%;top:20%;width:3px}.eye-left{--eye-rotation:-5deg;transform:rotate(-5deg)}.eye-right{--eye-rotation:5deg;transform:rotate(5deg)}.collapsible-tab:hover .eye{animation:blink 4s ease-in-out infinite}@keyframes blink{0%,92%,to{transform:scaleY(1) rotate(0deg);transform:scaleY(1) rotate(var(--eye-rotation,0deg))}94%,96%{transform:scaleY(.05) rotate(0deg);transform:scaleY(.05) rotate(var(--eye-rotation,0deg))}}.collapsible-tab-label{flex:1 1;font-size:1.1rem;font-weight:700;letter-spacing:1.5px;text-align:center;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.collapsible-tab-arrow{align-items:center;color:#fff;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));justify-content:center}.collapsible-active-indicator{background:#fffc;border-radius:2px;bottom:0;box-shadow:0 0 10px #fff9;height:3px;left:0;position:absolute;width:100%}.collapsible-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0d0db3;border-radius:0 0 16px 16px;margin-left:calc(-50vw + 50%);margin-top:-16px;overflow:hidden;padding-top:16px;width:100vw}.collapsible-content-inner{padding:24px 16px 16px}@media (max-width:768px){.collapsible-tab{padding:16px 20px}.collapsible-tab-label{font-size:1rem;letter-spacing:1px}.collapsible-content-inner{padding:20px 15px 15px}.eye{height:25px;width:20px}.eyeball{height:8px;width:8px}.googly-eyes{gap:10px}}@media (max-width:480px){.collapsible-tabs-wrapper{padding:0 10px}.collapsible-tab{padding:14px 16px}.collapsible-tab-label{font-size:.9rem}.eye{height:22px;width:18px}.eyeball{height:7px;width:7px}.googly-eyes{gap:8px}.collapsible-tab-content{gap:15px}}.experience-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.experience-modal{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#0a0a0afa,#141414fa);border:1px solid #3d5afe4d;border-radius:24px;box-shadow:0 25px 80px #0009,0 0 40px #3d5afe1a;left:50%;max-height:90vh;max-width:1400px;overflow:hidden;position:fixed;top:50%;inset:0;margin:auto;transform:translate(-50%,-50%);width:95vw;z-index:1001}.experience-modal-header{align-items:center;background:linear-gradient(90deg,#3d5afe1a,#6c5ce71a);border-bottom:1px solid #6c5ce733;display:flex;justify-content:space-between;padding:24px 32px}.experience-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3d5afe,#6c5ce7);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.8rem;font-weight:700;margin:0}.experience-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.experience-modal-close:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.experience-modal-content{max-height:calc(85vh - 100px);overflow-y:auto;padding:32px}.experience-modal-content::-webkit-scrollbar{width:6px}.experience-modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.experience-modal-content::-webkit-scrollbar-thumb{background:#6c5ce780;border-radius:3px}.experience-modal-content::-webkit-scrollbar-thumb:hover{background:#6c5ce7b3}@media (max-width:768px){.experience-modal{max-height:90vh;width:95vw}.experience-modal-header{padding:20px 24px}.experience-modal-header h2{font-size:1.5rem}.experience-modal-content{padding:24px 20px}}@media (max-width:480px){.experience-modal{border-radius:16px;width:98vw}.experience-modal-header{padding:16px 20px}.experience-modal-header h2{font-size:1.3rem}.experience-modal-content{padding:20px 16px}}.nav-link{border-radius:4px;color:#fff;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#3d5afe33;color:#3d5afe}.about-section{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:40px 0;position:relative;transition:all .5s ease}.about-section.story-active{background:#0009}.about-content{align-items:center;display:flex;justify-content:space-between;padding-left:50px;position:relative;width:100%;z-index:10}.profile-container{margin-right:90px;position:relative}.profile-image{flex:0 0 auto;z-index:5}.profile-image,.profile-img-container{position:relative;transition:all .5s ease}.profile-img-container{border:3px solid #3d5afe66;border-radius:50%;box-shadow:0 10px 30px #0000004d,0 0 30px #3d5afe33;height:320px;overflow:hidden;width:320px}.profile-img-container:hover{box-shadow:0 15px 40px #0006,0 0 40px #3d5afe4d;transform:translateY(-5px)}.profile-img-glow{background:radial-gradient(circle at 30% 30%,#3d5afe33 0,#0000 70%);bottom:0;left:0;mix-blend-mode:screen;pointer-events:none;position:absolute;right:0;top:0}.profile-img-container img{height:100%;object-fit:cover;transition:transform .7s ease;width:100%}.profile-img-container:hover img{transform:scale(1.05)}.about-text{flex:1 1;max-width:650px;padding-left:20px;z-index:5}.name-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#3d5afecc);-webkit-background-clip:text;background-clip:text;color:#f5f5f5;font-size:3.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:10px;text-shadow:0 5px 30px #0000004d}.profession-title{color:#3d5afee6;display:inline-block;font-size:1.7rem;letter-spacing:.5px;margin-bottom:24px;position:relative}.profession-title:after{background:linear-gradient(90deg,#3d5afee6,#3d5afe4d);border-radius:3px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.bio-text{color:#ffffffe6;font-size:1.15rem;font-weight:400;line-height:1.7;margin-bottom:35px;max-width:600px}.cta-buttons{display:flex;gap:20px}.primary-btn,.secondary-btn{border:none;border-radius:30px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:14px 30px;position:relative;transition:all .3s ease}.primary-btn{background:linear-gradient(135deg,#3d5afe,#506effcc);color:#fff}.primary-btn:before{background:radial-gradient(circle,#ffffff4d 0,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:scale(0);transition:transform .5s cubic-bezier(.4,0,.2,1);width:200%}.primary-btn:hover:before{transform:scale(1)}.secondary-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1e1e1eb3;border:2px solid #3d5afe80;color:#fff}.secondary-btn:hover{background-color:#3d5afe33;border-color:#3d5afecc}.scroll-indicator{bottom:40px;cursor:pointer;filter:drop-shadow(0 0 8px rgba(61,90,254,.3));left:50%;position:absolute;transform:translateX(-50%);z-index:5}.mouse{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px solid #fffc;border-radius:25px;height:45px;margin:0 auto;position:relative;transition:all .3s ease;width:30px}.scroll-indicator:hover .mouse{border-color:#3d5afecc;box-shadow:0 0 15px #3d5afe4d}.wheel{background:linear-gradient(180deg,#fff,#3d5afecc);border-radius:4px;height:10px;left:50%;opacity:.8;position:absolute;top:8px;transform:translateX(-50%);width:4px}.scroll-arrow{border-bottom:2px solid #ffffffe6;border-right:2px solid #ffffffe6;display:block;height:10px;margin:10px auto 0;transform:rotate(45deg);transition:all .3s ease;width:10px}.scroll-indicator:hover .scroll-arrow{border-color:#3d5afee6}@media (max-width:992px){.about-content{flex-direction:column;padding:30px 0;text-align:center}.profile-container{margin-bottom:50px;margin-right:0;transform:scale(.9)}.profile-image{margin-right:0}.about-text{max-width:100%;padding-left:0}.bio-text{margin-left:auto;margin-right:auto}.cta-buttons{justify-content:center}.profession-title:after{left:50%;transform:translateX(-50%)}}@media (max-width:768px){.name-title{font-size:2.8rem}.profession-title{font-size:1.5rem}.profile-img-container{height:280px;width:280px}.primary-btn,.secondary-btn{font-size:.9rem;padding:12px 25px}}@media (max-width:480px){.cta-buttons{flex-direction:column;gap:15px;margin:0 auto;max-width:250px;width:100%}.primary-btn,.secondary-btn{width:100%}.profile-img-container{height:240px;width:240px}}.resume-page{background-color:#0a0a0a;color:#f5f5f5;font-family:Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.resume-header{justify-content:space-between;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:900px}.back-button,.resume-header{align-items:center;display:flex}.back-button{color:#f5f5f5;font-size:1rem;text-decoration:none;transition:color .2s ease}.back-button:hover{color:#3d5afe}.back-icon{font-size:1.2rem;margin-right:.5rem}.resume-viewer{background-color:#1e1e1ecc;border-radius:8px;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;margin:0 auto;max-width:900px;overflow:hidden;width:100%}.resume-tabs{background-color:#141414e6;border-bottom:1px solid #333;display:flex}.resume-tab{background:none;border:none;color:#f5f5f5;cursor:pointer;flex:1 1;font-weight:500;padding:1rem;position:relative;transition:all .2s ease}.resume-tab:after{background-color:#3d5afe;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.resume-tab:hover:after{width:100%}.resume-tab.active{color:#3d5afe}.resume-tab.active:after{width:100%}.resume-content{height:80vh;max-height:700px}.resume-frame{border:none;height:100%;width:100%}.resume-actions{background-color:#141414e6;display:flex;justify-content:center;padding:1rem}.download-button{background-color:#3d5afe;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.download-button:hover{background-color:#304ffe;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;transform:translateY(-2px)}@media (max-width:768px){.resume-content{height:60vh}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.fe0714c6.css.map*/