@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}}.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.359b0a48.css.map*/