@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap);.prank-container{align-items:center;-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out;background:#0a0a0a;display:flex;font-family:Courier New,monospace;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.error-404{color:#ff4757;max-width:800px;padding:2rem;position:relative;text-align:center}.error-content{position:relative;z-index:2}.error-code{-webkit-animation:glitchNumber 2s infinite;animation:glitchNumber 2s infinite;font-size:8rem;font-weight:700;margin:0;text-shadow:0 0 10px #ff4757,0 0 20px #ff4757,0 0 30px #ff4757}.error-title{-webkit-animation:textFlicker 1.5s infinite alternate;animation:textFlicker 1.5s infinite alternate;color:#ff6b9d;font-size:2.5rem;font-weight:600;margin:1rem 0}.error-message{color:#ddd;font-size:1.2rem;line-height:1.6;margin:2rem auto;max-width:500px}.error-details{background:rgba(255,71,87,.1);border:1px solid #ff4757;border-radius:10px;margin:2rem 0;padding:1.5rem;text-align:left}.error-details p{color:#f99;font-family:Courier New,monospace;margin:.5rem 0}.error-details strong{color:#ff4757}.joke-reveal{-webkit-animation:slideInFromBottom .8s ease-out;animation:slideInFromBottom .8s ease-out;margin-top:3rem}.joke-text{-webkit-animation:bounce .8s ease-out;animation:bounce .8s ease-out;color:#4caf50;font-size:3rem;font-weight:700;margin:1rem 0;text-shadow:0 0 20px #4caf50}.joke-subtitle{color:#81c784;font-size:1.3rem;font-style:italic;margin:1rem 0}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid rgba(76,175,80,.3);border-left-color:#4caf50;border-radius:50%;height:40px;margin:2rem auto;width:40px}.error-animation{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.glitch-text{-webkit-animation:glitchMove 3s infinite;animation:glitchMove 3s infinite;color:rgba(255,71,87,.3);font-size:4rem;font-weight:700;position:absolute;right:10%;top:20%;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}.floating-errors{height:100%;position:absolute;width:100%}.floating-errors span{-webkit-animation:float 4s ease-in-out infinite;animation:float 4s ease-in-out infinite;font-size:2rem;opacity:.6;position:absolute}.floating-errors span:first-child{-webkit-animation-delay:0s;animation-delay:0s;left:20%;top:10%}.floating-errors span:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s;left:80%;top:70%}.floating-errors span:nth-child(3){-webkit-animation-delay:2s;animation-delay:2s;right:10%;top:30%}.floating-errors span:nth-child(4){-webkit-animation-delay:3s;animation-delay:3s;bottom:20%;left:10%}.App{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);transition:all .8s cubic-bezier(.25,.8,.25,1)}.App.website-enter{opacity:1;-webkit-transform:scale(1);transform:scale(1)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes glitchNumber{0%,to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}20%{-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg);-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}30%{-webkit-filter:hue-rotate(270deg);filter:hue-rotate(270deg);-webkit-transform:translate(-1px,1px);transform:translate(-1px,1px)}40%{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn);-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}}@keyframes glitchNumber{0%,to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}20%{-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg);-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}30%{-webkit-filter:hue-rotate(270deg);filter:hue-rotate(270deg);-webkit-transform:translate(-1px,1px);transform:translate(-1px,1px)}40%{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn);-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}}@-webkit-keyframes textFlicker{0%,to{opacity:1}50%{opacity:.8}}@keyframes textFlicker{0%,to{opacity:1}50%{opacity:.8}}@-webkit-keyframes slideInFromBottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes glitchMove{0%,to{opacity:.3;-webkit-transform:rotate(-15deg) translateX(0);transform:rotate(-15deg) translateX(0)}25%{opacity:.5;-webkit-transform:rotate(-10deg) translateX(-10px);transform:rotate(-10deg) translateX(-10px)}50%{opacity:.7;-webkit-transform:rotate(-20deg) translateX(10px);transform:rotate(-20deg) translateX(10px)}75%{opacity:.4;-webkit-transform:rotate(-12deg) translateX(-5px);transform:rotate(-12deg) translateX(-5px)}}@keyframes glitchMove{0%,to{opacity:.3;-webkit-transform:rotate(-15deg) translateX(0);transform:rotate(-15deg) translateX(0)}25%{opacity:.5;-webkit-transform:rotate(-10deg) translateX(-10px);transform:rotate(-10deg) translateX(-10px)}50%{opacity:.7;-webkit-transform:rotate(-20deg) translateX(10px);transform:rotate(-20deg) translateX(10px)}75%{opacity:.4;-webkit-transform:rotate(-12deg) translateX(-5px);transform:rotate(-12deg) translateX(-5px)}}.prank-container:before{-webkit-animation:scanlines .1s linear infinite;animation:scanlines .1s linear infinite;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,71,87,.03) 0,rgba(255,71,87,.03) 4px);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@-webkit-keyframes scanlines{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(4px);transform:translateY(4px)}}@keyframes scanlines{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(4px);transform:translateY(4px)}}@media screen and (max-width:768px){.error-code{font-size:5rem}.error-title{font-size:2rem}.error-message{font-size:1rem}.joke-text{font-size:2rem}.glitch-text{font-size:2.5rem;right:5%;top:15%}.floating-errors span{font-size:1.5rem}}@media screen and (max-width:480px){.error-404{padding:1rem}.error-code{font-size:4rem}.error-title,.joke-text{font-size:1.5rem}.joke-subtitle{font-size:1rem}}nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow);padding:1rem .5rem;position:fixed;right:2rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:100}nav,nav:before{border-radius:var(--border-radius-lg);transition:var(--transition)}nav:before{background:linear-gradient(135deg,rgba(108,92,231,.1),rgba(253,121,168,.1));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}nav:hover:before{opacity:1}nav a{align-items:center;background:transparent;border:2px solid transparent;border-radius:50%;color:var(--color-light);display:flex;font-size:.9rem;font-weight:500;height:50px;justify-content:center;margin:.5rem 0;overflow:hidden;position:relative;text-decoration:none;width:50px}nav a,nav a:before{transition:var(--transition)}nav a:before{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);width:100%;z-index:-1}nav a:after{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow);color:var(--color-white);content:attr(data-tooltip);font-size:.8rem;opacity:0;padding:.5rem 1rem;position:absolute;right:calc(100% + 1rem);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:var(--transition);visibility:hidden;white-space:nowrap}nav a:hover:before{-webkit-transform:scale(1);transform:scale(1)}nav a:hover:after{opacity:1;-webkit-transform:translateY(-50%) translateX(-5px);transform:translateY(-50%) translateX(-5px);visibility:visible}nav a:hover{color:var(--color-white);-webkit-transform:scale(1.1);transform:scale(1.1)}nav a.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:var(--color-primary);box-shadow:0 0 20px rgba(108,92,231,.5);color:var(--color-white);-webkit-transform:scale(1.2);transform:scale(1.2)}nav a.active:before{-webkit-transform:scale(1);transform:scale(1)}body.light-mode nav{background:var(--color-bg-card-light);border-color:var(--color-border-light);box-shadow:var(--shadow-light)}body.light-mode nav a{color:var(--color-light-mode)}body.light-mode nav a:after{background:var(--color-bg-card-light);border-color:var(--color-border-light);color:var(--color-text-light)}body.light-mode nav a.active{background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary-light));border-color:var(--color-primary-light);box-shadow:0 0 20px rgba(91,76,219,.3)}.nav-indicator{background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary));border-radius:2px;bottom:1rem;left:-8px;opacity:.3;position:absolute;top:1rem;transition:var(--transition);width:4px}.nav-indicator:before{background:var(--color-accent);border-radius:2px;content:"";height:0%;height:var(--scroll-progress,0%);left:0;position:absolute;top:0;transition:height .3s ease;width:100%}@-webkit-keyframes navFloat{0%,to{-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}50%{-webkit-transform:translateY(-50%) translateX(-2px);transform:translateY(-50%) translateX(-2px)}}@keyframes navFloat{0%,to{-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}50%{-webkit-transform:translateY(-50%) translateX(-2px);transform:translateY(-50%) translateX(-2px)}}nav{-webkit-animation:navFloat 4s ease-in-out infinite;animation:navFloat 4s ease-in-out infinite}@media screen and (max-width:1024px){nav{right:1.5rem}nav a:after{display:none}}@media screen and (max-width:768px){nav{-webkit-animation:none;animation:none;border-radius:var(--border-radius);bottom:2rem;flex-direction:row;padding:.5rem 1rem;right:50%;top:auto;-webkit-transform:translateX(50%);transform:translateX(50%)}nav a{height:45px;margin:0 .3rem;width:45px}.nav-indicator,nav a:after{display:none}}section{opacity:0;scroll-margin-top:4rem;-webkit-transform:translateY(50px);transform:translateY(50px);transition:all .8s ease-out}section.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}nav a.active{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}#contact{background:var(--color-bg);margin-bottom:0;margin-top:0;overflow:hidden;padding:.5rem 0;position:relative}.contact__container{position:relative;text-align:center;z-index:2}.contact__container h5{-webkit-animation:fadeInUp .8s ease-out .2s forwards;animation:fadeInUp .8s ease-out .2s forwards;color:var(--color-light);font-size:1rem;font-weight:400;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase}.contact__container h2,.contact__container h5{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.contact__container h2{-webkit-text-fill-color:transparent;-webkit-animation:fadeInUp .8s ease-out .4s forwards;animation:fadeInUp .8s ease-out .4s forwards;background:linear-gradient(135deg,var(--color-primary),#ff6b9d);-webkit-background-clip:text;background-clip:text;color:var(--color-white);font-size:3rem;font-weight:700;margin-bottom:2rem}.contact__intro{-webkit-animation:fadeInUp .8s ease-out .6s forwards;animation:fadeInUp .8s ease-out .6s forwards;color:var(--color-light);font-size:1.2rem;line-height:1.6;margin:0 auto 4rem;max-width:600px;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.contact__options{grid-gap:2rem;-webkit-animation:fadeInUp .8s ease-out .8s forwards;animation:fadeInUp .8s ease-out .8s forwards;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.contact__option{-webkit-animation:slideInCard .8s ease-out forwards;animation:slideInCard .8s ease-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;cursor:pointer;opacity:0;overflow:hidden;padding:3rem 2rem;position:relative;-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .5s cubic-bezier(.25,.8,.25,1)}.contact__option:first-child{-webkit-animation-delay:1s;animation-delay:1s}.contact__option:nth-child(2){-webkit-animation-delay:1.2s;animation-delay:1.2s}.contact__option:nth-child(3){-webkit-animation-delay:1.4s;animation-delay:1.4s}@-webkit-keyframes slideInCard{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInCard{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.contact__option:before{background:linear-gradient(135deg,rgba(108,92,231,.1),rgba(255,107,157,.1));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:0}.contact__option:hover:before{opacity:1}.contact__option:hover{border-color:var(--color-primary);box-shadow:0 30px 60px rgba(108,92,231,.3);-webkit-transform:translateY(-15px) scale(1.05);transform:translateY(-15px) scale(1.05)}.contact__option-icon{display:block;font-size:3rem;margin-bottom:1.5rem;position:relative;transition:all .4s ease;z-index:1}.contact__option:hover .contact__option-icon{-webkit-filter:drop-shadow(0 10px 20px rgba(108,92,231,.4));filter:drop-shadow(0 10px 20px rgba(108,92,231,.4));-webkit-transform:scale(1.2) rotate(10deg);transform:scale(1.2) rotate(10deg)}.contact__option h4{color:var(--color-white);font-size:1.4rem;font-weight:600;margin-bottom:.5rem;position:relative;z-index:1}.contact__option h5{color:var(--color-light);font-size:1rem;font-weight:400;margin-bottom:2rem;position:relative;z-index:1}.contact__option .btn{background:linear-gradient(135deg,var(--color-primary),#ff6b9d);border:none;border-radius:50px;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .4s ease;z-index:1}.contact__option .btn:before{background:linear-gradient(135deg,#ff6b9d,var(--color-primary));content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%;z-index:-1}.contact__option .btn:hover:before{left:0}.contact__floating{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.floating-shape{-webkit-animation:floatAround 8s ease-in-out infinite;animation:floatAround 8s ease-in-out infinite;font-size:2rem;opacity:.3;position:absolute}.shape-1{-webkit-animation-delay:0s;animation-delay:0s;left:10%;top:20%}.shape-2{-webkit-animation-delay:2s;animation-delay:2s;right:15%;top:60%}.shape-3{-webkit-animation-delay:4s;animation-delay:4s;bottom:30%;left:20%}.shape-4{-webkit-animation-delay:6s;animation-delay:6s;right:25%;top:10%}body.light-mode #contact{background:var(--color-bg-light)}body.light-mode .contact__container h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--color-primary),#ff6b9d);-webkit-background-clip:text;background-clip:text}body.light-mode .contact__container h5{color:#666}body.light-mode .contact__intro{color:#555}body.light-mode .contact__option{background:hsla(0,0%,100%,.8);border-color:rgba(108,92,231,.1)}body.light-mode .contact__option h4{color:#333}body.light-mode .contact__option h5{color:#666}@media screen and (max-width:1024px){.contact__options{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact__option{padding:2rem 1.5rem}}@media screen and (max-width:768px){#contact{padding:.5rem 0}.contact__container h2{font-size:2.5rem}.contact__options{gap:1.5rem;grid-template-columns:1fr}.contact__option{padding:2rem}}@media screen and (max-width:600px){.contact__container h2{font-size:2rem}.contact__intro{font-size:1rem;margin-bottom:3rem}.contact__option{padding:1.5rem}.contact__option-icon{font-size:2.5rem}.floating-shape{font-size:1.5rem}}header{margin-bottom:0;padding:0}header.light{background:var(--color-bg-light)}.header__container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;width:100%;z-index:1}.header__content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;min-height:80vh}.header__text{display:flex;flex-direction:column;gap:1.5rem}.greeting{-webkit-animation:fadeInUp 1s ease-out .2s forwards;animation:fadeInUp 1s ease-out .2s forwards;color:hsla(0,0%,100%,.6);color:var(--color-light);font-size:1.2rem;font-weight:400;margin:0;opacity:0}body.light-mode .greeting{color:var(--color-light-mode)}.header__name{-webkit-animation:fadeInUp 1s ease-out .4s forwards;animation:fadeInUp 1s ease-out .4s forwards;line-height:1.1;margin:0;opacity:0}.header__name.shimmer{-webkit-text-fill-color:transparent;-webkit-animation:shimmerMove 4s linear infinite,fadeInUp 1s ease-out .4s forwards;animation:shimmerMove 4s linear infinite,fadeInUp 1s ease-out .4s forwards;background:linear-gradient(120deg,#fff 0,#4db5ff 25%,var(--color-secondary) 50%,#fff 75%);background:linear-gradient(120deg,var(--color-white) 0,var(--color-primary) 25%,var(--color-secondary) 50%,var(--color-white) 75%);-webkit-background-clip:text;background-size:200% 100%}@-webkit-keyframes shimmerMove{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmerMove{0%{background-position:200% 0}to{background-position:-200% 0}}.title-container{-webkit-animation:fadeInUp 1s ease-out .6s forwards;animation:fadeInUp 1s ease-out .6s forwards;height:60px;margin:1rem 0;opacity:0;overflow:hidden}.animated-title{align-items:center;-webkit-animation:slideUp .6s ease-out;animation:slideUp .6s ease-out;color:#4db5ff;color:var(--color-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.5rem}.animated-title svg{-webkit-animation:iconBounce 2s ease-in-out infinite;animation:iconBounce 2s ease-in-out infinite;font-size:1.2rem}@-webkit-keyframes iconBounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes iconBounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.header__description{-webkit-animation:fadeInUp 1s ease-out .8s forwards;animation:fadeInUp 1s ease-out .8s forwards;color:hsla(0,0%,100%,.6);color:var(--color-light);font-size:1.1rem;line-height:1.6;margin:1rem 0;max-width:500px;opacity:0}.header__cta{-webkit-animation:fadeInUp 1s ease-out 1.2s forwards;animation:fadeInUp 1s ease-out 1.2s forwards;display:flex;gap:1rem;margin-top:2rem;opacity:0}.header__image{-webkit-animation:fadeInUp 1s ease-out 1s forwards;animation:fadeInUp 1s ease-out 1s forwards;opacity:0}.header__image,.image-container{align-items:center;display:flex;justify-content:center}.image-container{height:350px;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:350px}.image-container.tilt-active .image-glow,.image-container.tilt-active .profile-image{-webkit-transform:translateZ(30px);transform:translateZ(30px)}.profile-image{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;border:4px solid #4db5ff;border:4px solid var(--color-primary);border-radius:50%;height:300px;object-fit:cover;position:relative;transition:all .6s ease;transition:var(--transition);width:300px;z-index:3}.profile-image:hover{border-color:var(--color-secondary);-webkit-transform:scale(1.05);transform:scale(1.05)}.image-glow{-webkit-animation:pulse 4s ease-in-out infinite;animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#4db5ff 0,transparent 70%);background:radial-gradient(circle at 50% 50%,var(--color-primary) 0,transparent 70%);border-radius:50%;-webkit-filter:blur(8px);filter:blur(8px);height:320px;left:50%;opacity:.3;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:320px;z-index:1}.floating-elements{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.floating-element{-webkit-animation:floatAround 8s ease-in-out infinite;animation:floatAround 8s ease-in-out infinite;-webkit-animation-delay:var(--delay);animation-delay:var(--delay);font-size:2rem;position:absolute}.floating-element:first-child{left:10%;top:10%}.floating-element:nth-child(2){right:10%;top:20%}.floating-element:nth-child(3){bottom:30%;left:5%}.floating-element:nth-child(4){bottom:10%;right:20%}@-webkit-keyframes floatAround{0%,to{opacity:.7;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{opacity:1;-webkit-transform:translateY(-20px) rotate(90deg);transform:translateY(-20px) rotate(90deg)}50%{opacity:.8;-webkit-transform:translateY(-30px) rotate(180deg);transform:translateY(-30px) rotate(180deg)}75%{opacity:1;-webkit-transform:translateY(-10px) rotate(270deg);transform:translateY(-10px) rotate(270deg)}}@keyframes floatAround{0%,to{opacity:.7;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{opacity:1;-webkit-transform:translateY(-20px) rotate(90deg);transform:translateY(-20px) rotate(90deg)}50%{opacity:.8;-webkit-transform:translateY(-30px) rotate(180deg);transform:translateY(-30px) rotate(180deg)}75%{opacity:1;-webkit-transform:translateY(-10px) rotate(270deg);transform:translateY(-10px) rotate(270deg)}}.toggle-mode{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-card);border:2px solid #4db5ff;border:2px solid var(--color-primary);border-radius:var(--border-radius);box-shadow:var(--shadow);color:#4db5ff;color:var(--color-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.8rem 1.2rem;position:absolute;right:2rem;top:2rem;transition:all .6s ease;transition:var(--transition);z-index:10}.toggle-mode:hover{background:#4db5ff;background:var(--color-primary);box-shadow:0 10px 30px rgba(108,92,231,.3);color:#fff;color:var(--color-white);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.toggle-mode svg{font-size:1.1rem;transition:all .6s ease;transition:var(--transition)}.toggle-mode:hover svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}body.light-mode .toggle-mode{background:var(--color-bg-card-light);border-color:var(--color-primary-light);color:var(--color-primary-light)}.scroll-indicator{align-items:center;-webkit-animation:fadeInUp 1s ease-out 1.5s forwards;animation:fadeInUp 1s ease-out 1.5s forwards;bottom:2rem;color:hsla(0,0%,100%,.6);color:var(--color-light);display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;left:50%;opacity:0;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-line{-webkit-animation:scrollPulse 2s ease-in-out infinite;animation:scrollPulse 2s ease-in-out infinite;background:linear-gradient(180deg,#4db5ff,transparent);background:linear-gradient(to bottom,var(--color-primary),transparent);height:30px;width:2px}@-webkit-keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}body.light-mode .scroll-indicator{color:var(--color-light-mode)}.header__socials{-webkit-animation:fadeInUp 1s ease-out 1s forwards;animation:fadeInUp 1s ease-out 1s forwards;display:flex;gap:1rem;margin:1.5rem 0;opacity:0}.header__socials a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:50%;color:#4db5ff;color:var(--color-primary);display:flex;font-size:1.2rem;height:45px;justify-content:center;overflow:hidden;position:relative;width:45px}.header__socials a,.header__socials a:before{transition:all .6s ease;transition:var(--transition)}.header__socials a:before{background:linear-gradient(90deg,#4db5ff,var(--color-secondary));background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:-1}.header__socials a:after{background:radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.25),transparent 40%);content:"";height:200%;left:-60%;opacity:0;position:absolute;top:-60%;-webkit-transform:rotate(25deg);transform:rotate(25deg);transition:opacity .3s ease;width:200%}.header__socials a:hover:before{left:0}.header__socials a:hover:after{opacity:1}.header__socials a:hover{border-color:transparent;box-shadow:0 10px 25px rgba(108,92,231,.3);color:#fff;color:var(--color-white);-webkit-transform:translateY(-3px);transform:translateY(-3px)}body.light-mode .header__socials a{background:var(--color-bg-card-light);border-color:var(--color-border-light);color:var(--color-primary-light)}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:1024px){.header__content{gap:3rem;grid-template-columns:1fr;text-align:center}.image-container{height:280px;width:280px}.profile-image{height:250px;width:250px}.image-glow{height:270px;width:270px}}@media screen and (max-width:768px){header{padding:1rem 0}.header__container{padding:0 1rem}.header__content{gap:2rem;min-height:70vh}.header__name{font-size:2.5rem}.animated-title{font-size:1.2rem}.header__description{font-size:1rem}.header__cta{align-items:center;flex-direction:column}.image-container{height:220px;width:220px}.profile-image{height:200px;width:200px}.image-glow{height:220px;width:220px}.floating-element{font-size:1.5rem}.toggle-mode{padding:.6rem 1rem;right:1rem;top:1rem}}body.light-mode header{background:var(--color-bg-light)}body.light-mode .header__name{-webkit-text-fill-color:var(--color-primary-light);color:var(--color-primary-light)}body.light-mode .header__description{color:var(--color-light-mode)}body.light-mode .header__cta .btn{border-color:var(--color-primary-light);color:var(--color-primary-light)}body.light-mode .header__cta .btn-primary{background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary-light));border:none;color:#fff;color:var(--color-white)}body.light-mode .profile-image{border-color:var(--color-primary-light)}body.light-mode .image-glow{background:radial-gradient(circle,var(--color-primary-light) 0,transparent 70%)}:root{--color-primary-variant:hsla(0,0%,100%,.4);--transition:all 600ms ease}body{margin:0;padding:0;transition:all .6s ease}body.dark-mode{background:#0b0c10}body.light-mode{background:#fff}header{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}header,header.dark{background:#1f1f38;background:var(--color-bg)}header.light{background:#fff}section#about{background:#1f1f38;background:var(--color-bg);color:#fff;color:var(--color-white);margin-bottom:0;margin-top:0;padding:.5rem 0}.about__container{grid-gap:15%;align-items:center;display:grid;gap:15%;grid-template-columns:35% 50%;margin-bottom:4rem}.about__me{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.about__me-image{aspect-ratio:1;border:4px solid #4db5ff;border:4px solid var(--color-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);max-width:300px}.about__me-image,.about__me-image:before{transition:all .6s ease;transition:var(--transition);width:100%}.about__me-image:before{background:linear-gradient(135deg,rgba(108,92,231,.2),rgba(253,121,168,.2));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;z-index:1}.about__me-image:hover:before{opacity:1}.about__me-image img{border-radius:calc(var(--border-radius-lg) - 4px);height:100%;object-fit:cover;transition:all .6s ease;transition:var(--transition);width:100%}.about__me-image:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.about__me-image:hover{border-color:var(--color-secondary);box-shadow:0 30px 60px rgba(108,92,231,.3);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.about__me:after,.about__me:before{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;border:2px solid #4db5ff;border:2px solid var(--color-primary);border-radius:50%;content:"";height:60px;opacity:.3;position:absolute;width:60px}.about__me:before{-webkit-animation-delay:0s;animation-delay:0s;right:-20px;top:-20px}.about__me:after{-webkit-animation-delay:3s;animation-delay:3s;border-color:var(--color-secondary);bottom:-20px;left:-20px}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-15px) rotate(180deg);transform:translateY(-15px) rotate(180deg)}}@keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-15px) rotate(180deg);transform:translateY(-15px) rotate(180deg)}}.about__content{display:flex;flex-direction:column;gap:2rem}.about__cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.about__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;overflow:hidden;padding:2rem 1rem;position:relative;text-align:center}.about__card,.about__card:before{transition:all .6s ease;transition:var(--transition)}.about__card:before{background:linear-gradient(135deg,transparent,rgba(108,92,231,.1));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:0}.about__card:hover:before{opacity:1}.about__card:hover{border-color:hsla(0,0%,100%,.4);border-color:var(--color-primary-variant);box-shadow:var(--shadow);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.about__card *{position:relative;z-index:1}.about__icon{color:#4db5ff;color:var(--color-primary);display:block;font-size:2rem;margin-bottom:1rem;transition:all .6s ease;transition:var(--transition)}.about__card:hover .about__icon{-webkit-transform:scale(1.2) rotate(10deg);transform:scale(1.2) rotate(10deg)}.about__card h5{color:#fff;color:var(--color-white);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.about__card h5,.about__card small{transition:all .6s ease;transition:var(--transition)}.about__card small{color:hsla(0,0%,100%,.6);color:var(--color-light);font-size:.9rem;font-weight:400}.about__card:hover small{color:#4db5ff;color:var(--color-primary)}body.light-mode .about__card{box-shadow:var(--shadow-light)}body.light-mode .about__card h5{color:var(--color-text-light)}body.light-mode .about__card:hover{border-color:var(--color-primary-variant-light)}body.light-mode .about__card:hover small,body.light-mode .about__icon{color:var(--color-primary-light)}body.light-mode .about__card:hover .about__icon{color:var(--color-secondary-light)}body.light-mode .about__me-image:hover{border-color:var(--color-secondary-light);box-shadow:0 30px 60px rgba(91,76,219,.2)}body.light-mode .about__me:before{border-color:var(--color-primary-light)}body.light-mode .about__me:after{border-color:var(--color-secondary-light)}.about__content p{color:hsla(0,0%,100%,.6);color:var(--color-light);font-size:1.1rem;line-height:1.8;margin-bottom:2rem;padding-left:2rem}.about__content p:before{color:#4db5ff;color:var(--color-primary);content:'"';font-family:Playfair Display,serif;font-size:3rem;left:0;opacity:.3;position:absolute;top:-10px}.about__content .btn{align-self:flex-start;margin-top:1rem}.about__content,.about__me{opacity:0;-webkit-transform:translateY(60px) scale(.95);transform:translateY(60px) scale(.95);transition:all 1.2s cubic-bezier(.25,.8,.25,1)}.about__content.animate,.about__me.animate{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.about__card{opacity:0;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateY(40px) rotateX(15deg);transform:translateY(40px) rotateX(15deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .8s cubic-bezier(.34,1.56,.64,1)}.about__card.animate{opacity:1;-webkit-transform:translateY(0) rotateX(0deg);transform:translateY(0) rotateX(0deg)}.about__card:hover{border-color:var(--color-secondary);box-shadow:0 25px 50px rgba(108,92,231,.3);-webkit-transform:translateY(-15px) scale(1.05) rotateY(5deg);transform:translateY(-15px) scale(1.05) rotateY(5deg)}.about__card:hover .about__icon{color:var(--color-secondary);-webkit-transform:scale(1.3) rotate(1turn);transform:scale(1.3) rotate(1turn);transition:all .6s ease}.about__me-image{overflow:hidden;position:relative}.about__me-image:after{background:linear-gradient(45deg,#4db5ff,var(--color-secondary));background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out,-webkit-transform 1s ease-out;width:100%}.about__me.animate .about__me-image:after{-webkit-transform:translateX(100%);transform:translateX(100%)}.about__content p{overflow:hidden;position:relative}.about__content p:after{background:#1f1f38;background:var(--color-bg);content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .8s ease-out .5s;transition:transform .8s ease-out .5s;transition:transform .8s ease-out .5s,-webkit-transform .8s ease-out .5s;width:100%}.about__content.animate p:after{-webkit-transform:translateX(100%);transform:translateX(100%)}.about__icon{transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.about__card:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.about__card:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.about__card:nth-child(3){-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes cardPulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes cardPulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}.about__card.animate{-webkit-animation:cardPulse 2s ease-in-out 1s infinite;animation:cardPulse 2s ease-in-out 1s infinite}.about__card:hover{-webkit-animation:none;animation:none}@media screen and (max-width:1024px){.about__container{gap:3rem;grid-template-columns:1fr;text-align:center}.about__me{order:1}.about__content{order:2}.about__cards{gap:1rem;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.about__cards{gap:1.5rem;grid-template-columns:1fr}.about__card{padding:1.5rem 1rem}.about__me-image{max-width:250px}.about__content p{font-size:1rem;padding-left:1.5rem}.about__content p:before{font-size:2.5rem;top:-5px}}@media screen and (max-width:600px){.about__cards{gap:1rem}.about__card{padding:1.2rem .8rem}.about__icon{font-size:1.5rem;margin-bottom:.8rem}.about__card h5{font-size:1rem}.about__card small{font-size:.8rem}}body.light-mode .about__container{background:transparent}body.light-mode section#about{background:var(--color-bg-light);margin-top:0}body.light-mode .about__me-image{border-color:var(--color-primary-light)}body.light-mode .about__card{background:var(--color-bg-card-light);border-color:var(--color-border-light);color:var(--color-text-light)}body.light-mode .about__card h5{color:var(--color-primary-light)}body.light-mode .about__card small,body.light-mode .about__content p{color:var(--color-light-mode)}#experiences{background:var(--color-bg);color:var(--color-white);margin-bottom:0;margin-top:0;padding:2rem 0}.timeline{margin:0 auto;max-width:1200px;padding:0;position:relative}.timeline:after{background-color:var(--color-primary);bottom:0;content:"";left:50%;margin-left:-3px;position:absolute;top:0;width:6px}.timeline-item{-webkit-animation:slideInTimeline .8s ease-out forwards;animation:slideInTimeline .8s ease-out forwards;background-color:var(--color-bg-card);border-radius:2rem;box-shadow:0 0 25px #8e8eff,0 0 50px #c49cff8a;color:var(--color-text);margin-bottom:2rem;opacity:0;padding:10px 40px;position:relative;-webkit-transform:translateX(-50px);transform:translateX(-50px);transition:var(--transition);width:50%}.timeline-item:after{background-color:var(--color-bg);border:4px solid var(--color-primary);border-radius:50%;content:" ";height:25px;position:absolute;top:15px;width:25px;z-index:1}.timeline-item:nth-child(2n){-webkit-animation:slideInTimelineRight .8s ease-out forwards;animation:slideInTimelineRight .8s ease-out forwards;left:50%;-webkit-transform:translateX(50px);transform:translateX(50px)}.timeline-item:nth-child(2n):after{left:-16px}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(odd):after{right:-16px}@-webkit-keyframes slideInTimeline{0%{opacity:0;-webkit-transform:translateX(-50px) scale(.9);transform:translateX(-50px) scale(.9)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@keyframes slideInTimeline{0%{opacity:0;-webkit-transform:translateX(-50px) scale(.9);transform:translateX(-50px) scale(.9)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@-webkit-keyframes slideInTimelineRight{0%{opacity:0;-webkit-transform:translateX(50px) scale(.9);transform:translateX(50px) scale(.9)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@keyframes slideInTimelineRight{0%{opacity:0;-webkit-transform:translateX(50px) scale(.9);transform:translateX(50px) scale(.9)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}.timeline-item:hover{border:2px solid var(--color-primary);box-shadow:0 15px 40px #8e8eff,0 10px 60px #c49cff8a;-webkit-transform:translateY(-10px) scale(1.02);transform:translateY(-10px) scale(1.02)}.company_name{color:var(--color-primary);font-size:1.25rem;font-weight:700;margin:0;overflow:hidden;position:relative}.company_name:after{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));bottom:0;content:"";height:2px;left:-100%;position:absolute;transition:left .6s ease;width:100%}.timeline-item:hover .company_name:after{left:0}.timeline-item button{background:linear-gradient(45deg,var(--color-primary),var(--color-secondary))!important;border:none!important;border-radius:25px!important;color:var(--color-white)!important;margin-top:1rem!important;overflow:hidden;padding:.5rem 1rem!important;position:relative;-webkit-transform:translateY(0);transform:translateY(0);transition:all .3s ease!important}.timeline-item button:before{background:linear-gradient(45deg,var(--color-secondary),var(--color-accent));content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.timeline-item button:hover:before{left:0}.timeline-item button:hover{box-shadow:0 10px 20px rgba(108,92,231,.4);-webkit-transform:translateY(-2px) scale(1.05);transform:translateY(-2px) scale(1.05)}.timeline-item:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.timeline-item:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.timeline-item:nth-child(3){-webkit-animation-delay:.5s;animation-delay:.5s}.timeline-item:nth-child(4){-webkit-animation-delay:.7s;animation-delay:.7s}.timeline-item:nth-child(5){-webkit-animation-delay:.9s;animation-delay:.9s}.timeline-item ul li{-webkit-animation:fadeInBullet .6s ease-out forwards;animation:fadeInBullet .6s ease-out forwards;color:var(--color-text);margin-bottom:.5em;opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}@-webkit-keyframes fadeInBullet{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInBullet{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.timeline-item ul li:first-child{-webkit-animation-delay:.2s;animation-delay:.2s}.timeline-item ul li:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.timeline-item ul li:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.timeline-item ul li:nth-child(4){-webkit-animation-delay:.8s;animation-delay:.8s}.experience-actions{align-items:center;display:flex;margin-top:10px}.experience-actions .btn{margin-right:10px}.show-details{background-color:var(--color-black);border:1px solid transparent;border-radius:.4rem;color:var(--color-bg);cursor:pointer;font-weight:700;padding:.75rem 1.25rem;transition:var(--transition)}.show-details:hover{background:var(--color-primary)!important;color:var(--color-bg)!important}.link-btn,.linkedin-btn{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-primary);border-radius:50%;color:var(--color-primary);cursor:pointer;display:flex;height:36px;justify-content:center;margin-right:10px;transition:var(--transition);width:36px}.link-btn:hover,.linkedin-btn:hover{background-color:var(--color-primary);color:var(--color-bg)}.date{font-size:.9rem;margin-bottom:.5rem;text-align:left!important}.date,h5{color:var(--color-light)}h5{font-size:1rem;margin-bottom:1.5rem}h2,h5{text-align:center}h2{font-size:3rem;margin-bottom:.5rem}.experience__container{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:.5rem}.experience__backend,.experience__frontend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;padding:2.5rem;position:relative;transition:var(--transition)}.experience__backend:before,.experience__frontend:before{background:linear-gradient(135deg,rgba(108,92,231,.05),rgba(253,121,168,.05));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:var(--transition);width:100%;z-index:0}.experience__backend:hover:before,.experience__frontend:hover:before{opacity:1}.experience__backend:hover,.experience__frontend:hover{border-color:var(--color-primary-variant);box-shadow:var(--shadow);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.experience__backend>*,.experience__frontend>*{position:relative;z-index:1}.experience__backend h3,.experience__frontend h3{color:var(--color-primary);font-size:1.5rem;margin-bottom:2rem;padding-bottom:1rem;position:relative;text-align:center}.experience__backend h3:after,.experience__frontend h3:after{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50px}.experience__content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.experience__details{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1rem;position:relative;transition:var(--transition)}.experience__details:before{background:linear-gradient(90deg,transparent,rgba(108,92,231,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition);width:100%}.experience__details:hover:before{left:100%}.experience__details:hover{background:rgba(108,92,231,.05);-webkit-transform:translateX(10px);transform:translateX(10px)}.experience__details-icon{color:var(--color-primary);font-size:1.2rem;transition:var(--transition)}.experience__details:hover .experience__details-icon{color:var(--color-secondary);-webkit-transform:scale(1.2);transform:scale(1.2)}.experience__details div h4{color:var(--color-white);font-size:1rem;font-weight:600;margin-bottom:.3rem;transition:var(--transition)}.experience__details div small{align-items:center;color:var(--color-light);display:flex;font-size:.85rem;gap:.3rem;transition:var(--transition)}.experience__details:hover div h4{color:var(--color-primary)}.experience__details:hover div small{color:var(--color-secondary)}.skill-level{align-items:center;display:flex;gap:.5rem;margin-top:.3rem}.skill-dots{display:flex;gap:2px}.skill-dot{background:var(--color-border);border-radius:50%;height:6px;transition:var(--transition);width:6px}.skill-dot.filled{background:var(--color-primary);box-shadow:0 0 8px rgba(108,92,231,.5)}.experience__details:hover .skill-dot.filled{background:var(--color-secondary);box-shadow:0 0 8px rgba(253,121,168,.5)}body.light-mode .experience__backend,body.light-mode .experience__frontend{background:var(--color-bg-card-light);border-color:var(--color-border-light);box-shadow:var(--shadow-light)}body.light-mode .experience__backend h3,body.light-mode .experience__frontend h3{color:var(--color-primary-light)}body.light-mode .experience__details div h4{color:var(--color-text-light)}body.light-mode .experience__details div small{color:var(--color-light-mode)}body.light-mode .experience__details:hover{background:rgba(91,76,219,.05)}body.light-mode .experience__details:hover div h4{color:var(--color-primary-light)}body.light-mode .experience__details:hover div small{color:var(--color-secondary-light)}body.light-mode .experience__details-icon{color:var(--color-primary-light)}body.light-mode .experience__details:hover .experience__details-icon{color:var(--color-secondary-light)}body.light-mode .skill-dot.filled{background:var(--color-primary-light);box-shadow:0 0 8px rgba(91,76,219,.5)}body.light-mode .experience__details:hover .skill-dot.filled{background:var(--color-secondary-light);box-shadow:0 0 8px rgba(232,67,147,.5)}.experience__backend,.experience__frontend{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);transition:all .8s ease-out}.experience__frontend.animate{-webkit-animation-delay:.2s;animation-delay:.2s}.experience__backend.animate,.experience__frontend.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.experience__backend.animate{-webkit-animation-delay:.4s;animation-delay:.4s}.experience__details{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);transition:all .6s ease-out}.experience__details.animate{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.experience__details:first-child{transition-delay:.1s}.experience__details:nth-child(2){transition-delay:.2s}.experience__details:nth-child(3){transition-delay:.3s}.experience__details:nth-child(4){transition-delay:.4s}.experience__details:nth-child(5){transition-delay:.5s}.experience__details:nth-child(6){transition-delay:.6s}.experience__frontend:after{-webkit-animation:floatSkill 6s ease-in-out infinite;animation:floatSkill 6s ease-in-out infinite;content:"🚀"}.experience__backend:after,.experience__frontend:after{font-size:2rem;opacity:.1;position:absolute;right:20px;top:20px}.experience__backend:after{animation:floatSkill 6s ease-in-out infinite reverse;content:"⚡"}@-webkit-keyframes floatSkill{0%,to{opacity:.1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{opacity:.3;-webkit-transform:translateY(-10px) rotate(180deg);transform:translateY(-10px) rotate(180deg)}}@keyframes floatSkill{0%,to{opacity:.1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{opacity:.3;-webkit-transform:translateY(-10px) rotate(180deg);transform:translateY(-10px) rotate(180deg)}}@media screen and (max-width:1024px){.experience__container{gap:3rem;grid-template-columns:1fr}.experience__content{gap:1.5rem;grid-template-columns:1fr}}@media screen and (max-width:768px){.experience__backend,.experience__frontend{padding:2rem 1.5rem}.experience__details{padding:.8rem}.experience__details div h4{font-size:.9rem}.experience__details div small{font-size:.8rem}}@media screen and (max-width:600px){.experience__backend,.experience__frontend{padding:1.5rem 1rem}.experience__backend h3,.experience__frontend h3{font-size:1.3rem;margin-bottom:1.5rem}.experience__details{gap:.8rem;padding:.6rem}.experience__details-icon{font-size:1rem}.experience__details div h4{font-size:.85rem}.experience__details div small{font-size:.75rem}}body.light-mode .timeline-item{background:var(--color-bg-card-light);box-shadow:0 0 25px #bdbdfc,0 0 50px #e0e0ff8a;color:var(--color-text-light)}body.light-mode .company_name{color:var(--color-primary-light)}body.light-mode .date{color:var(--color-light-mode)}body.light-mode .timeline-item ul li{color:var(--color-text-light)}body.light-mode .timeline-item [style*="fontWeight: 600"]{color:var(--color-text-light)!important}body.light-mode #experiences,body.light-mode section#experience{background:var(--color-bg-light)}body.light-mode .timeline:after{background-color:var(--color-primary-light)}body.light-mode .timeline-item:after{background-color:var(--color-bg-light);border-color:var(--color-primary-light)}#experience{background:var(--color-bg);color:var(--color-white);margin-bottom:0;margin-top:0;padding:.5rem 0}body.light-mode #experience{background:var(--color-bg-light);color:var(--color-text-light)}#portfolio{background:var(--color-bg);margin-bottom:0;margin-top:0;padding:.5rem 0;position:relative}body.light-mode #portfolio{background:var(--color-bg-light)}.portfolio__container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1200px;padding:2rem 0}.portfolio__item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);cursor:pointer;display:flex;flex-direction:column;min-height:450px;opacity:0;overflow:hidden;padding:2.5rem;position:relative;-webkit-transform:translateY(60px) rotateX(15deg);transform:translateY(60px) rotateX(15deg);transition:var(--transition);transition:all .8s cubic-bezier(.25,.8,.25,1)}.portfolio__item.animate{opacity:1;-webkit-transform:translateY(0) rotateX(0deg);transform:translateY(0) rotateX(0deg)}.portfolio__item:before{background:linear-gradient(135deg,rgba(108,92,231,.1),rgba(253,121,168,.1));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:var(--transition);width:100%;z-index:0}.portfolio__item:hover:before{opacity:1}.portfolio__item:hover{border-color:var(--color-primary);box-shadow:0 30px 60px rgba(108,92,231,.3);-webkit-transform:translateY(-20px) scale(1.05);transform:translateY(-20px) scale(1.05)}.portfolio__item-projects-image{border-radius:var(--border-radius);height:250px;margin-bottom:1.5rem;object-fit:cover;position:relative;transition:var(--transition);width:100%;z-index:1}.portfolio__item:hover .portfolio__item-projects-image{-webkit-transform:scale(1.1);transform:scale(1.1)}.portfolio__item h3{color:var(--color-white);font-size:1.4rem;margin:1.5rem 0 2rem;position:relative;text-align:center;transition:var(--transition);z-index:1}.portfolio__item:hover h3{color:var(--color-primary)}.portfolio__item-cta{display:flex;gap:1.5rem;margin-top:auto;padding-top:1rem;position:relative;z-index:1}.portfolio__item-cta .btn{flex:1 1;font-size:1rem;font-weight:500;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.portfolio__item-cta .btn:before{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%;z-index:-1}.portfolio__item-cta .btn:hover:before{left:0}.portfolio__item-cta .btn:hover{box-shadow:0 10px 25px rgba(108,92,231,.4);color:var(--color-white);-webkit-transform:translateY(-3px) scale(1.05);transform:translateY(-3px) scale(1.05)}.portfolio__item-cta .btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;color:var(--color-white)}.portfolio__item-cta .btn-primary:hover{box-shadow:0 15px 35px rgba(253,121,168,.4);-webkit-transform:translateY(-3px) scale(1.1);transform:translateY(-3px) scale(1.1)}.portfolio__item__image{border-radius:var(--border-radius);margin-bottom:1.5rem;overflow:hidden;position:relative}.portfolio__item__image:after{align-items:center;background:rgba(108,92,231,.9);border-radius:50%;content:"🚀";display:flex;font-size:2rem;height:60px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:60px}.portfolio__item:hover .portfolio__item__image:after{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.portfolio__item:first-child{transition-delay:.1s}.portfolio__item:nth-child(2){transition-delay:.2s}.portfolio__item:nth-child(3){transition-delay:.3s}.portfolio__item:nth-child(4){transition-delay:.4s}.portfolio__item:nth-child(5){transition-delay:.5s}.portfolio__item:nth-child(6){transition-delay:.6s}body.light-mode .portfolio__item{background:var(--color-bg-card-light);border-color:var(--color-border-light);box-shadow:var(--shadow-light)}body.light-mode .portfolio__item h3{color:var(--color-text-light)}body.light-mode .portfolio__item:hover h3{color:var(--color-primary-light)}body.light-mode .portfolio__item:hover{border-color:var(--color-primary-light);box-shadow:0 30px 60px rgba(91,76,219,.2)}body.light-mode section#portfolio{background:var(--color-bg-light)}body.light-mode .portfolio__container{background:transparent}@media screen and (max-width:1024px){.portfolio__container{gap:2.5rem;grid-template-columns:repeat(2,1fr);padding:1.5rem 0}.portfolio__item{min-height:400px;padding:2rem}.portfolio__item-projects-image{height:220px}#portfolio{padding:6rem 0}}@media screen and (max-width:600px){.portfolio__container{gap:2rem;grid-template-columns:1fr;padding:1rem 0}.portfolio__item{min-height:350px;padding:1.5rem}.portfolio__item-projects-image{height:200px}.portfolio__item h3{font-size:1.2rem;margin:1rem 0 1.5rem}.portfolio__item-cta{flex-direction:column;gap:1rem}.portfolio__item-cta .btn{font-size:.9rem;padding:.8rem 1rem}#portfolio{padding:4rem 0}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#1f1f38;--color-bg-variant:#2c2c6c;--color-bg-card:rgba(26,26,46,.8);--color-primary:#4db5ff;--color-primary-variant:rgba(77,181,255,.4);--color-secondary:#ff6b9d;--color-accent:#00cec9;--color-white:#fff;--color-light:hsla(0,0%,100%,.6);--color-text:#e8e8e8;--color-border:hsla(0,0%,100%,.1);--color-bg-light:#f8fafc;--color-bg-variant-light:#e2e8f0;--color-bg-card-light:hsla(0,0%,100%,.9);--color-primary-light:#6c5ce7;--color-primary-variant-light:rgba(108,92,231,.2);--color-secondary-light:#ff9f40;--color-accent-light:#00b894;--color-text-light:#2d3748;--color-light-mode:rgba(45,55,72,.8);--color-border-light:rgba(45,55,72,.1);--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%;--transition:all 400ms ease;--transition-fast:all 0.2s ease;--shadow:none;--shadow-light:none;--border-radius:1rem;--border-radius-lg:1.5rem}body{background:#1f1f38;background:var(--color-bg);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKcWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wMS0xN1QxODo0NzozMVoiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDEtMTlUMTA6NDE6MzBaIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wMS0xOVQxMDo0MTozMFoiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRkZmE3YzdlLTljMjMtZGY0NS1hNjE3LTI1ZmIxN2MwYzI2YiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ1NzM3ODMzLTZkNDMtZTU0Yy05ZGJlLTkzM2ZjN2QyNWQ2MSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmFkZWMyZmNmLTBlN2MtYmY0NC04MjdhLTYyN2IxOTdkODg1ZiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSIxIiBleGlmOlBpeGVsWERpbWVuc2lvbj0iMTYiIGV4aWY6UGl4ZWxZRGltZW5zaW9uPSIxNiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YWRlYzJmY2YtMGU3Yy1iZjQ0LTgyN2EtNjI3YjE5N2Q4ODVmIiBzdEV2dDp3aGVuPSIyMDIyLTAxLTE3VDE4OjQ3OjMxWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphMTc3MmY0ZS1jZGNkLTcyNDYtYjYyNi1kNzRlNWQxMGZiYmQiIHN0RXZ0OndoZW49IjIwMjItMDEtMThUMTc6MjBaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuNCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmJkMmQ3ZDMyLTU2YWEtNTY0OS04NDdmLTBmMWYzZThmMGJkYiIgc3RFdnQ6d2hlbj0iMjAyMi0wMS0xOVQxMDo0MTozMFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NGRmYTdjN2UtOWMyMy1kZjQ1LWE2MTctMjVmYjE3YzBjMjZiIiBzdEV2dDp3aGVuPSIyMDIyLTAxLTE5VDEwOjQxOjMwWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiZDJkN2QzMi01NmFhLTU2NDktODQ3Zi0wZjFmM2U4ZjBiZGIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiNTQwNjllOC1iYmI1LWJhNGYtOGQ0Ny1kMWM2OWIwZDEwNDQiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZGVjMmZjZi0wZTdjLWJmNDQtODI3YS02MjdiMTk3ZDg4NWYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7hJkGIAAAAgUlEQVQ4jaWTSwqAMAwFxxp15ff+VxQ/O1GsGwUpttr4IMuZFJqHMUIglWSFWGvxjQnADdBu67KFNvgE9TmveRLU5/ZPcQVRsCuIhu8CFQwgQAeUGvh6QaKFL0EPTH8EAKNWcv8FlcS9g2jJ0yVGSXxdGIH5iyDU5QHYU8kF8DbyAFHyKD3LdWDGAAAAAElFTkSuQmCC);color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7;overflow-x:hidden;position:relative;transition:all .4s ease;transition:var(--transition)}body:before{-webkit-animation:backgroundShift 20s ease-in-out infinite;animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,rgba(108,92,231,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(253,121,168,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,206,201,.1) 0,transparent 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@-webkit-keyframes backgroundShift{0%,to{-webkit-transform:translateX(0) translateY(0) rotate(0deg);transform:translateX(0) translateY(0) rotate(0deg)}25%{-webkit-transform:translateX(-5px) translateY(-10px) rotate(1deg);transform:translateX(-5px) translateY(-10px) rotate(1deg)}50%{-webkit-transform:translateX(10px) translateY(5px) rotate(-1deg);transform:translateX(10px) translateY(5px) rotate(-1deg)}75%{-webkit-transform:translateX(-10px) translateY(10px) rotate(1deg);transform:translateX(-10px) translateY(10px) rotate(1deg)}}@keyframes backgroundShift{0%,to{-webkit-transform:translateX(0) translateY(0) rotate(0deg);transform:translateX(0) translateY(0) rotate(0deg)}25%{-webkit-transform:translateX(-5px) translateY(-10px) rotate(1deg);transform:translateX(-5px) translateY(-10px) rotate(1deg)}50%{-webkit-transform:translateX(10px) translateY(5px) rotate(-1deg);transform:translateX(10px) translateY(5px) rotate(-1deg)}75%{-webkit-transform:translateX(-10px) translateY(10px) rotate(1deg);transform:translateX(-10px) translateY(10px) rotate(1deg)}}body.light-mode{background:#f8fafc;background:var(--color-bg-light);color:#2d3748;color:var(--color-text-light)}body.light-mode:before{background:radial-gradient(circle at 20% 80%,rgba(91,76,219,.05) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(232,67,147,.05) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,184,148,.05) 0,transparent 50%)}body.dark-mode{background:#1f1f38;background:var(--color-bg);color:#e8e8e8;color:var(--color-text)}.container{margin:0 auto;padding:0 1rem;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:600;line-height:1.2;margin-top:.5rem}h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#4db5ff,#ff6b9d);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h1,h2{font-family:Playfair Display,serif}h2{color:#4db5ff;color:var(--color-primary);font-size:clamp(2rem,4vw,3rem)}section{margin-top:0;padding:1rem 0;position:relative}section#home{margin-top:0;padding:0}section>h2,section>h3,section>h4,section>h5,section>h6{margin-bottom:3rem;position:relative;text-align:center}.text-light{color:hsla(0,0%,100%,.6);color:var(--color-light)}body.light-mode .text-light{color:rgba(45,55,72,.8);color:var(--color-light-mode)}a{color:#4db5ff;color:var(--color-primary);position:relative;transition:all .4s ease;transition:var(--transition)}a:hover{color:#fff;color:var(--color-white)}.btn{border:1px solid #4db5ff;border:1px solid var(--color-primary);border-radius:1rem;border-radius:var(--border-radius);color:#4db5ff;color:var(--color-primary);cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background:#fff;background:var(--color-white);border-color:transparent}.btn-primary,.btn:hover{color:#1f1f38;color:var(--color-bg)}.btn-primary{background:#4db5ff;background:var(--color-primary)}.btn-primary:hover{background:#fff;background:var(--color-white);color:#1f1f38;color:var(--color-bg)}img{display:block;object-fit:cover;width:100%}.card,img{border-radius:1rem;border-radius:var(--border-radius);transition:all .4s ease;transition:var(--transition)}.card{background:#2c2c6c;background:var(--color-bg-variant);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--color-border);padding:2rem;text-align:center}.card:hover{background:transparent;border-color:rgba(77,181,255,.4);border-color:var(--color-primary-variant)}body.light-mode .card{background:#fff;background:var(--color-white);border-color:rgba(45,55,72,.1);border-color:var(--color-border-light)}.light-mode .card:hover{border-color:rgba(108,92,231,.2);border-color:var(--color-primary-variant-light)}.fade-in{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all .4s ease;transition:var(--transition)}.fade-in.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}h1{font-size:3rem}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}section>h2{margin-bottom:2rem}h1{font-size:2.5rem}.btn{padding:.8rem 1.5rem}}::-webkit-scrollbar{display:none}::-webkit-scrollbar-track{background:#2c2c6c;background:var(--color-bg-variant)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4db5ff,#ff6b9d);background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff6b9d,#4db5ff);background:linear-gradient(180deg,var(--color-secondary),var(--color-primary))}body.light-mode ::-webkit-scrollbar-track{background:#e2e8f0;background:var(--color-bg-variant-light)}
/*# sourceMappingURL=main.2fd281a2.css.map*/