#root,body,html{background:radial-gradient(circle at center,#000,#222,#555);font-family:Verdana,Geneva,Tahoma,sans-serif;height:100vh;margin:0;overflow-x:hidden;overflow-y:scroll;padding:0}.corner-icon{color:#38b6ff;font-size:clamp(4rem,8vw,6rem);opacity:.1;pointer-events:none;position:fixed;transition:opacity 1s ease;z-index:0}.corner-icon.top-left{left:10px;top:10px}.corner-icon.top-right{right:10px;top:10px}.corner-icon.bottom-left{bottom:10px;left:10px}.corner-icon.bottom-right{bottom:10px;right:10px}@media (max-width:768px){.corner-icon{opacity:0}}.dynamic-background{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.background-canvas{background:#0000}.background-canvas,.gradient-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.gradient-overlay{animation:gradientShift 30s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#38b6ff14 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b6b14 0,#0000 50%),radial-gradient(circle at 40% 80%,#4ecdc414 0,#0000 50%),linear-gradient(135deg,#0d0d0de6,#1a1a1af2)}@keyframes gradientShift{0%,to{background:radial-gradient(circle at 20% 50%,#38b6ff14 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b6b14 0,#0000 50%),radial-gradient(circle at 40% 80%,#4ecdc414 0,#0000 50%),linear-gradient(135deg,#0d0d0de6,#1a1a1af2)}50%{background:radial-gradient(circle at 60% 70%,#38b6ff1a 0,#0000 50%),radial-gradient(circle at 30% 30%,#ff6b6b1a 0,#0000 50%),radial-gradient(circle at 80% 60%,#4ecdc41a 0,#0000 50%),linear-gradient(135deg,#0d0d0de6,#1a1a1af2)}}.dynamic-background:before{animation:gridMove 20s linear infinite;background:repeating-linear-gradient(90deg,#0000,#0000 100px,#38b6ff05 0,#38b6ff05 101px);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(100px)}}.dynamic-background:after{animation:particleFloat 30s ease-in-out infinite;background:radial-gradient(circle,#38b6ff1a 1px,#0000 0);background-size:50px 50px;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}@keyframes particleFloat{0%,to{opacity:.5;transform:translate(0) scale(1)}25%{opacity:.7;transform:translate(-20px,-30px) scale(1.1)}50%{opacity:.4;transform:translate(30px,-20px) scale(.9)}75%{opacity:.6;transform:translate(-10px,40px) scale(1.05)}}@media(max-width:768px){.gradient-overlay{animation-duration:20s}.dynamic-background:before{animation-duration:15s;opacity:.5}}@media(max-width:480px){.dynamic-background:before{display:none}.gradient-overlay{animation:none;background:linear-gradient(135deg,#0d0d0df2,#1a1a1afa)}}@media(prefers-reduced-motion:reduce){.dynamic-background:before,.gradient-overlay{animation:none}.gradient-overlay{background:linear-gradient(135deg,#0d0d0df2,#1a1a1afa)}}.floating-objects{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:40}.float{animation:floatAcross 20s linear infinite;color:#38b6ff;filter:drop-shadow(0 0 10px currentColor);font-size:1.6rem;opacity:.7;position:absolute}.float:first-child{animation-delay:0s;top:5%}.float:nth-child(2){animation-delay:1s;top:10%}.float:nth-child(3){animation-delay:2s;top:15%}.float:nth-child(4){animation-delay:3s;top:20%}.float:nth-child(5){animation-delay:4s;top:25%}.float:nth-child(6){animation-delay:5s;top:30%}.float:nth-child(7){animation-delay:6s;top:40%}.float:nth-child(8){animation-delay:6s;top:50%}.float:nth-child(9){animation-delay:6s;top:60%}.float:nth-child(10){animation-delay:6s;top:70%}.float:nth-child(11){animation-delay:6s;top:80%}.float:nth-child(12){animation-delay:6s;top:90%}.float:nth-child(13){animation-delay:6s;top:95%}.small{font-size:1.2rem}.medium{font-size:1.8rem}.fast{animation-duration:15s}.medium{animation-duration:20s}.slow{animation-duration:25s}.reverse{animation-name:floatReverse}.wave{animation-name:floatWave}@keyframes floatAcross{0%{opacity:0;transform:translateX(-100px)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateX(calc(100vw + 100px))}}@keyframes floatReverse{0%{opacity:0;transform:translateX(calc(100vw + 100px))}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateX(-100px)}}@keyframes floatWave{0%{opacity:0;transform:translateX(-100px) translateY(0)}10%{opacity:.7}25%{transform:translateX(25vw) translateY(-40px)}50%{transform:translateX(50vw) translateY(40px)}75%{transform:translateX(75vw) translateY(-40px)}90%{opacity:.7}to{opacity:0;transform:translateX(calc(100vw + 100px)) translateY(0)}}@media(max-width:768px){.float{font-size:1.4rem;opacity:.5}.small{font-size:1rem}.medium{font-size:1.2rem}}.ai-brain-container{background:#0000;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.ai-brain-container canvas{cursor:grab;height:100%!important;opacity:.7;width:100%!important}.ai-brain-container canvas:active{cursor:grabbing}@media(max-width:768px){.ai-brain-container canvas{opacity:.5}}@media(max-width:480px){.ai-brain-container canvas{opacity:.4}}.ai-brain-container.ai-brain-fallback{align-items:center;display:flex;justify-content:center}.ai-brain-container.ai-brain-fallback .brain-fallback-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#38b6ff1a;border:1px solid #38b6ff33;border-radius:20px;padding:2rem;text-align:center}.ai-brain-container.ai-brain-fallback .brain-fallback-content .fallback-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem;opacity:.6}.ai-brain-container.ai-brain-fallback .brain-fallback-content p{color:#f0f0f0;font-size:1rem;margin:0;opacity:.8}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #38b6ff4d}50%{box-shadow:0 0 40px #38b6ff99}}.portfolio-spa{background:linear-gradient(135deg,#000,#1a1a1a 50%,#0d0d0d);box-sizing:border-box;color:#f0f0f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.portfolio-spa .mobile-menu-overlay{animation:fadeInOverlay .4s ease forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;z-index:998}@keyframes fadeInOverlay{to{opacity:1}}.portfolio-spa .main-nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #fff3;box-shadow:0 8px 32px #0000004d;box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;transition:all .6s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}@media(max-width:480px){.portfolio-spa .main-nav{padding:.8rem 1rem}}@media(max-width:360px){.portfolio-spa .main-nav{padding:.6rem .8rem}}.portfolio-spa .main-nav:hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px #0000004d}.portfolio-spa .main-nav .nav-brand{align-items:center;color:#38b6ff;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;z-index:1001}@media(max-width:480px){.portfolio-spa .main-nav .nav-brand{font-size:1.3rem;gap:.4rem}}@media(max-width:360px){.portfolio-spa .main-nav .nav-brand{font-size:1.2rem;gap:.3rem}}.portfolio-spa .main-nav .nav-brand svg{animation:rotate 10s linear infinite}.portfolio-spa .main-nav .mobile-menu-toggle{background:none;border:none;color:#38b6ff;cursor:pointer;display:none;font-size:1.5rem;margin-left:auto;transition:all .3s ease;z-index:1001}.portfolio-spa .main-nav .mobile-menu-toggle:hover{color:#fff;transform:scale(1.1)}.portfolio-spa .main-nav .nav-links{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.portfolio-spa .main-nav .nav-links .nav-link{background:none;border:none;border-radius:15px;color:#f0f0f0;display:inline-block;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.portfolio-spa .main-nav .nav-links .nav-link:before{background:linear-gradient(90deg,#0000,#38b6ff66,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.portfolio-spa .main-nav .nav-links .nav-link:hover{box-shadow:0 0 20px #38b6ff4d,0 0 40px #38b6ff33,0 0 60px #38b6ff1a;color:#fff;transform:translateY(-2px)}.portfolio-spa .main-nav .nav-links .nav-link:hover:before{left:100%}.portfolio-spa .main-nav .nav-links .nav-link.active{background:#38b6ff1a;box-shadow:0 0 20px #38b6ff4d,0 0 40px #38b6ff33,0 0 60px #38b6ff1a;color:#38b6ff}.portfolio-spa .main-nav .nav-links .nav-link.resume-link{background:linear-gradient(135deg,#38b6ff,#0056b3);color:#fff}.portfolio-spa .main-nav .nav-links .nav-link.resume-link:hover{background:linear-gradient(135deg,#6bc9ff,#006fe6);transform:translateY(-2px) scale(1.05)}.portfolio-spa .main-nav:after{clear:both;content:"";display:table}.portfolio-spa .section{box-sizing:border-box;padding:6rem 0 4rem;position:relative;width:100%}@media(max-width:768px){.portfolio-spa .section{padding:5rem 0 3rem}}@media(max-width:480px){.portfolio-spa .section{padding:4rem 0 2rem}}.portfolio-spa .section .container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 2rem;width:100%}@media(max-width:768px){.portfolio-spa .section .container{padding:0 1rem}}@media(max-width:480px){.portfolio-spa .section .container{padding:0 .8rem}}.portfolio-spa .section .section-title{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease forwards;animation-delay:0s;background:linear-gradient(135deg,#38b6ff,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);margin-bottom:3rem;opacity:0;position:relative;text-align:center;transform:translateY(30px)}.portfolio-spa .section .section-title:after{background:linear-gradient(90deg,#38b6ff,#ff6b6b);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.portfolio-spa .hero-section{align-items:center;background:radial-gradient(ellipse at center,#38b6ff26 0,#0000 50%),radial-gradient(ellipse at top left,#ff6b6b14 0,#0000 60%),radial-gradient(ellipse at bottom right,#4ecdc414 0,#0000 60%),linear-gradient(135deg,#000,#0a0a0a 50%,#0d0d0d);box-sizing:border-box;display:flex;justify-content:center;margin-top:70px;min-height:100vh;overflow:hidden;padding:2rem 0;position:relative;text-align:center}@media(max-width:768px){.portfolio-spa .hero-section{margin-top:40px;min-height:calc(100vh - 70px);padding:0}}@media(max-width:480px){.portfolio-spa .hero-section{margin-top:40px;min-height:calc(100vh - 70px);padding:0}}.portfolio-spa .hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='%23334155' stroke-width='.5' opacity='.3'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.08;position:absolute;right:0;top:0;z-index:1}.portfolio-spa .hero-section .hero-brain-container{height:100%;left:0;pointer-events:auto;position:absolute;top:0;width:100%;z-index:2}@media(max-width:768px){.portfolio-spa .hero-section .hero-brain-container{opacity:.8}}@media(max-width:480px){.portfolio-spa .hero-section .hero-brain-container{opacity:.6}}.portfolio-spa .hero-section .hero-content{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(ellipse at center,#0000004d 0,#0000 70%);border-radius:30px;box-sizing:border-box;max-width:900px;padding:0 2rem;position:relative;width:100%;z-index:10}@media(max-width:768px){.portfolio-spa .hero-section .hero-content{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(ellipse at center,#00000080 0,#0000 70%);max-width:100%;padding:0 1.5rem}}@media(max-width:480px){.portfolio-spa .hero-section .hero-content{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(ellipse at center,#0009 0,#0000 70%);padding:0 1rem}}@media(max-width:360px){.portfolio-spa .hero-section .hero-content{padding:0 .8rem}}.portfolio-spa .hero-section .hero-content .hero-icon-container{animation:fadeInUp .8s ease forwards;animation-delay:.2s;margin-bottom:2rem;opacity:0;transform:translateY(30px)}@media(max-width:480px){.portfolio-spa .hero-section .hero-content .hero-icon-container{margin-bottom:1.5rem}}@media(max-width:360px){.portfolio-spa .hero-section .hero-content .hero-icon-container{margin-bottom:1.2rem}}.portfolio-spa .hero-section .hero-content .hero-icon-container .hero-icon{animation:float 3s ease-in-out infinite;color:#38b6ff;filter:drop-shadow(0 0 20px rgba(56,182,255,.5));font-size:5rem}@media(max-width:480px){.portfolio-spa .hero-section .hero-content .hero-icon-container .hero-icon{font-size:4rem}}@media(max-width:360px){.portfolio-spa .hero-section .hero-content .hero-icon-container .hero-icon{font-size:3.5rem}}.portfolio-spa .hero-section .hero-content .hero-name{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease forwards;animation-delay:.4s;background:linear-gradient(135deg,#fff,#38b6ff,#85d2ff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 20px rgba(56,182,255,.6));font-size:clamp(2.5rem,6vw,5.5rem);font-weight:900;letter-spacing:3px;line-height:1.1;margin-bottom:1.5rem;opacity:0;text-shadow:0 0 80px #38b6ff80;transform:translateY(30px);word-break:break-word}@media(max-width:480px){.portfolio-spa .hero-section .hero-content .hero-name{font-size:clamp(2rem,8vw,3rem);letter-spacing:1.5px;margin-bottom:1rem}}@media(max-width:360px){.portfolio-spa .hero-section .hero-content .hero-name{font-size:clamp(1.8rem,9vw,2.5rem);letter-spacing:1px}}.portfolio-spa .hero-section .hero-content .hero-tagline{animation:fadeInUp .8s ease forwards;animation-delay:.6s;color:#fff;font-size:clamp(1.1rem,3vw,2rem);font-weight:600;line-height:1.4;margin-bottom:1.5rem;opacity:.95;opacity:0;text-shadow:0 2px 20px #000000b3,0 0 40px #38b6ff4d;transform:translateY(30px)}@media(max-width:480px){.portfolio-spa .hero-section .hero-content .hero-tagline{font-size:clamp(1rem,4vw,1.4rem);margin-bottom:1rem}}@media(max-width:360px){.portfolio-spa .hero-section .hero-content .hero-tagline{font-size:clamp(.95rem,4.5vw,1.2rem)}}.portfolio-spa .hero-section .hero-content .hero-intro{animation:fadeInUp .8s ease forwards;animation-delay:.8s;color:#fdfdfd;font-size:1.2rem;font-weight:500;line-height:1.6;margin-bottom:2.5rem;opacity:.9;opacity:0;text-shadow:0 2px 15px #000000b3;transform:translateY(30px)}@media(max-width:768px){.portfolio-spa .hero-section .hero-content .hero-intro{font-size:1.1rem;line-height:1.5;margin-bottom:2rem}}@media(max-width:480px){.portfolio-spa .hero-section .hero-content .hero-intro{font-size:1rem;line-height:1.4;margin-bottom:1.5rem}}@media(max-width:360px){.portfolio-spa .hero-section .hero-content .hero-intro{font-size:.95rem;margin-bottom:1.2rem}}.portfolio-spa .hero-section .hero-content .social-icons{animation:fadeInUp .8s ease forwards;animation-delay:1s;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2rem;opacity:0;transform:translateY(30px)}@media(max-width:480px){.portfolio-spa .hero-section .hero-content .social-icons{gap:1rem;margin-bottom:1.5rem}}@media(max-width:360px){.portfolio-spa .hero-section .hero-content .social-icons{gap:.8rem;margin-bottom:1.2rem}}.portfolio-spa .hero-section .hero-content .social-icons .social-icon{align-items:center;background:#38b6ff1a;border:2px solid #38b6ff4d;border-radius:50%;color:#38b6ff;display:flex;font-size:1.5rem;height:60px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:60px}@media(max-width:480px){.portfolio-spa .hero-section .hero-content .social-icons .social-icon{font-size:1.3rem;height:50px;width:50px}}@media(max-width:360px){.portfolio-spa .hero-section .hero-content .social-icons .social-icon{font-size:1.2rem;height:45px;width:45px}}.portfolio-spa .hero-section .hero-content .social-icons .social-icon:before{background:radial-gradient(circle,#38b6ff4d,#0000);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.portfolio-spa .hero-section .hero-content .social-icons .social-icon:hover{border-color:#38b6ff;box-shadow:0 0 20px #38b6ff4d,0 0 40px #38b6ff33,0 0 60px #38b6ff1a;transform:translateY(-5px) scale(1.1)}.portfolio-spa .hero-section .hero-content .social-icons .social-icon:hover:before{height:100px;width:100px}.portfolio-spa .hero-section .hero-content .cta-button{animation:fadeInUp .8s ease forwards;animation-delay:1.2s;background:linear-gradient(135deg,#38b6ff,#05a3ff);border:2px solid #38b6ff80;border-radius:50px;box-shadow:0 10px 40px #38b6ff66;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;opacity:0;overflow:hidden;padding:1.2rem 3rem;position:relative;text-transform:uppercase;transform:translateY(30px);transition:all .4s cubic-bezier(.4,0,.2,1)}@media(max-width:480px){.portfolio-spa .hero-section .hero-content .cta-button{font-size:1.05rem;padding:1rem 2.5rem}}@media(max-width:360px){.portfolio-spa .hero-section .hero-content .cta-button{font-size:1rem;padding:.9rem 2.2rem}}.portfolio-spa .hero-section .hero-content .cta-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.portfolio-spa .hero-section .hero-content .cta-button:hover{background:linear-gradient(135deg,#6bc9ff,#38b6ff);border-color:#38b6ff;box-shadow:0 15px 50px #38b6ff99,0 0 60px #38b6ff66;transform:translateY(-5px) scale(1.08)}.portfolio-spa .hero-section .hero-content .cta-button:hover:before{left:100%}.portfolio-spa .hero-section .hero-content .cta-button:active{transform:translateY(-3px) scale(1.05)}.portfolio-spa .about-section{background:linear-gradient(135deg,#38b6ff0d,#0000);padding-top:2rem!important}.portfolio-spa .about-section .about-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin-bottom:4rem}@media(max-width:991px){.portfolio-spa .about-section .about-content{gap:3rem;grid-template-columns:1fr;text-align:center}}.portfolio-spa .about-section .about-content .about-image{animation:fadeInUp .8s ease forwards;animation-delay:.3s;opacity:0;text-align:center;transform:translateY(30px)}.portfolio-spa .about-section .about-content .about-image .profile-image{border:4px solid #38b6ff;border-radius:50%;box-shadow:0 0 20px #38b6ff4d,0 0 40px #38b6ff33,0 0 60px #38b6ff1a;height:300px;object-fit:cover;transition:all .6s cubic-bezier(.4,0,.2,1);width:300px}.portfolio-spa .about-section .about-content .about-image .profile-image:hover{transform:scale(1.05) rotate(5deg)}@media(max-width:768px){.portfolio-spa .about-section .about-content .about-image .profile-image{height:250px;width:250px}}@media(max-width:480px){.portfolio-spa .about-section .about-content .about-image .profile-image{height:200px;width:200px}}.portfolio-spa .about-section .about-content .about-text{animation:fadeInUp .8s ease forwards;animation-delay:.5s;opacity:0;transform:translateY(30px)}.portfolio-spa .about-section .about-content .about-text .about-role{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:1.8rem;text-align:left}@media(max-width:991px){.portfolio-spa .about-section .about-content .about-text .about-role{text-align:center}}@media(max-width:468px){.portfolio-spa .about-section .about-content .about-text .about-role{font-size:1.5rem;margin-bottom:1.2rem}}.portfolio-spa .about-section .about-content .about-text .about-role .dynamic-role{color:#ff6b6b;display:inline-block;margin-left:.4rem}.portfolio-spa .about-section .about-content .about-text .about-role .dynamic-role.fade-in{animation:fadeIn .6s ease-in-out}.portfolio-spa .about-section .about-content .about-text p{color:#f0f0f0;font-size:1.2rem;line-height:1.8;margin-bottom:2rem;max-width:none;opacity:.9;text-align:left}@media(max-width:991px){.portfolio-spa .about-section .about-content .about-text p{margin-left:auto;margin-right:auto;max-width:800px;text-align:center}}@media(max-width:768px){.portfolio-spa .about-section .about-content .about-text p{font-size:1.1rem;margin-bottom:1.5rem}}@media(max-width:480px){.portfolio-spa .about-section .about-content .about-text p{font-size:1rem;line-height:1.6}}.portfolio-spa .about-section .about-content .about-text p strong{color:#38b6ff}.portfolio-spa .about-section .education-section{margin-top:4rem}.portfolio-spa .about-section .education-section .subsection-title{animation:fadeInUp .8s ease forwards;animation-delay:.3s;color:#38b6ff;font-size:2rem;margin-bottom:3rem;opacity:0;text-align:center;transform:translateY(30px)}@media(max-width:768px){.portfolio-spa .about-section .education-section .subsection-title{font-size:1.6rem;margin-bottom:2rem}}.portfolio-spa .about-section .education-section .education-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media(max-width:768px){.portfolio-spa .about-section .education-section .education-grid{gap:1.5rem;grid-template-columns:1fr}}.portfolio-spa .about-section .education-section .education-grid .education-item{animation:fadeInUp .8s ease forwards;animation-delay:.5s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #fff3;border-left:4px solid #38b6ff;border-radius:15px;box-shadow:0 8px 32px #0000004d;opacity:0;padding:2rem;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.portfolio-spa .about-section .education-section .education-grid .education-item:hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px #0000004d;box-shadow:0 0 20px #38b6ff4d,0 0 40px #38b6ff33,0 0 60px #38b6ff1a;transform:translateY(-5px)}@media(max-width:768px){.portfolio-spa .about-section .education-section .education-grid .education-item{padding:1.5rem}}.portfolio-spa .about-section .education-section .education-grid .education-item h4{color:#38b6ff;font-size:1.3rem;margin-bottom:.5rem}@media(max-width:768px){.portfolio-spa .about-section .education-section .education-grid .education-item h4{font-size:1.2rem}}.portfolio-spa .about-section .education-section .education-grid .education-item .institution{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.3rem}@media(max-width:768px){.portfolio-spa .about-section .education-section .education-grid .education-item .institution{font-size:1rem}}.portfolio-spa .about-section .education-section .education-grid .education-item .date{color:#ff6b6b;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.portfolio-spa .about-section .education-section .education-grid .education-item .gpa{color:#4ecdc4;font-size:1rem;font-weight:600;margin-bottom:1rem}.portfolio-spa .about-section .education-section .education-grid .education-item .achievement,.portfolio-spa .about-section .education-section .education-grid .education-item .highlight{color:#f0f0f0;font-size:.95rem;line-height:1.6;opacity:.9}@media(max-width:768px){.portfolio-spa .about-section .education-section .education-grid .education-item .achievement,.portfolio-spa .about-section .education-section .education-grid .education-item .highlight{font-size:.9rem}}.portfolio-spa .about-section .education-section .education-grid .education-item .achievement strong,.portfolio-spa .about-section .education-section .education-grid .education-item .highlight strong{color:#38b6ff}@media(min-width:992px){.portfolio-spa .about-section .about-content{display:block!important}.portfolio-spa .about-section .about-image{clip-path:circle(50% at 50% 50%);float:left;margin-bottom:1rem;margin-right:2rem;shape-outside:circle(50% at 50% 50%);width:300px}.portfolio-spa .about-section .about-text h3{margin-top:0}.portfolio-spa .about-section .about-text p{margin:.9rem 0}}.portfolio-spa .skills-section{overflow:hidden;padding:4rem 0!important;position:relative}@media(max-width:768px){.portfolio-spa .skills-section{padding:3rem 0!important}}@media(max-width:480px){.portfolio-spa .skills-section{padding:2.5rem 0!important}}.portfolio-spa .skills-section .skills-carousel{margin:0 auto;max-width:1300px;padding:3rem 90px;position:relative}@media(max-width:991px){.portfolio-spa .skills-section .skills-carousel{padding:2.5rem 70px}}@media(max-width:768px){.portfolio-spa .skills-section .skills-carousel{padding:2rem 55px}}@media(max-width:480px){.portfolio-spa .skills-section .skills-carousel{padding:1.5rem 42px}}@media(max-width:360px){.portfolio-spa .skills-section .skills-carousel{padding:1.2rem 38px}}.portfolio-spa .skills-section .carousel-arrow{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#38b6ff26,#ff6b6b1a);border:2px solid #38b6ff59;border-radius:50%;box-shadow:0 8px 32px #38b6ff26;color:#38b6ff;cursor:pointer;display:flex;font-size:1.4rem;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .35s cubic-bezier(.4,0,.2,1);width:56px;z-index:10}@media(max-width:991px){.portfolio-spa .skills-section .carousel-arrow{font-size:1.25rem;height:48px;width:48px}}@media(max-width:768px){.portfolio-spa .skills-section .carousel-arrow{font-size:1.15rem;height:42px;width:42px}}@media(max-width:480px){.portfolio-spa .skills-section .carousel-arrow{border-width:1.5px;font-size:1rem;height:36px;width:36px}}@media(max-width:360px){.portfolio-spa .skills-section .carousel-arrow{font-size:.9rem;height:32px;width:32px}}.portfolio-spa .skills-section .carousel-arrow:hover:not(:disabled){background:linear-gradient(135deg,#38b6ff59,#ff6b6b40);border-color:#38b6ffb3;box-shadow:0 12px 40px #38b6ff66;transform:translateY(-50%) scale(1.12)}.portfolio-spa .skills-section .carousel-arrow:active:not(:disabled){transform:translateY(-50%) scale(.92)}.portfolio-spa .skills-section .carousel-arrow:disabled{cursor:not-allowed;opacity:.3}.portfolio-spa .skills-section .carousel-arrow-left{left:15px}@media(max-width:991px){.portfolio-spa .skills-section .carousel-arrow-left{left:10px}}@media(max-width:768px){.portfolio-spa .skills-section .carousel-arrow-left{left:6px}}@media(max-width:480px){.portfolio-spa .skills-section .carousel-arrow-left{left:3px}}@media(max-width:360px){.portfolio-spa .skills-section .carousel-arrow-left{left:2px}}.portfolio-spa .skills-section .carousel-arrow-right{right:15px}@media(max-width:991px){.portfolio-spa .skills-section .carousel-arrow-right{right:10px}}@media(max-width:768px){.portfolio-spa .skills-section .carousel-arrow-right{right:6px}}@media(max-width:480px){.portfolio-spa .skills-section .carousel-arrow-right{right:3px}}@media(max-width:360px){.portfolio-spa .skills-section .carousel-arrow-right{right:2px}}.portfolio-spa .skills-section .carousel-content{overflow:hidden;position:relative;touch-action:pan-y;width:100%}.portfolio-spa .skills-section .carousel-slide{animation:slideIn .5s ease-out;display:flex;flex-direction:column}@keyframes slideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.portfolio-spa .skills-section .skill-header{align-items:center;display:flex;flex-direction:column;margin-bottom:3rem;padding:1rem 0;position:relative}@media(max-width:768px){.portfolio-spa .skills-section .skill-header{margin-bottom:2.5rem;padding:.8rem 0}}@media(max-width:480px){.portfolio-spa .skills-section .skill-header{margin-bottom:2rem;padding:.6rem 0}}.portfolio-spa .skills-section .skill-header:after{background:linear-gradient(90deg,#0000,#38b6ff,#ff6b6b,#0000);border-radius:10px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:120px}@media(max-width:768px){.portfolio-spa .skills-section .skill-header:after{height:2.5px;width:100px}}@media(max-width:480px){.portfolio-spa .skills-section .skill-header:after{height:2px;width:80px}}.portfolio-spa .skills-section .skill-icon-large{animation:pulse 3s ease-in-out infinite;color:#38b6ff;filter:drop-shadow(0 0 30px rgba(56,182,255,.7));font-size:4.5rem;margin-bottom:1.2rem}@media(max-width:991px){.portfolio-spa .skills-section .skill-icon-large{font-size:4rem;margin-bottom:1rem}}@media(max-width:768px){.portfolio-spa .skills-section .skill-icon-large{font-size:3.5rem;margin-bottom:.9rem}}@media(max-width:480px){.portfolio-spa .skills-section .skill-icon-large{font-size:3rem;margin-bottom:.7rem}}@media(max-width:360px){.portfolio-spa .skills-section .skill-icon-large{font-size:2.6rem;margin-bottom:.6rem}}.portfolio-spa .skills-section .skill-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38b6ff,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:.8px;margin:0;text-align:center;text-transform:uppercase}@media(max-width:991px){.portfolio-spa .skills-section .skill-title{font-size:2.2rem;letter-spacing:.6px}}@media(max-width:768px){.portfolio-spa .skills-section .skill-title{font-size:1.9rem;letter-spacing:.5px}}@media(max-width:480px){.portfolio-spa .skills-section .skill-title{font-size:1.5rem;letter-spacing:.4px}}@media(max-width:360px){.portfolio-spa .skills-section .skill-title{font-size:1.3rem;letter-spacing:.3px}}.portfolio-spa .skills-section .skills-content{display:flex;flex-direction:column;gap:2.5rem;max-width:100%;width:100%}@media(max-width:991px){.portfolio-spa .skills-section .skills-content{gap:2rem}}@media(max-width:768px){.portfolio-spa .skills-section .skills-content{gap:1.8rem}}@media(max-width:480px){.portfolio-spa .skills-section .skills-content{gap:1.5rem}}@media(max-width:360px){.portfolio-spa .skills-section .skills-content{gap:1.3rem}}.portfolio-spa .skills-section .skill-category{display:flex;flex-direction:column;gap:1.2rem}@media(max-width:768px){.portfolio-spa .skills-section .skill-category{gap:1rem}}@media(max-width:480px){.portfolio-spa .skills-section .skill-category{gap:.9rem}}.portfolio-spa .skills-section .category-title{color:#38b6ff;font-size:1.6rem;font-weight:700;letter-spacing:.5px;margin:0;padding-bottom:1rem;position:relative;text-align:center;text-shadow:0 0 20px #38b6ff4d}@media(max-width:991px){.portfolio-spa .skills-section .category-title{font-size:1.5rem;padding-bottom:.9rem}}@media(max-width:768px){.portfolio-spa .skills-section .category-title{font-size:1.35rem;letter-spacing:.4px;padding-bottom:.8rem}}@media(max-width:480px){.portfolio-spa .skills-section .category-title{font-size:1.2rem;letter-spacing:.3px;padding-bottom:.7rem}}@media(max-width:360px){.portfolio-spa .skills-section .category-title{font-size:1.1rem;padding-bottom:.6rem}}.portfolio-spa .skills-section .category-title:after{background:linear-gradient(90deg,#0000,#38b6ffcc,#ff6b6bcc,#0000);border-radius:10px;bottom:0;content:"";height:2.5px;left:50%;position:absolute;transform:translateX(-50%);width:90px}@media(max-width:768px){.portfolio-spa .skills-section .category-title:after{height:2px;width:75px}}@media(max-width:480px){.portfolio-spa .skills-section .category-title:after{height:1.8px;width:60px}}@media(max-width:360px){.portfolio-spa .skills-section .category-title:after{height:1.5px;width:50px}}.portfolio-spa .skills-section .skills-chips{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;padding:0 .5rem}@media(max-width:768px){.portfolio-spa .skills-section .skills-chips{gap:.75rem;padding:0 .3rem}}@media(max-width:480px){.portfolio-spa .skills-section .skills-chips{gap:.65rem;padding:0 .2rem}}@media(max-width:360px){.portfolio-spa .skills-section .skills-chips{gap:.55rem;padding:0}}.portfolio-spa .skills-section .skill-chip{-webkit-backdrop-filter:blur(8px) saturate(150%);backdrop-filter:blur(8px) saturate(150%);background:linear-gradient(135deg,#38b6ff33,#ff6b6b26);border:1.5px solid #38b6ff73;border-radius:35px;box-shadow:0 6px 20px #0000004d,0 0 15px #38b6ff1a;color:#fff;cursor:default;display:inline-block;font-size:1.05rem;font-weight:600;line-height:1.3;overflow:hidden;padding:.7rem 1.3rem;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}@media(max-width:991px){.portfolio-spa .skills-section .skill-chip{font-size:1rem;padding:.65rem 1.2rem}}@media(max-width:768px){.portfolio-spa .skills-section .skill-chip{border-width:1.3px;font-size:.95rem;padding:.6rem 1.1rem}}@media(max-width:480px){.portfolio-spa .skills-section .skill-chip{border-width:1.2px;font-size:.88rem;padding:.55rem 1rem}}@media(max-width:360px){.portfolio-spa .skills-section .skill-chip{border-width:1px;font-size:.82rem;padding:.5rem .9rem}}.portfolio-spa .skills-section .skill-chip:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.portfolio-spa .skills-section .skill-chip:hover{background:linear-gradient(135deg,#38b6ff59,#ff6b6b40);border-color:#38b6ffcc;box-shadow:0 10px 30px #38b6ff66,0 0 25px #38b6ff33;transform:translateY(-4px) scale(1.04)}.portfolio-spa .skills-section .skill-chip:hover:before{opacity:1}.portfolio-spa .skills-section .carousel-counter{display:flex;justify-content:center;margin-top:3rem}@media(max-width:768px){.portfolio-spa .skills-section .carousel-counter{margin-top:2.5rem}}@media(max-width:480px){.portfolio-spa .skills-section .carousel-counter{margin-top:2rem}}@media(max-width:360px){.portfolio-spa .skills-section .carousel-counter{margin-top:1.8rem}}.portfolio-spa .skills-section .counter-text{-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);background:linear-gradient(135deg,#38b6ff33,#ff6b6b1f);border:2px solid #38b6ff80;border-radius:40px;box-shadow:0 6px 25px #38b6ff40,inset 0 1px 0 #ffffff1a;color:#38b6ff;font-size:1.15rem;font-weight:700;letter-spacing:1px;padding:.6rem 1.8rem;transition:all .3s ease}@media(max-width:991px){.portfolio-spa .skills-section .counter-text{font-size:1.1rem;padding:.55rem 1.6rem}}@media(max-width:768px){.portfolio-spa .skills-section .counter-text{border-width:1.8px;font-size:1.05rem;padding:.5rem 1.5rem}}@media(max-width:480px){.portfolio-spa .skills-section .counter-text{border-width:1.5px;font-size:.95rem;letter-spacing:.8px;padding:.45rem 1.3rem}}@media(max-width:360px){.portfolio-spa .skills-section .counter-text{font-size:.88rem;letter-spacing:.6px;padding:.4rem 1.1rem}}.portfolio-spa .skills-section .counter-text:hover{box-shadow:0 8px 30px #38b6ff59,inset 0 1px 0 #ffffff26;transform:scale(1.05)}.portfolio-spa .experience-section{background:radial-gradient(ellipse at top,#38b6ff08 0,#0000 70%);padding:5rem 0!important}@media(max-width:768px){.portfolio-spa .experience-section{padding:4rem 0!important}}@media(max-width:480px){.portfolio-spa .experience-section{padding:3rem 0!important}}.portfolio-spa .experience-section .experience-timeline{margin:0 auto;max-width:1200px;padding-left:60px;position:relative}@media(max-width:991px){.portfolio-spa .experience-section .experience-timeline{padding-left:50px}}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline{padding-left:40px}}@media(max-width:480px){.portfolio-spa .experience-section .experience-timeline{padding-left:30px}}.portfolio-spa .experience-section .experience-timeline:before{background:linear-gradient(180deg,#38b6ffcc,#38b6ff80 50%,#38b6ff33);bottom:60px;box-shadow:0 0 20px #38b6ff80;content:"";left:20px;position:absolute;top:20px;width:3px}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline:before{left:15px;width:2.5px}}@media(max-width:480px){.portfolio-spa .experience-section .experience-timeline:before{left:10px;width:2px}}.portfolio-spa .experience-section .experience-timeline .experience-item{align-items:flex-start;animation:fadeInUp .6s ease both;display:flex;gap:2.5rem;margin-bottom:5rem;position:relative}@media(max-width:991px){.portfolio-spa .experience-section .experience-timeline .experience-item{gap:2rem;margin-bottom:4rem}}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline .experience-item{gap:1.5rem;margin-bottom:3.5rem}}@media(max-width:480px){.portfolio-spa .experience-section .experience-timeline .experience-item{gap:1.2rem;margin-bottom:3rem}}.portfolio-spa .experience-section .experience-timeline .experience-item:last-child{margin-bottom:0}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-timeline-marker{align-items:center;display:flex;flex-direction:column;left:-40px;position:absolute;top:45px;z-index:2}@media(max-width:991px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-timeline-marker{top:40px}}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-timeline-marker{left:-25px;top:35px}}@media(max-width:480px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-timeline-marker{left:-20px;top:30px}}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-timeline-marker .timeline-dot{background:linear-gradient(135deg,#38b6ff,#85d2ff);border:3px solid #38b6ff4d;border-radius:50%;box-shadow:0 0 0 5px #38b6ff26,0 0 25px #38b6ff99,inset 0 2px 5px #ffffff4d;height:22px;position:relative;transition:all .4s ease;width:22px}@media(max-width:991px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-timeline-marker .timeline-dot{height:20px;width:20px}}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-timeline-marker .timeline-dot{border-width:2.5px;height:18px;width:18px}}@media(max-width:480px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-timeline-marker .timeline-dot{border-width:2px;height:16px;width:16px}}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-timeline-marker .timeline-dot:after{animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite;background:#38b6ff;border-radius:50%;content:"";inset:-3px;opacity:0;position:absolute}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-timeline-marker .timeline-line{display:none}.portfolio-spa .experience-section .experience-timeline .experience-item:hover .timeline-dot{box-shadow:0 0 0 8px #38b6ff40,0 0 35px #38b6ffcc,inset 0 2px 5px #fff6;transform:scale(1.35)}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-logo{flex-shrink:0;margin-top:.5rem;position:relative}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-logo:after{background:linear-gradient(135deg,#38b6ff,#ff6b6b);border-radius:50%;content:"";filter:blur(15px);inset:-5px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-logo img{border:3px solid #38b6ff80;border-radius:50%;box-shadow:0 6px 20px #38b6ff4d;display:block;height:110px;object-fit:cover;transition:all .4s ease;width:110px}@media(max-width:991px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-logo img{height:100px;width:100px}}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-logo img{border-width:2.5px;height:85px;width:85px}}@media(max-width:480px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-logo img{border-width:2px;height:70px;width:70px}}.portfolio-spa .experience-section .experience-timeline .experience-item:hover .experience-logo:after{opacity:.6}.portfolio-spa .experience-section .experience-timeline .experience-item:hover .experience-logo img{border-color:#38b6ff;box-shadow:0 8px 25px #38b6ff99;transform:scale(1.1)}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content{flex:1 1;min-width:0;padding:.5rem 0}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-header{margin-bottom:1.5rem}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-header{margin-bottom:1.2rem}}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-header .title-row{align-items:center;display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:.9rem}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-header .title-row{gap:.8rem}}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content h3.experience-title{align-items:center;color:#38b6ff;display:flex;font-size:1.7rem;font-weight:800;margin:0;text-shadow:0 0 20px #38b6ff4d}@media(max-width:991px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content h3.experience-title{font-size:1.5rem}}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content h3.experience-title{font-size:1.3rem}}@media(max-width:480px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content h3.experience-title{font-size:1.15rem}}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content h3.experience-title svg{color:#38b6ff;filter:drop-shadow(0 0 8px rgba(56,182,255,.5))}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-type{background:linear-gradient(135deg,#4ecdc433,#38b6ff26);border:1.5px solid #4ecdc466;border-radius:20px;color:#4ecdc4;display:inline-block;font-size:.9rem;font-weight:700;padding:.4rem 1rem;white-space:nowrap}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-type{font-size:.85rem;padding:.35rem .8rem}}@media(max-width:480px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-type{font-size:.8rem;padding:.3rem .7rem}}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content h4.experience-company{word-wrap:break-word;color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:.7rem;overflow-wrap:break-word}@media(max-width:991px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content h4.experience-company{font-size:1.3rem}}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content h4.experience-company{font-size:1.2rem;margin-bottom:.6rem}}@media(max-width:480px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content h4.experience-company{font-size:1.1rem}}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:1.2rem}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-meta{gap:.7rem;margin-bottom:1rem}}@media(max-width:480px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-meta{gap:.6rem}}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-meta p{font-size:1.02rem;margin:0}@media(max-width:991px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-meta p{font-size:1rem}}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-meta p{font-size:.96rem}}@media(max-width:480px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-meta p{font-size:.92rem}}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-meta .experience-date{color:#ff6b6b;font-weight:700}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-meta .experience-location{color:#fdfdfd;font-weight:600}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-meta .meta-separator{color:#38b6ff80;font-size:1.1rem;font-weight:700}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content p.experience-description{word-wrap:break-word;color:#f0f0f0;font-size:1.08rem;line-height:1.8;margin-bottom:1.8rem;opacity:.95;overflow-wrap:break-word}@media(max-width:991px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content p.experience-description{font-size:1.05rem;margin-bottom:1.5rem}}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content p.experience-description{font-size:1rem;line-height:1.75;margin-bottom:1.3rem}}@media(max-width:480px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content p.experience-description{font-size:.96rem;line-height:1.7;margin-bottom:1.2rem}}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-achievements{list-style:none;margin:0;padding:0}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-achievements li{word-wrap:break-word;color:#f0f0f0;font-size:1.02rem;line-height:1.8;margin-bottom:1.2rem;opacity:.92;overflow-wrap:break-word;padding-left:2rem;position:relative}@media(max-width:991px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-achievements li{font-size:1rem;margin-bottom:1rem}}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-achievements li{font-size:.97rem;line-height:1.75;margin-bottom:.9rem;padding-left:1.6rem}}@media(max-width:480px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-achievements li{font-size:.92rem;line-height:1.7;margin-bottom:.85rem;padding-left:1.5rem}}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-achievements li:before{color:#38b6ff;content:"▸";font-size:1.3rem;font-weight:700;left:0;line-height:1;position:absolute;top:.1rem}@media(max-width:768px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-achievements li:before{font-size:1.2rem}}@media(max-width:480px){.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-achievements li:before{font-size:1.1rem}}.portfolio-spa .experience-section .experience-timeline .experience-item .experience-content .experience-achievements li:last-child{margin-bottom:0}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.portfolio-spa .projects-section{background:radial-gradient(ellipse at top left,#38b6ff0d 0,#0000 50%),radial-gradient(ellipse at bottom right,#ff6b6b0d 0,#0000 50%),linear-gradient(135deg,#4ecdc405,#0000);overflow:visible;padding:6rem 0!important;position:relative}@media(max-width:768px){.portfolio-spa .projects-section{padding:4.5rem 0!important}}@media(max-width:480px){.portfolio-spa .projects-section{padding:3.5rem 0!important}}.portfolio-spa .projects-section:before{background:linear-gradient(180deg,#38b6ff05,#0000 20%,#0000 80%,#ff6b6b05);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.portfolio-spa .projects-section .projects-list{margin:3rem auto 0;max-width:1300px;position:relative}@media(max-width:991px){.portfolio-spa .projects-section .projects-list{margin-top:2.5rem}}@media(max-width:768px){.portfolio-spa .projects-section .projects-list{margin-top:2rem}}.portfolio-spa .projects-section .projects-list .project-item{align-items:center;animation:fadeInUp .7s ease both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#38b6ff0a,#ff6b6b08,#4ecdc405);border:2px solid #0000;border-radius:30px;display:flex;gap:4rem;margin-bottom:6rem;padding:3rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}@media(max-width:1200px){.portfolio-spa .projects-section .projects-list .project-item{gap:3rem;padding:2.5rem}}@media(max-width:991px){.portfolio-spa .projects-section .projects-list .project-item{flex-direction:column;gap:2.5rem;margin-bottom:4rem;padding:2.5rem}}@media(max-width:768px){.portfolio-spa .projects-section .projects-list .project-item{border-radius:25px;margin-bottom:3.5rem;padding:2rem}}@media(max-width:480px){.portfolio-spa .projects-section .projects-list .project-item{border-radius:20px;margin-bottom:3rem;padding:1.5rem}}.portfolio-spa .projects-section .projects-list .project-item:last-child{margin-bottom:0}.portfolio-spa .projects-section .projects-list .project-item:before{background:linear-gradient(135deg,#38b6ff4d,#ff6b6b4d,#4ecdc44d);border-radius:30px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .5s ease}@media(max-width:768px){.portfolio-spa .projects-section .projects-list .project-item:before{border-radius:25px}}@media(max-width:480px){.portfolio-spa .projects-section .projects-list .project-item:before{border-radius:20px}}.portfolio-spa .projects-section .projects-list .project-item:hover{background:linear-gradient(135deg,#38b6ff14,#ff6b6b0f,#4ecdc40a);box-shadow:0 20px 60px #38b6ff33,0 10px 30px #ff6b6b26;transform:translateY(-10px)}.portfolio-spa .projects-section .projects-list .project-item:hover:before{opacity:1}.portfolio-spa .projects-section .projects-list .project-item.project-item-reverse{flex-direction:row-reverse}@media(max-width:991px){.portfolio-spa .projects-section .projects-list .project-item.project-item-reverse{flex-direction:column}}.portfolio-spa .projects-section .projects-list .project-item .project-image-container{flex:0 0 45%;max-width:45%;position:relative}@media(max-width:991px){.portfolio-spa .projects-section .projects-list .project-item .project-image-container{flex:0 0 100%;max-width:100%}}.portfolio-spa .projects-section .projects-list .project-item .project-image-container .project-image-wrapper{border-radius:20px;box-shadow:0 15px 40px #0006;overflow:hidden;position:relative;transition:all .5s ease}@media(max-width:768px){.portfolio-spa .projects-section .projects-list .project-item .project-image-container .project-image-wrapper{border-radius:16px}}.portfolio-spa .projects-section .projects-list .project-item .project-image-container .project-image-wrapper img{display:block;height:auto;min-height:320px;object-fit:cover;transition:transform .6s ease;width:100%}@media(max-width:991px){.portfolio-spa .projects-section .projects-list .project-item .project-image-container .project-image-wrapper img{min-height:280px}}@media(max-width:768px){.portfolio-spa .projects-section .projects-list .project-item .project-image-container .project-image-wrapper img{min-height:250px}}@media(max-width:480px){.portfolio-spa .projects-section .projects-list .project-item .project-image-container .project-image-wrapper img{min-height:220px}}.portfolio-spa .projects-section .projects-list .project-item .project-image-container .project-image-wrapper .image-overlay{background:linear-gradient(135deg,#38b6ff33,#ff6b6b26);inset:0;opacity:0;position:absolute;transition:opacity .5s ease}.portfolio-spa .projects-section .projects-list .project-item:hover .project-image-wrapper{box-shadow:0 20px 50px #38b6ff66;transform:scale(1.03)}.portfolio-spa .projects-section .projects-list .project-item:hover .project-image-wrapper img{transform:scale(1.08)}.portfolio-spa .projects-section .projects-list .project-item:hover .project-image-wrapper .image-overlay{opacity:1}.portfolio-spa .projects-section .projects-list .project-item .project-details{flex:1 1;min-width:0}@media(max-width:991px){.portfolio-spa .projects-section .projects-list .project-item .project-details{text-align:center}}.portfolio-spa .projects-section .projects-list .project-item .project-details .project-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#38b6ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:900;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 0 30px #38b6ff4d}@media(max-width:1200px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-title{font-size:1.8rem}}@media(max-width:991px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-title{font-size:1.7rem;margin-bottom:1.3rem}}@media(max-width:768px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-title{font-size:1.5rem;margin-bottom:1.2rem}}@media(max-width:480px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-title{font-size:1.35rem;margin-bottom:1rem}}.portfolio-spa .projects-section .projects-list .project-item .project-details .project-description{word-wrap:break-word;color:#f0f0f0;font-size:1.12rem;line-height:1.9;margin-bottom:2rem;opacity:.95;overflow-wrap:break-word}@media(max-width:1200px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-description{font-size:1.08rem;margin-bottom:1.8rem}}@media(max-width:991px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-description{font-size:1.05rem;margin-bottom:1.6rem;text-align:left}}@media(max-width:768px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-description{font-size:1rem;line-height:1.8;margin-bottom:1.5rem}}@media(max-width:480px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-description{font-size:.96rem;line-height:1.75;margin-bottom:1.3rem}}.portfolio-spa .projects-section .projects-list .project-item .project-details .project-highlights{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem}@media(max-width:991px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-highlights{align-items:center}}@media(max-width:768px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-highlights{gap:.7rem;margin-bottom:1.6rem}}.portfolio-spa .projects-section .projects-list .project-item .project-details .project-highlights .highlight-item{align-items:center;color:#4ecdc4;display:flex;font-size:1.05rem;font-weight:600}@media(max-width:991px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-highlights .highlight-item{justify-content:center}}@media(max-width:768px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-highlights .highlight-item{font-size:1rem;justify-content:flex-start}}@media(max-width:480px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-highlights .highlight-item{font-size:.95rem}}.portfolio-spa .projects-section .projects-list .project-item .project-details .project-highlights .highlight-item svg{color:#38b6ff;font-size:.9em}.portfolio-spa .projects-section .projects-list .project-item .project-details .project-technologies{display:flex;flex-wrap:wrap;gap:.8rem}@media(max-width:991px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-technologies{justify-content:center}}@media(max-width:768px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-technologies{gap:.7rem;justify-content:flex-start}}@media(max-width:480px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-technologies{gap:.6rem}}.portfolio-spa .projects-section .projects-list .project-item .project-details .project-technologies .tech-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#38b6ff40,#ff6b6b26);border:2px solid #38b6ff80;border-radius:30px;box-shadow:0 4px 15px #0000004d;color:#38b6ff;cursor:default;font-size:1rem;font-weight:700;padding:.65rem 1.3rem;transition:all .35s cubic-bezier(.4,0,.2,1)}@media(max-width:1200px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-technologies .tech-tag{font-size:.96rem;padding:.6rem 1.2rem}}@media(max-width:991px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-technologies .tech-tag{font-size:.94rem;padding:.58rem 1.15rem}}@media(max-width:768px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-technologies .tech-tag{border-width:1.8px;font-size:.92rem;padding:.55rem 1.1rem}}@media(max-width:480px){.portfolio-spa .projects-section .projects-list .project-item .project-details .project-technologies .tech-tag{border-width:1.5px;font-size:.88rem;padding:.5rem 1rem}}.portfolio-spa .projects-section .projects-list .project-item .project-details .project-technologies .tech-tag:hover{background:linear-gradient(135deg,#38b6ff66,#ff6b6b40);border-color:#38b6ff;box-shadow:0 6px 20px #38b6ff80;transform:translateY(-4px) scale(1.05)}.portfolio-spa .contact-section{background:radial-gradient(ellipse at center,#38b6ff1a 0,#0000 70%)}.portfolio-spa .contact-section .contact-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}@media(max-width:991px){.portfolio-spa .contact-section .contact-content{gap:3rem;grid-template-columns:1fr}}@media(max-width:768px){.portfolio-spa .contact-section .contact-content{gap:2rem}}.portfolio-spa .contact-section .contact-content .contact-info{animation:fadeInUp .8s ease forwards;animation-delay:.3s;opacity:0;transform:translateY(30px)}.portfolio-spa .contact-section .contact-content .contact-info h3{color:#fff;font-size:2rem;margin-bottom:1rem}@media(max-width:768px){.portfolio-spa .contact-section .contact-content .contact-info h3{font-size:1.8rem;text-align:center}}@media(max-width:480px){.portfolio-spa .contact-section .contact-content .contact-info h3{font-size:1.5rem}}.portfolio-spa .contact-section .contact-content .contact-info p{color:#f0f0f0;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.9}@media(max-width:991px){.portfolio-spa .contact-section .contact-content .contact-info p{margin-left:auto;margin-right:auto;max-width:600px;text-align:center}}@media(max-width:768px){.portfolio-spa .contact-section .contact-content .contact-info p{font-size:1rem;margin-bottom:1.5rem}}@media(max-width:480px){.portfolio-spa .contact-section .contact-content .contact-info p{font-size:.95rem}}@media(max-width:991px){.portfolio-spa .contact-section .contact-content .contact-info .contact-methods{margin:0 auto;max-width:500px}}.portfolio-spa .contact-section .contact-content .contact-info .contact-methods .contact-method{align-items:center;background:#38b6ff1a;border:1px solid #38b6ff33;border-radius:15px;color:#f0f0f0;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;text-decoration:none;transition:all .3s ease}@media(max-width:768px){.portfolio-spa .contact-section .contact-content .contact-info .contact-methods .contact-method{margin-bottom:.8rem;padding:.8rem}}@media(max-width:480px){.portfolio-spa .contact-section .contact-content .contact-info .contact-methods .contact-method{flex-direction:column;gap:.5rem;padding:.7rem;text-align:center}}.portfolio-spa .contact-section .contact-content .contact-info .contact-methods .contact-method:hover{background:#38b6ff33;box-shadow:0 0 20px #38b6ff4d,0 0 40px #38b6ff33,0 0 60px #38b6ff1a;transform:translateX(10px)}@media(max-width:480px){.portfolio-spa .contact-section .contact-content .contact-info .contact-methods .contact-method:hover{transform:translateY(-3px)}}.portfolio-spa .contact-section .contact-content .contact-info .contact-methods .contact-method svg{color:#38b6ff;font-size:1.2rem}@media(max-width:480px){.portfolio-spa .contact-section .contact-content .contact-info .contact-methods .contact-method svg{font-size:1.5rem}}@media(max-width:768px){.portfolio-spa .contact-section .contact-content .contact-info .contact-methods .contact-method span{font-size:.9rem}}@media(max-width:480px){.portfolio-spa .contact-section .contact-content .contact-info .contact-methods .contact-method span{font-size:.85rem}}.portfolio-spa .contact-section .contact-content .contact-form{animation:fadeInUp .8s ease forwards;animation-delay:.5s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000004d;opacity:0;padding:2rem;transform:translateY(30px)}@media(max-width:768px){.portfolio-spa .contact-section .contact-content .contact-form{padding:1.5rem}}@media(max-width:480px){.portfolio-spa .contact-section .contact-content .contact-form{padding:1rem}}.portfolio-spa .contact-section .contact-content .contact-form .form-group{margin-bottom:1.5rem}@media(max-width:768px){.portfolio-spa .contact-section .contact-content .contact-form .form-group{margin-bottom:1.2rem}}.portfolio-spa .contact-section .contact-content .contact-form .form-group label{color:#fff;display:block;font-weight:600;margin-bottom:.5rem}@media(max-width:768px){.portfolio-spa .contact-section .contact-content .contact-form .form-group label{font-size:.95rem}}@media(max-width:480px){.portfolio-spa .contact-section .contact-content .contact-form .form-group label{font-size:.9rem}}.portfolio-spa .contact-section .contact-content .contact-form .form-group input,.portfolio-spa .contact-section .contact-content .contact-form .form-group textarea{background:#ffffff0d;border:2px solid #38b6ff4d;border-radius:15px;box-sizing:border-box;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}@media(max-width:768px){.portfolio-spa .contact-section .contact-content .contact-form .form-group input,.portfolio-spa .contact-section .contact-content .contact-form .form-group textarea{font-size:.95rem;padding:.8rem}}@media(max-width:480px){.portfolio-spa .contact-section .contact-content .contact-form .form-group input,.portfolio-spa .contact-section .contact-content .contact-form .form-group textarea{font-size:.9rem;padding:.7rem}}.portfolio-spa .contact-section .contact-content .contact-form .form-group input::placeholder,.portfolio-spa .contact-section .contact-content .contact-form .form-group textarea::placeholder{color:#f0f0f080}@media(max-width:768px){.portfolio-spa .contact-section .contact-content .contact-form .form-group input::placeholder,.portfolio-spa .contact-section .contact-content .contact-form .form-group textarea::placeholder{font-size:.9rem}}.portfolio-spa .contact-section .contact-content .contact-form .form-group input:focus,.portfolio-spa .contact-section .contact-content .contact-form .form-group textarea:focus{background:#ffffff1a;border-color:#38b6ff;box-shadow:0 0 20px #38b6ff4d,0 0 40px #38b6ff33,0 0 60px #38b6ff1a;outline:none}.portfolio-spa .contact-section .contact-content .contact-form .form-group textarea{min-height:120px;resize:vertical}@media(max-width:768px){.portfolio-spa .contact-section .contact-content .contact-form .form-group textarea{min-height:100px}}@media(max-width:480px){.portfolio-spa .contact-section .contact-content .contact-form .form-group textarea{min-height:80px}}.portfolio-spa .contact-section .contact-content .contact-form .submit-button{background:linear-gradient(135deg,#38b6ff,#0056b3);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}@media(max-width:768px){.portfolio-spa .contact-section .contact-content .contact-form .submit-button{font-size:1rem;padding:.9rem}}@media(max-width:480px){.portfolio-spa .contact-section .contact-content .contact-form .submit-button{font-size:.95rem;padding:.8rem}}.portfolio-spa .contact-section .contact-content .contact-form .submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.portfolio-spa .contact-section .contact-content .contact-form .submit-button:hover{box-shadow:0 0 20px #38b6ff4d,0 0 40px #38b6ff33,0 0 60px #38b6ff1a;transform:translateY(-2px)}.portfolio-spa .contact-section .contact-content .contact-form .submit-button:hover:before{left:100%}.portfolio-spa .contact-section .contact-content .contact-form .submit-button:active{transform:translateY(0)}.portfolio-spa .contact-section .contact-content .contact-form .status-message{background:#4ecdc433;border:1px solid #4ecdc44d;border-radius:15px;color:#4ecdc4;margin-top:1rem;padding:1rem;text-align:center}@media(max-width:768px){.portfolio-spa .contact-section .contact-content .contact-form .status-message{font-size:.9rem;padding:.8rem}}@media(max-width:480px){.portfolio-spa .contact-section .contact-content .contact-form .status-message{font-size:.85rem;padding:.7rem}}.portfolio-spa .footer{background:#000;border-top:1px solid #38b6ff33;padding:2rem 0;text-align:center}.portfolio-spa .footer p{color:#f0f0f0;margin:.5rem 0;opacity:.7}.portfolio-spa .footer p:last-child{color:#38b6ff;font-style:italic}@media(min-width:1200px){.portfolio-spa .container{max-width:1400px}.portfolio-spa .skills-grid{grid-template-columns:repeat(3,1fr)}.portfolio-spa .projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1199px){.portfolio-spa .container{max-width:1100px}.portfolio-spa .hero-content .hero-name{font-size:clamp(2.5rem,5vw,4rem)}}@media(max-width:991px){.portfolio-spa .main-nav{padding:1rem 1.5rem}.portfolio-spa .main-nav .nav-links{gap:1.5rem}.portfolio-spa .main-nav .nav-links .nav-link{font-size:.95rem;padding:.4rem .8rem}.portfolio-spa .about-content{gap:2.5rem;grid-template-columns:1fr;text-align:center}.portfolio-spa .about-content .about-image .profile-image{height:250px;width:250px}.portfolio-spa .skills-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.portfolio-spa .projects-grid{gap:2rem;grid-template-columns:1fr}.portfolio-spa .hero-content .hero-icon .hero-icon{font-size:4rem}.portfolio-spa .hero-content .social-icons{gap:1.2rem}.portfolio-spa .hero-content .social-icons .social-icon{font-size:1.3rem;height:55px;width:55px}}@media(max-width:768px){.portfolio-spa .main-nav{box-sizing:border-box;padding:.8rem 1rem;width:100%}.portfolio-spa .main-nav .nav-brand{flex-shrink:0;font-size:1.3rem}.portfolio-spa .main-nav .mobile-menu-toggle{align-items:center;background:#38b6ff1a;border:2px solid #38b6ff4d;border-radius:12px;display:block;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;padding:.6rem;position:relative;width:48px}.portfolio-spa .main-nav .mobile-menu-toggle:before{background:radial-gradient(circle,#38b6ff33,#0000);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;width:0}.portfolio-spa .main-nav .mobile-menu-toggle:hover{border-color:#38b6ff;box-shadow:0 0 20px #38b6ff4d,0 0 40px #38b6ff33,0 0 60px #38b6ff1a}.portfolio-spa .main-nav .mobile-menu-toggle:hover:before{height:70px;width:70px}.portfolio-spa .main-nav .mobile-menu-toggle:active{transform:scale(.95)}.portfolio-spa .main-nav .nav-links{align-items:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#000000f2,#0d0d0de6);border-left:2px solid #38b6ff80;box-shadow:-15px 0 40px #000000e6;flex-direction:column;gap:1.8rem;height:100vh;justify-content:center;padding:2rem;position:fixed;right:-100%;top:0;transition:right .5s cubic-bezier(.4,0,.2,1);width:300px;z-index:999}.portfolio-spa .main-nav .nav-links.nav-links-mobile-open{right:0}.portfolio-spa .main-nav .nav-links .nav-link{background:#38b6ff14;border:2px solid #38b6ff40;border-radius:20px;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0;overflow:hidden;padding:1.2rem 1.8rem;position:relative;text-align:center;text-transform:uppercase;transition:all .3s ease;width:85%}.portfolio-spa .main-nav .nav-links .nav-link:before{background:linear-gradient(90deg,#0000,#38b6ff33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.portfolio-spa .main-nav .nav-links .nav-link:hover{background:#38b6ff26;border-color:#38b6ff99;box-shadow:0 0 20px #38b6ff4d,0 0 40px #38b6ff33,0 0 60px #38b6ff1a;color:#fff;transform:translateX(-8px) scale(1.02)}.portfolio-spa .main-nav .nav-links .nav-link:hover:before{left:100%}.portfolio-spa .main-nav .nav-links .nav-link.active{background:#38b6ff40;border-color:#38b6ff;box-shadow:0 0 20px #38b6ff4d,0 0 40px #38b6ff33,0 0 60px #38b6ff1a;color:#fff}.portfolio-spa .main-nav .nav-links .nav-link.resume-link{background:linear-gradient(135deg,#38b6ff,#0056b3);border:2px solid #0000;box-shadow:0 8px 25px #38b6ff66;color:#fff;font-weight:700;margin-top:1.5rem}.portfolio-spa .main-nav .nav-links .nav-link.resume-link:hover{background:linear-gradient(135deg,#85d2ff,#017bff);box-shadow:0 12px 35px #38b6ff99;transform:translateX(-8px) scale(1.08)}.portfolio-spa .main-nav .nav-links .nav-link.resume-link:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000)}.portfolio-spa .section{padding:3rem 0 2rem}.portfolio-spa .section .container{padding:0 1rem}.portfolio-spa .section .section-title{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:2rem}.portfolio-spa .hero-content{padding:0 1rem}.portfolio-spa .hero-content .hero-icon-container .hero-icon{font-size:3.5rem}.portfolio-spa .hero-content .hero-name{font-size:clamp(2rem,5vw,3rem);margin-bottom:.8rem}.portfolio-spa .hero-content .hero-tagline{font-size:clamp(1rem,3vw,1.4rem);margin-bottom:1rem}.portfolio-spa .hero-content .hero-intro{font-size:1rem;margin-bottom:1.5rem;padding:0 1rem}.portfolio-spa .hero-content .social-icons{gap:1rem;margin-bottom:1.5rem}.portfolio-spa .hero-content .social-icons .social-icon{font-size:1.2rem;height:50px;width:50px}.portfolio-spa .hero-content .cta-button{font-size:1rem;padding:.8rem 2rem}.portfolio-spa .about-content{gap:2rem}.portfolio-spa .about-content .about-image .profile-image{height:220px;width:220px}.portfolio-spa .about-content .about-text p{font-size:1rem;line-height:1.7}.portfolio-spa .skills-grid{gap:1.5rem;grid-template-columns:1fr}.portfolio-spa .skills-grid .skill-card{padding:1.5rem}.portfolio-spa .skills-grid .skill-card .skill-icon{font-size:2.5rem}.portfolio-spa .skills-grid .skill-card h3{font-size:1.3rem}.portfolio-spa .experience-timeline .experience-item{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.portfolio-spa .experience-timeline .experience-item .company-logo{height:60px;width:60px}.portfolio-spa .experience-timeline .experience-item .experience-content h3{font-size:1.2rem}.portfolio-spa .experience-timeline .experience-item .experience-content h4{font-size:1rem}.portfolio-spa .projects-grid{gap:1.5rem;grid-template-columns:1fr}.portfolio-spa .projects-grid .project-card .project-header .project-logo{height:60px;width:60px}.portfolio-spa .projects-grid .project-card .project-content h3{font-size:1.3rem}.portfolio-spa .experience-section .experience-content,.portfolio-spa .experience-section .experience-description,.portfolio-spa .experience-section .experience-description-list{text-align:left!important;width:100%}}@media(max-width:576px){.portfolio-spa .main-nav{padding:.5rem}.portfolio-spa .main-nav .nav-brand{font-size:1.1rem}.portfolio-spa .main-nav .nav-links{gap:1.5rem;width:280px}.portfolio-spa .main-nav .nav-links .nav-link{font-size:.9rem;padding:.7rem 1.2rem}.portfolio-spa .section{padding:2.5rem 0 1.5rem}.portfolio-spa .section .container{padding:0 .8rem}.portfolio-spa .hero-content .hero-icon-container .hero-icon{font-size:3rem}.portfolio-spa .hero-content .social-icons{flex-wrap:wrap;gap:.8rem;justify-content:center}.portfolio-spa .hero-content .social-icons .social-icon{font-size:1.1rem;height:45px;width:45px}.portfolio-spa .about-content .about-image .profile-image{height:200px;width:200px}.portfolio-spa .skill-card{padding:1.2rem}.portfolio-spa .skill-card .skill-icon{font-size:2rem}.portfolio-spa .project-card{padding:1.2rem}.portfolio-spa .project-card .project-technologies .tech-tag{font-size:.7rem;padding:.3rem .6rem}}@media(max-width:480px){.portfolio-spa .main-nav{padding:.5rem}.portfolio-spa .main-nav .nav-brand{font-size:1rem}.portfolio-spa .main-nav .nav-links{gap:1.2rem;width:250px}.portfolio-spa .main-nav .nav-links .nav-link{border-radius:8px;font-size:.85rem;padding:.6rem 1rem}.portfolio-spa .hero-content .hero-name{font-size:clamp(1.8rem,6vw,2.5rem);letter-spacing:1px}.portfolio-spa .hero-content .hero-tagline{font-size:clamp(.9rem,3vw,1.2rem)}.portfolio-spa .hero-content .hero-intro{font-size:.9rem;padding:0 .5rem}.portfolio-spa .hero-content .cta-button{font-size:.9rem;padding:.7rem 1.5rem}.portfolio-spa .hero-content .social-icons{gap:.6rem}.portfolio-spa .hero-content .social-icons .social-icon{font-size:1rem;height:40px;width:40px}.portfolio-spa .section-title{font-size:clamp(1.8rem,5vw,2.2rem);margin-bottom:1.5rem}.portfolio-spa .about-content .about-image .profile-image{height:180px;width:180px}.portfolio-spa .about-content .about-text p{font-size:.9rem;line-height:1.6}.portfolio-spa .skill-card{padding:1rem}.portfolio-spa .skill-card .skill-icon{font-size:1.8rem;margin-bottom:.8rem}.portfolio-spa .skill-card h3{font-size:1.1rem;margin-bottom:.8rem}.portfolio-spa .skill-card p{font-size:.85rem;line-height:1.5}.portfolio-spa .experience-item{padding:1rem}.portfolio-spa .experience-item .company-logo{height:50px;width:50px}.portfolio-spa .experience-item .experience-content h3{font-size:1.1rem}.portfolio-spa .experience-item .experience-content h4{font-size:.9rem}.portfolio-spa .experience-item .experience-content .experience-date{font-size:.8rem}.portfolio-spa .experience-item .experience-content p{font-size:.85rem;line-height:1.5}.portfolio-spa .footer{padding:1.5rem 0}.portfolio-spa .footer p{font-size:.85rem;margin:.3rem 0}}@media(max-width:320px){.portfolio-spa .main-nav .nav-links .nav-link{font-size:.7rem;padding:.1rem .3rem}.portfolio-spa .hero-content .hero-name{font-size:1.5rem}.portfolio-spa .hero-content .hero-tagline{font-size:.85rem}.portfolio-spa .hero-content .cta-button{font-size:.85rem;padding:.6rem 1.2rem}.portfolio-spa .section-title{font-size:1.6rem}.portfolio-spa .about-content .about-image .profile-image{height:150px;width:150px}.portfolio-spa .experience-item,.portfolio-spa .project-card,.portfolio-spa .skill-card{padding:.8rem}}.App{background:#0000;min-height:100vh;position:relative;width:100%}.App *{box-sizing:border-box}.App{backface-visibility:hidden;perspective:1000;transform:translateZ(0);will-change:transform}.loading{align-items:center;background:linear-gradient(135deg,#000,#1a1a1a 50%,#0d0d0d);color:#38b6ff;display:flex;font-size:1.5rem;font-weight:600;height:100vh;justify-content:center}.loading:after{animation:spin 1s linear infinite;border:4px solid #38b6ff4d;border-radius:50%;border-top-color:#38b6ff;content:"";height:40px;margin-left:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-boundary{align-items:center;background:linear-gradient(135deg,#000,#1a1a1a 50%,#0d0d0d);color:#ff6b6b;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;text-align:center}.error-boundary h1{color:#ff6b6b;font-size:2rem;margin-bottom:1rem}.error-boundary p{color:#f0f0f0;font-size:1.1rem;line-height:1.6;max-width:600px;opacity:.8}.App-logo{animation:App-logo-spin 20s linear infinite}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.App-logo{animation:none}.loading:after{animation:none;border:4px solid #38b6ff}}@media print{.App{background:#fff!important;color:#000!important}.dynamic-background,.floating-objects-container{display:none!important}}
/*# sourceMappingURL=main.40e6bc2b.css.map*/