@font-face{font-display:swap;font-family:Agustina Regular;font-style:normal;font-weight:400;src:local("Agustina Regular"),url(/developerFolio/static/media/Agustina.eb0c59dda4cc308cba96.woff) format("woff")}@font-face{font-display:swap;font-family:Montserrat;src:local("Montserrat"),url(/developerFolio/static/media/Montserrat-Regular.3cd786652b8a2e9d41f2.ttf) format("woff")}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:19px/23px Montserrat,sans-serif;margin:0}@media (max-width:1380px){body,html{font-size:rem;line-height:normal}}.App{overflow-x:hidden;text-align:center;width:100%}.App-logo{height:40vmin}.App-header{align-items:center;background-color:#1c2230;color:#ecf0f1;display:flex;flex-direction:column;font-size:calc(.625rem + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#ff7675}.subTitle{color:#7f8c8d}.headroom-wrapper{max-height:100px}.dark-menu{background-color:#1e272e!important;color:#ecf0f1}.dark-menu li a{color:#ecf0f1!important}.dark-menu li a:hover{background-color:#6b5b95!important}.header{background-color:#fefefe;margin:0 auto;max-width:100%;padding:15px 20px}.header ul{list-style:none;margin:0;overflow:hidden;padding:0}.grey-color{color:#7f8c8d}.header li a{color:#2f3640;display:block;padding:15px 20px;text-decoration:none}.header .menu-btn:hover,.header li a:hover{background-color:#f6f6f6}.header .logo{display:block;flex:none;float:left;font-size:1.5em;line-height:normal;margin-top:10px;text-decoration:none}.header .logo-name{font-feature-settings:"liga","clig off";font-family:Agustina Regular;font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures;font-weight:700;padding:0 10px}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;-webkit-user-select:none;user-select:none}.header .menu-icon .navicon{background:#2c3e50;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon-dark{background:#ecf0f1}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#2c3e50;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon-dark:after,.header .menu-icon .navicon-dark:before{background:#ecf0f1!important;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:486px}.header .menu-btn:checked~.menu-icon .navicon{background:#0000!important}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}@media(min-width:48em){.header li{float:left}.header{align-items:center;display:flex;justify-content:space-between}.header .menu{max-height:none}.header .menu-icon{display:none}}@media(max-width:960px)and (min-width:768px){.header{font-size:12px}}.switch{display:inline-block;height:26px;position:relative;width:50px}input{transform:scale(.5)}.slider{background-color:#dfe6e9;cursor:pointer;right:0;top:0}.slider,.slider:before{bottom:0;left:0;position:absolute;transition:.4s}.slider:before{background-color:#ecf0f1;content:"";height:26px;width:28px}input:checked+.slider{background-color:#00cec9}input:focus+.slider{box-shadow:#00cec9}input:checked+.slider:before,input:checked+.slider>.emoji{transform:translateX(26px)}.slider.round{align-items:center;border-radius:34px;display:flex}.slider.round:before{border-radius:50%;display:grid;place-items:center}.slider:after{bottom:17.5%;display:inline;position:absolute;right:9.3%}input:checked+.slider:after{bottom:14.5%;display:inline;position:absolute;right:56.3%}.emoji{align-items:center;display:flex;margin-left:2px;z-index:10}@media (max-width:786px)and (min-width:425px){input:checked+.slider:after{bottom:20.5%;right:60.3%}.slider:after{bottom:22.5%;right:15.3%}}@media (max-width:2560px)and (min-width:1552px){.slider:after{bottom:12.5%!important}}@media (max-width:1552px)and (min-width:1440px){.slider:after{bottom:7.5%!important}}.main{margin:4rem auto 0;padding:20px 10px;width:90%}.greet-main{align-items:center;display:flex;margin:0;min-height:calc(100vh - 80px);padding:0;position:relative}.greet-main,.hero-background-modern{background:#0000;overflow:hidden;width:100%}.hero-background-modern{height:100%;left:0;pointer-events:none;position:absolute;top:0;z-index:0}.data-flow-visualization{animation:gridMove 20s linear infinite;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#6b5b951a 0,#6b5b951a 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#667eea1a 0,#667eea1a 4px);background-size:40px 40px;height:100%;opacity:.03;position:absolute;width:100%}.dark-mode .data-flow-visualization{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#667eea26 0,#667eea26 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#6b5b9526 0,#6b5b9526 4px);opacity:.05}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.code-grid-background{animation:codeFlow 30s ease-in-out infinite;background-image:linear-gradient(#6b5b951a 1px,#0000 0),linear-gradient(90deg,#667eea1a 1px,#0000 0);background-size:60px 60px;height:100%;opacity:.02;position:absolute;width:100%}.dark-mode .code-grid-background{background-image:linear-gradient(#667eea33 1px,#0000 0),linear-gradient(90deg,#6b5b9533 1px,#0000 0);opacity:.04}@keyframes codeFlow{0%,to{opacity:.02;transform:translate(0) scale(1)}50%{opacity:.03;transform:translate(-10px,-10px) scale(1.02)}}.greeting-main{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:60px 20px;position:relative;width:100%;z-index:2}.greeting-main.centered-content .greeting-text-div{margin:0 auto;max-width:900px;text-align:center;width:100%}.greeting-main.centered-content .greeting-image-div{display:none}.greeting-text-div{position:relative;width:100%;z-index:3}.greeting-content{align-items:center;display:flex;flex-direction:column;gap:32px;text-align:center}.subTitle{color:#7f8c8d!important}.hero-badge{animation:fadeInDown .8s ease-out;display:inline-block;margin-bottom:8px;text-align:center;width:100%}.badge-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6b5b951a;border:1px solid #6b5b9533;border-radius:20px;color:#6b5b95;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px}.dark-mode .badge-text{background:#667eea26;border-color:#667eea4d;color:#8b9dff}.greeting-text{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out .2s both;background:linear-gradient(135deg,#2f3640,#6b5b95);-webkit-background-clip:text;background-clip:text;color:#2f3640!important;font-size:clamp(42px,8vw,96px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.greeting-text.dark-mode{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ecf0f1,#8b9dff);-webkit-background-clip:text;background-clip:text}.wave-emoji{animation-duration:1.8s;animation-iteration-count:infinite;animation-name:wave;display:inline-block;margin-left:12px;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.greeting-text-p{animation:fadeInUp .8s ease-out .4s both;color:#7f8c8d;font-size:clamp(18px,2.5vw,24px);font-weight:400;line-height:1.7;margin:0 auto;max-width:800px}.rotating-role-container{align-items:center;animation:fadeInUp .8s ease-out .6s both;display:flex;flex-wrap:wrap;font-size:clamp(20px,3vw,28px);font-weight:600;gap:10px;justify-content:center;margin-bottom:0;margin-top:8px}.role-label{color:#2f3640;font-weight:500}.role-label.dark-mode{color:#ecf0f1}.hero-tech-badges{animation:fadeInUp .8s ease-out .8s both;margin-top:8px;width:100%}.tech-badges-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.tech-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #6b5b9533;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s ease}.tech-badge:before{background:linear-gradient(90deg,#0000,#6b5b951a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tech-badge:hover{background:#ffffffe6;border-color:#6b5b9566;box-shadow:0 4px 12px #6b5b9540;transform:translateY(-2px)}.tech-badge:hover:before{left:100%}.tech-badge .tech-badge-name{color:#2f3640;font-weight:600;letter-spacing:.3px;position:relative;z-index:1}.tech-badge.dark-mode{background:#1e272eb3;border-color:#667eea4d}.tech-badge.dark-mode:before{background:linear-gradient(90deg,#0000,#667eea26,#0000)}.tech-badge.dark-mode:hover{background:#1e272ee6;border-color:#667eea80;box-shadow:0 4px 12px #667eea4d}.tech-badge.dark-mode .tech-badge-name{color:#ecf0f1}.hero-actions{align-items:center;animation:fadeInUp .8s ease-out 1s both;display:flex;flex-direction:column;gap:24px;margin-top:12px;width:100%}.button-greeting-div{display:flex;flex-wrap:wrap;gap:16px}.download-link-button{text-decoration:none}.download-link-button.main-button{display:inline-block;padding:14px 28px;transition:all .3s ease}.download-link-button:hover{transform:translateY(-2px)}.greeting-image-div{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative;z-index:1}.greeting-image-div>img{height:auto;max-width:100%}.greeting-image-div .carousel-mode,.greeting-image-div .grid-mode,.greeting-image-div .polaroid-mode{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1380px){.greeting-text{font-size:56px}.greeting-text-p{font-size:20px}.rotating-role-container{font-size:22px}}@media(max-width:968px){.greeting-main{padding:40px 20px}.greeting-content{gap:24px}}@media(max-width:768px){.greet-main{min-height:calc(100vh - 60px)}.greeting-main{padding:30px 20px}.greeting-content{gap:20px}.greeting-text{font-size:42px}.greeting-text-p{font-size:18px;line-height:1.5}.rotating-role-container{font-size:20px;justify-content:center}.hero-tech-badges{margin-top:16px}.tech-badges-container{gap:8px}.tech-badge{font-size:13px;padding:8px 14px}.button-greeting-div{flex-direction:column;gap:12px;width:100%}.download-link-button.main-button{text-align:center;width:100%}.greeting-image-div{height:280px;margin-top:20px}}@media(max-width:480px){.greeting-text{font-size:36px}.greeting-text-p{font-size:16px}.rotating-role-container{font-size:18px}.tech-badge{font-size:12px;padding:6px 12px}.tech-badge .tech-badge-name{font-size:11px}}@media(max-width:320px){.main{width:auto}}.social-media-div{font-size:2em}.icon-button{margin-bottom:10px}.icon-button i{border-radius:2.6rem;color:#ecf0f1;cursor:pointer;display:inline-block;font-size:1.3rem;height:2.6rem;line-height:2.6rem;margin:0 5px 10px;position:relative;text-align:center;transition:.2s ease-in;-webkit-user-select:none;user-select:none;width:2.6rem}.facebook i{background-color:#3b5998}.linkedin i{background-color:#0e76a8}.github i{background-color:#2d3436}.gitlab i{background-color:#e24329}.google i{background-color:#ea4335}.twitter i{background-color:#1da1f2}.medium i{background-color:#000}.stack-overflow i{background-color:#f48024}.kaggle i{background-color:#20beff}.instagram i{background-color:#d63031}.facebook i:hover,.github i:hover,.gitlab i:hover,.google i:hover,.instagram i:hover,.kaggle i:hover,.linkedin i:hover,.medium i:hover,.stack-overflow i:hover,.twitter i:hover{background-color:#2f3640}@media(max-width:768px){.social-media-div{text-align:center}}.main-button{-webkit-font-smoothing:antialiased;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:none;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.5rem;justify-content:center;line-height:1.5;margin:0;overflow:hidden;padding:0;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap;will-change:transform,box-shadow}.main-button .button-icon,.main-button .button-text{position:relative;transition:transform .3s ease;z-index:2}.main-button .button-icon{align-items:center;display:inline-flex;font-size:1em}.main-button .button-icon.button-icon-left{margin-right:-.25rem}.main-button .button-icon.button-icon-right{margin-left:-.25rem}.main-button .button-loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.main-button .loader-spinner{animation:spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;display:inline-block;height:16px;width:16px}.main-button .button-ripple{animation:ripple .6s ease-out;background:#ffffff4d;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0);z-index:1}.main-button.button-primary{background:linear-gradient(135deg,#6b5b95,#544875);box-shadow:0 4px 12px #00000026;color:#ecf0f1}.main-button.button-primary:hover:not(.button-disabled){background:linear-gradient(135deg,#7867a2,#6b5b95);box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.main-button.button-primary:active:not(.button-disabled){box-shadow:0 2px 8px #00000026;transform:translateY(0)}.dark-mode .main-button.button-primary{background:linear-gradient(135deg,#667eea,#8b9dff);box-shadow:0 4px 12px #667eea4d;color:#fff}.dark-mode .main-button.button-primary:hover:not(.button-disabled){background:linear-gradient(135deg,#8b9dff,#667eea);box-shadow:0 6px 20px #667eea66}.main-button.button-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6b5b951a;border:2px solid #6b5b95;color:#6b5b95}.main-button.button-secondary:hover:not(.button-disabled){background:#6b5b9533;box-shadow:0 6px 16px #6b5b9540;transform:translateY(-2px)}.dark-mode .main-button.button-secondary{background:#667eea26;border-color:#8b9dff;color:#8b9dff}.dark-mode .main-button.button-secondary:hover:not(.button-disabled){background:#667eea40;box-shadow:0 6px 16px #667eea4d}.main-button.button-outline{background:#0000;border:2px solid #6b5b95;color:#6b5b95}.main-button.button-outline:hover:not(.button-disabled){background:#6b5b95;box-shadow:0 6px 16px #00000026;color:#ecf0f1;transform:translateY(-2px)}.dark-mode .main-button.button-outline{border-color:#8b9dff;color:#8b9dff}.dark-mode .main-button.button-outline:hover:not(.button-disabled){background:#8b9dff;color:#fff}.main-button.button-ghost{background:#0000;border:none;color:#6b5b95}.main-button.button-ghost:hover:not(.button-disabled){background:#6b5b951a;transform:translateY(-2px)}.dark-mode .main-button.button-ghost{color:#8b9dff}.dark-mode .main-button.button-ghost:hover:not(.button-disabled){background:#667eea26}.main-button.button-gradient{background:linear-gradient(135deg,#6b5b95,#667eea);box-shadow:0 4px 16px #6b5b954d;color:#fff}.main-button.button-gradient:hover:not(.button-disabled){background:linear-gradient(135deg,#667eea,#6b5b95);box-shadow:0 8px 24px #6b5b9566;transform:translateY(-2px) scale(1.02)}.dark-mode .main-button.button-gradient{background:linear-gradient(135deg,#8b9dff,#667eea);box-shadow:0 4px 16px #667eea66}.dark-mode .main-button.button-gradient:hover:not(.button-disabled){background:linear-gradient(135deg,#667eea,#8b9dff);box-shadow:0 8px 24px #667eea80}.main-button.button-small{border-radius:6px;font-size:.875rem;padding:10px 18px}.main-button.button-medium{border-radius:8px;font-size:1rem;padding:13px 26px}.main-button.button-large{border-radius:10px;font-size:1.125rem;padding:16px 32px}.main-button.button-full-width{display:flex;width:100%}.main-button.button-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.main-button.button-animated:hover:not(.button-disabled) .button-icon-left{transform:translateX(-4px)}.main-button.button-animated:hover:not(.button-disabled) .button-icon-right{transform:translateX(4px)}.project-button{display:flex;justify-content:center;margin-top:20px}.project-button .main-button{margin-right:0!important}@keyframes ripple{to{opacity:0;transform:scale(4)}}@media(max-width:768px){.main-button.button-medium{font-size:.938rem;padding:12px 22px}.main-button.button-large{font-size:1rem;padding:14px 28px}}@media(max-width:480px){.main-button.button-small{font-size:.8rem;padding:8px 16px}.main-button.button-medium{font-size:.875rem;padding:10px 20px}.main-button.button-large{font-size:.938rem;padding:12px 24px}}@media(prefers-reduced-motion:reduce){.main-button{transition:none}.main-button,.main-button .button-ripple,.main-button .loader-spinner{animation:none}}.connect-modal-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.dark-mode .connect-modal-overlay{background:#000000d9}.connect-modal{animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #6b5b951a;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.dark-mode .connect-modal{background:#1e272efa;border-color:#667eea33;box-shadow:0 20px 60px #0009}.connect-modal::-webkit-scrollbar{width:8px}.connect-modal::-webkit-scrollbar-track{background:#0000}.connect-modal::-webkit-scrollbar-thumb{background:#6b5b954d;border-radius:4px}.connect-modal::-webkit-scrollbar-thumb:hover{background:#6b5b9580}.modal-close-btn{align-items:center;background:#6b5b951a;border:none;border-radius:50%;color:#2f3640;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:10}.modal-close-btn svg{height:20px;width:20px}.modal-close-btn:hover{background:#6b5b9533;transform:rotate(90deg) scale(1.1)}.dark-mode .modal-close-btn{background:#667eea26;color:#ecf0f1}.dark-mode .modal-close-btn:hover{background:#667eea40}.modal-header{border-bottom:1px solid #6b5b951a;padding:2.5rem 2rem 1.5rem;text-align:center}.dark-mode .modal-header{border-bottom-color:#667eea33}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6b5b95,#667eea);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .5rem}.dark-mode .modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b9dff,#667eea);-webkit-background-clip:text;background-clip:text}.modal-subtitle{color:#7f8c8d;font-size:1rem;margin:0}.dark-mode .modal-subtitle{color:#b2bec3}.connection-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:2rem}.connection-option{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:2px solid #6b5b9526;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.5rem 1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.connection-option:before{background:linear-gradient(135deg,var(--option-color) 0,#0000 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.connection-option:hover{border-color:var(--option-color);box-shadow:0 8px 24px #00000026;transform:translateY(-4px) scale(1.02)}.connection-option:hover:before{opacity:.1}.connection-option:hover .option-icon{transform:scale(1.2) rotate(5deg)}.connection-option:hover .option-ripple{animation:rippleExpand .6s ease-out}.connection-option.active{background:var(--option-color);border-color:var(--option-color);box-shadow:0 8px 24px #0003;color:#fff}.connection-option.active:before{opacity:0}.connection-option.active .option-icon,.connection-option.active .option-label{color:#fff}.dark-mode .connection-option{background:#1e272eb3;border-color:#667eea33}.dark-mode .connection-option:hover{background:#1e272ee6;border-color:var(--option-color)}.option-icon{font-size:2.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.option-icon,.option-label{position:relative;z-index:2}.option-label{color:#2f3640;font-size:1rem;font-weight:600}.dark-mode .option-label{color:#ecf0f1}.option-ripple{background:#ffffff4d;border-radius:50%;height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}@keyframes rippleExpand{to{height:200px;opacity:0;width:200px}}.modal-form-section{padding:0 2rem 2rem}.form-title{color:#2f3640;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.dark-mode .form-title{color:#ecf0f1}.connect-form{display:flex;flex-direction:column;gap:1rem}.form-group{position:relative}.form-input,.form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #6b5b9526;border-radius:12px;color:#2f3640;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.form-input::placeholder,.form-textarea::placeholder{color:#7f8c8d}.form-input:focus,.form-textarea:focus{background:#fffffff2;border-color:#6b5b95;box-shadow:0 0 0 4px #6b5b951a;outline:none}.dark-mode .form-input,.dark-mode .form-textarea{background:#1e272ecc;border-color:#667eea33;color:#ecf0f1}.dark-mode .form-input::placeholder,.dark-mode .form-textarea::placeholder{color:#b2bec3}.dark-mode .form-input:focus,.dark-mode .form-textarea:focus{background:#1e272ef2;border-color:#8b9dff;box-shadow:0 0 0 4px #667eea33}.form-textarea{min-height:120px;resize:vertical}.form-submit-btn{align-items:center;background:linear-gradient(135deg,#6b5b95,#667eea);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.form-submit-btn:hover:not(:disabled){box-shadow:0 8px 24px #6b5b954d;transform:translateY(-2px)}.form-submit-btn:active:not(:disabled){transform:translateY(0)}.form-submit-btn:disabled{cursor:not-allowed;opacity:.7}.form-submit-btn.submitted{animation:successPulse .6s ease-out;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b98166;cursor:default;opacity:1;pointer-events:none;transform:scale(1.05)}.dark-mode .form-submit-btn{background:linear-gradient(135deg,#8b9dff,#667eea)}.dark-mode .form-submit-btn:hover:not(:disabled){box-shadow:0 8px 24px #667eea66}.success-icon{animation:checkmark .6s ease-out;font-size:1.5rem}.arrow-icon{transition:transform .3s ease}.form-submit-btn:hover:not(:disabled) .arrow-icon{transform:translateX(4px)}.loader-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.modal-social-links{border-top:1px solid #6b5b951a;padding:1.5rem 2rem 2rem;text-align:center}.dark-mode .modal-social-links{border-top-color:#667eea33}.social-links-label{color:#7f8c8d;font-size:.9rem;margin:0 0 1rem}.dark-mode .social-links-label{color:#b2bec3}.social-icons{gap:1rem}.social-icon,.social-icons{display:flex;justify-content:center}.social-icon{align-items:center;background:#6b5b951a;border-radius:50%;color:#2f3640;font-size:1.25rem;height:44px;text-decoration:none;transition:all .3s ease;width:44px}.social-icon:hover{background:#6b5b9533;box-shadow:0 4px 12px #00000026;transform:translateY(-3px) scale(1.1)}.dark-mode .social-icon{background:#667eea26;color:#ecf0f1}.dark-mode .social-icon:hover{background:#667eea40}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.05)}}@media(max-width:768px){.connect-modal{border-radius:20px 20px 0 0;max-height:95vh;max-width:100%}.connection-options{grid-template-columns:1fr;padding:1.5rem}.modal-header{padding:2rem 1.5rem 1rem}.modal-title{font-size:1.75rem}.modal-form-section{padding:0 1.5rem 1.5rem}}.calendly-embed-section{border-top:1px solid #6b5b951a;margin-top:1rem;padding:2rem}.dark-mode .calendly-embed-section{border-top-color:#667eea33}.calendly-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.calendly-title{color:#2f3640;font-size:1.25rem;font-weight:700;margin:0}.dark-mode .calendly-title{color:#ecf0f1}.calendly-close-btn{align-items:center;background:#6b5b951a;border:none;border-radius:50%;color:#2f3640;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.calendly-close-btn svg{height:16px;width:16px}.calendly-close-btn:hover{background:#6b5b9533;transform:rotate(90deg) scale(1.1)}.dark-mode .calendly-close-btn{background:#667eea26;color:#ecf0f1}.dark-mode .calendly-close-btn:hover{background:#667eea40}.calendly-inline-widget{background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;width:100%}.dark-mode .calendly-inline-widget{background:#1e272ef2}.calendly-inline-widget iframe{border:none!important;width:100%!important}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.rotating-text{color:#6b5b95;display:inline-block;font-weight:600;transition:opacity .5s ease-in-out}.fade-in{opacity:1}.fade-out{opacity:0}.scroll-indicator{align-items:center;animation:fadeIn 1s ease-in 1s forwards;bottom:40px;display:flex;flex-direction:column;gap:15px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);z-index:10}.scroll-text{color:#2f3640;font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dark-mode .scroll-text{color:#ecf0f1}.scroll-icon{align-items:center;display:flex;flex-direction:column;gap:10px}.mouse{animation:mouse-bounce 2s ease-in-out infinite;border:2px solid #6b5b95;border-radius:12px;height:38px;position:relative;width:24px}.dark-mode .mouse{border-color:#9078c3}.wheel{animation:wheel-scroll 2s ease-in-out infinite;background:#6b5b95;border-radius:2px;height:8px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:4px}.dark-mode .wheel{background:#9078c3}@keyframes mouse-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes wheel-scroll{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(15px)}}.arrow-down{animation:arrow-bounce 2s ease-in-out infinite;color:#6b5b95;font-size:1.5rem}.dark-mode .arrow-down{color:#9078c3}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media(max-width:768px){.scroll-indicator{bottom:30px}.scroll-text{font-size:.85rem}.mouse{height:32px;width:20px}.arrow-down{font-size:1.2rem}}.pipeline-visualization{background:#0000!important;border:none;box-shadow:none;margin-bottom:0;margin-top:8px;padding:0;position:relative;z-index:2}.pipeline-stages{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;position:relative}.pipeline-stage{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.pipeline-stage.active{transform:scale(1.05);z-index:2}.pipeline-stage.active .stage-glow{opacity:1;transform:scale(1.2)}.pipeline-stage.active .stage-pulse{animation:pulseRing 2s ease-out infinite}.pipeline-stage.active .stage-indicator,.pipeline-stage.completed .stage-indicator{background:var(--stage-gradient);width:100%}.pipeline-stage.completed .stage-indicator{opacity:.6}.pipeline-stage:hover{transform:translateY(-2px) scale(1.02)}.pipeline-stage:hover .stage-card{box-shadow:0 4px 12px #0000001a}.stage-glow{background:radial-gradient(circle,var(--stage-color) 0,#0000 70%);filter:blur(12px);height:60px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;width:60px;z-index:-1}.stage-card{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff80!important;border:1px solid #6b5b9533;border-radius:8px;box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column;gap:4px;min-width:55px;overflow:visible;padding:6px 10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pipeline-stage.active .stage-card{background:#ffffffa6!important;border-color:var(--stage-color);box-shadow:0 2px 8px #00000014,0 0 0 2px var(--stage-color)}.stage-card:before{background:var(--stage-gradient);content:"";height:1.5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.pipeline-stage.active .stage-card:before{transform:scaleX(1)}.dark-mode .stage-card{background:#1e272e40!important;border-color:#667eea40;box-shadow:0 1px 3px #0000001a}.pipeline-stage.active.dark-mode .stage-card{background:#1e272e59!important}.stage-icon-wrapper{align-items:center;display:flex;height:28px;justify-content:center;position:relative;width:28px}.stage-icon{height:18px;position:relative;transition:all .3s ease;width:18px;z-index:2}.stage-icon svg{stroke-width:2;height:100%;width:100%}.pipeline-stage.active .stage-icon{transform:scale(1.1)}.stage-pulse{border:1.5px solid var(--stage-color);border-radius:50%;height:28px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px}.stage-name{color:#2f3640;font-size:10px;font-weight:600;letter-spacing:.2px;line-height:1.2;position:relative;text-align:center;z-index:1}.dark-mode .stage-name{color:#ecf0f1}.stage-indicator{background:var(--stage-gradient);border-radius:0 0 8px 8px;bottom:0;height:1.5px;left:0;position:absolute;transition:width .6s cubic-bezier(.4,0,.2,1);width:0}.pipeline-connection{align-items:center;display:flex;height:1.5px;margin:0 1px;min-width:20px;position:relative}.connection-line{background:linear-gradient(90deg,#6b5b9526,#6b5b954d 50%,#6b5b9526);border-radius:1px;height:1.5px;overflow:hidden;position:absolute;width:100%}.dark-mode .connection-line{background:linear-gradient(90deg,#667eea26,#667eea4d 50%,#667eea26)}.data-flow{background:linear-gradient(90deg,#0000,#6b5b95 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--stage-color,#6b5b95) 50%,#0000 100%);border-radius:2px;height:100%;left:-100%;opacity:.8;position:absolute;top:0;width:100%}.data-flow.flowing{animation:dataFlow 1.5s ease-in-out infinite}.connection-arrow{color:#6b5b9566;height:12px;margin-left:auto;opacity:.6;position:relative;transition:all .3s ease;width:12px;z-index:1}.dark-mode .connection-arrow{color:#667eea66}.pipeline-connection:hover .connection-arrow{color:#6b5b95;color:var(--stage-color,#6b5b95);opacity:1;transform:translateX(2px)}@keyframes dataFlow{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}@media(max-width:968px){.pipeline-stages{gap:5px}.pipeline-connection{min-width:18px}.stage-card{min-width:50px;padding:6px 8px}.stage-icon-wrapper{height:26px;width:26px}.stage-icon{height:16px;width:16px}.stage-name{font-size:9px}}@media(max-width:768px){.pipeline-visualization{margin-top:6px;padding:0}.pipeline-stages{flex-wrap:wrap;gap:4px}.pipeline-connection{margin:0 1px;min-width:16px}.connection-arrow{height:10px;width:10px}.stage-card{gap:3px;min-width:48px;padding:5px 8px}.stage-icon-wrapper{height:24px;width:24px}.stage-icon{height:14px;width:14px}.stage-name{font-size:9px}}@media(max-width:480px){.pipeline-stages{gap:3px}.stage-card{min-width:45px;padding:5px 7px}.stage-icon-wrapper{height:22px;width:22px}.stage-icon{height:12px;width:12px}.stage-name{font-size:8px}.pipeline-connection{min-width:14px}.connection-arrow{height:8px;width:8px}}.instagram-reels-grid{background:#0000;display:flex;gap:12px;height:100vh;left:0;overflow:hidden;padding:20px;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}@media(max-width:968px){.instagram-reels-grid{gap:8px;padding:15px}}@media(max-width:768px){.instagram-reels-grid{gap:6px;padding:10px}}.reel-column{display:flex;flex:1 1;flex-direction:column;gap:12px;height:100%;pointer-events:auto}@media(max-width:768px){.reel-column{gap:8px}}.reel-item{border-radius:12px;color:inherit;cursor:pointer;display:block;flex:1 1;min-height:0;opacity:.5;overflow:hidden;pointer-events:auto;position:relative;text-decoration:none;transform:scale(.98);transition:all .5s cubic-bezier(.4,0,.2,1)}.reel-item.active{opacity:1;transform:scale(1);z-index:1}.reel-item:hover{opacity:.8;transform:scale(.99)}.dark-mode .reel-item{opacity:.4}.dark-mode .reel-item.active{opacity:1}.dark-mode .reel-item:hover{opacity:.7}.reel-container{border-radius:12px;-webkit-clip-path:inset(0);clip-path:inset(0);height:100%;mask-image:linear-gradient(180deg,#000 0,#000);-webkit-mask-image:linear-gradient(180deg,#000 0,#000);overflow:hidden;position:relative;width:100%}.reel-video{border:none;display:block;filter:brightness(.7) contrast(1.1);height:100%;left:0;object-fit:cover;opacity:.6;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease,filter .5s ease;width:100%}.active .reel-video{filter:brightness(.8) contrast(1.2);opacity:.8}.dark-mode .reel-video{filter:brightness(.6) contrast(1);opacity:.5}.active .dark-mode .reel-video{filter:brightness(.7) contrast(1.1);opacity:.7}.reel-iframe{border:none;-webkit-clip-path:inset(15% 15% 35% 15%);clip-path:inset(15% 15% 35% 15%);display:block;height:150%;left:-25%;object-fit:cover;overflow:hidden;pointer-events:none;position:absolute;top:-25%;transform:scale(1);transform-origin:center center;width:150%}.reel-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.reel-overlay{background:linear-gradient(180deg,#0000 0,#0000 70%,#0003);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.active .reel-overlay{background:linear-gradient(180deg,#0000 0,#0000 60%,#0000004d)}.reel-caption{bottom:0;left:0;padding:12px 16px;pointer-events:none;position:absolute;right:0;z-index:3}.reel-caption p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:12px;font-weight:500;line-height:1.4;margin:0;overflow:hidden;text-shadow:0 2px 8px #00000080}@media(max-width:768px){.reel-caption{padding:8px 12px}.reel-caption p{font-size:11px}}.play-indicator{align-items:center;background:#0009;border-radius:50%;display:flex;height:48px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:48px;z-index:2}.active .play-indicator{opacity:0}.play-indicator svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:24px;width:24px}.instagram-reels-grid{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);mix-blend-mode:normal}.reel-item:not(.active) .reel-overlay{background:linear-gradient(180deg,#0003 0,#0006)}@media(max-width:968px){.instagram-reels-grid{gap:8px}.reel-item{border-radius:10px}}@media(max-width:768px){.instagram-reels-grid{gap:6px;padding:10px}.reel-item{border-radius:8px;opacity:.3}.reel-item.active{opacity:.8}.reel-caption p{font-size:10px}}@media(max-width:480px){.instagram-reels-grid{display:none}}.reel-item:after{border-radius:12px;box-shadow:inset 0 0 0 0 #0000;cursor:pointer;pointer-events:auto;z-index:20}.reel-container:before,.reel-item:after{background:#0000;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.reel-container:before{box-shadow:inset 0 0 0 1px #0000;pointer-events:none;z-index:9}.play-indicator,.reel-caption{pointer-events:none;z-index:15}.hero-section.centered-content .instagram-reels-grid{opacity:.2;pointer-events:none}.instagram-reels-grid iframe{pointer-events:none}.instagram-reels-grid .reel-container{position:relative}.instagram-reels-grid .reel-item:after{background:#0000;bottom:0;content:"";left:0;pointer-events:auto;position:absolute;right:0;top:0;z-index:5}.quick-stats-container{background:linear-gradient(135deg,#6b5b95,#667eea);margin:30px 0;overflow:hidden;padding:16px 0;position:relative;width:100%}.quick-stats-container.dark-mode{background:linear-gradient(135deg,#555c,#444c)}.stats-ticker{animation:scroll 30s linear infinite;display:flex;will-change:transform}.stats-ticker:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.stat-item{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:500;padding:0 40px;white-space:nowrap}.stat-item .stat-icon{font-size:1.4rem;margin-right:10px}.stat-item .stat-text{font-weight:600}@media(max-width:768px){.stat-item{font-size:.95rem;padding:0 30px}.stat-item .stat-icon{font-size:1.2rem}}.skills-section{margin:0 auto;padding:4rem 1rem;position:relative;width:100%}.skills-header{margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:900px;text-align:center}.skills-subtitle{font-size:1.125rem;line-height:1.6;margin:0}.skills-subtitle.dark-mode{color:#b2bec3}.skills-highlights{border-top:1px solid #6b5b951a;margin-left:auto;margin-right:auto;margin-top:4rem;max-width:900px;padding-top:3rem}.dark-mode .skills-highlights{border-top-color:#667eea33}.highlights-list{display:flex;flex-direction:column;gap:1rem}.highlight-item{align-items:center;animation:slideInLeft .6s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border-left:3px solid #6b5b95;border-radius:8px;display:flex;gap:1rem;opacity:0;padding:1rem 1.5rem;transition:all .3s ease}.highlight-item:hover{background:#ffffffb3;box-shadow:0 4px 12px #00000014;transform:translateX(8px)}.highlight-item.dark-mode{background:#1e272e80;border-left-color:#8b9dff}.highlight-item.dark-mode:hover{background:#1e272eb3;box-shadow:0 4px 12px #0003}.highlight-bullet{color:#6b5b95;flex-shrink:0;font-size:1.25rem;font-weight:700;transition:transform .3s ease}.highlight-item:hover .highlight-bullet{transform:translateX(4px)}.dark-mode .highlight-bullet{color:#8b9dff}.highlight-text{color:#2f3640;font-size:1rem;font-weight:500;line-height:1.6;margin:0}.dark-mode .highlight-text{color:#ecf0f1}@media(max-width:1380px){.skills-heading{font-size:3rem}}@media(max-width:768px){.skills-section{padding:3rem 1rem}.skills-heading{font-size:2.25rem}.skills-badge{font-size:.8rem;padding:.4rem 1rem}.skills-subtitle{font-size:1rem}.highlights-grid{gap:1rem;grid-template-columns:1fr}.highlight-card{padding:1rem}}@media(max-width:480px){.skills-heading{font-size:1.875rem}.skills-badge{font-size:.75rem;padding:.35rem .875rem}}.skill-ecosystem{margin:0 auto;max-width:1400px;padding:2rem 1rem;position:relative;width:100%}.view-mode-selector{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.view-mode-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1.5px solid #6b5b9533;border-radius:12px;color:#2f3640;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform}.view-mode-btn:hover{border-color:#6b5b9566;box-shadow:0 6px 16px #0000001f;transform:translateY(-3px) scale(1.05)}.view-mode-btn:active{transform:translateY(-1px) scale(1.02)}.view-mode-btn.active{background:linear-gradient(135deg,#6b5b95,#667eea);border-color:#6b5b95;box-shadow:0 6px 20px #6b5b9559;color:#fff}.view-mode-btn.active .mode-icon{transform:scale(1.2) rotate(5deg)}.view-mode-btn .mode-icon{font-size:1.1rem;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.dark-mode .view-mode-btn{background:#1e272eb3;border-color:#667eea33;color:#ecf0f1}.dark-mode .view-mode-btn:hover{background:#1e272ee6;border-color:#667eea66}.dark-mode .view-mode-btn.active{background:linear-gradient(135deg,#667eea,#8b9dff);border-color:#667eea;color:#fff}.category-tooltip{animation:tooltipFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #6b5b9533;border-radius:12px;box-shadow:0 8px 24px #00000026;max-width:250px;padding:1rem 1.25rem;pointer-events:none;position:fixed;transform:translate(-50%,-100%);z-index:1000}.dark-mode .category-tooltip{background:#1e272ef2;border-color:#667eea4d;box-shadow:0 8px 24px #0006}.tooltip-header{color:#2f3640;font-size:1rem;font-weight:700;margin-bottom:.5rem}.dark-mode .tooltip-header{color:#ecf0f1}.tooltip-content{display:flex;flex-direction:column;gap:.25rem}.tooltip-mastery{color:#6b5b95;font-size:.875rem;font-weight:600}.dark-mode .tooltip-mastery{color:#8b9dff}.tooltip-skills{color:#7f8c8d;font-size:.8rem}.dark-mode .tooltip-skills{color:#b2bec3}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-90%) scale(.9)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.skill-radar-view{justify-content:center;min-height:600px}.radar-chart-container,.skill-radar-view{align-items:center;display:flex;padding:2rem}.radar-chart-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff6;border:1px solid #6b5b951a;border-radius:24px;box-shadow:0 12px 48px #00000014;flex-direction:column;gap:2rem;transition:all .3s ease}.dark-mode .radar-chart-container{background:#1e272e66;border-color:#667eea33;box-shadow:0 12px 48px #0006}.radar-svg{cursor:crosshair;height:auto;max-width:700px;width:100%}.grid-circle{animation:gridAppear .8s ease-out forwards;opacity:0}.category-line{transition:stroke .3s ease}@keyframes gridAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.radar-path{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:all 1s cubic-bezier(.4,0,.2,1);will-change:filter,transform}.radar-path.animated{animation:radarDraw 1.5s cubic-bezier(.4,0,.2,1) forwards}.category-group{cursor:pointer;transition:transform .3s ease}.hit-area{cursor:pointer}.category-point{cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,filter,r}.category-point.hovered{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));transform:scale(1.3)}.category-point.selected{animation:pointPulse 2s ease-in-out infinite}.pulse-ring{animation:pulseRing 2s ease-in-out infinite;pointer-events:none}@keyframes pointPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes pulseRing{0%{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.category-label{pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;will-change:font-weight,transform}.category-label.highlighted{transform:scale(1.1)}.mastery-value{pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;will-change:opacity,font-size}.mastery-value.visible{opacity:1!important}.connection-line{animation:dashMove 2s linear infinite;pointer-events:none}@keyframes dashMove{to{stroke-dashoffset:-20}}.center-point{animation:centerPulse 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes centerPulse{0%,to{r:6;opacity:1}50%{r:8;opacity:.7}}@keyframes radarDraw{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.category-details{animation:slideUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #6b5b9533;border-radius:16px;box-shadow:0 8px 24px #0000001a;max-width:400px;padding:1.5rem}.category-details h4{color:#2f3640;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.dark-mode .category-details h4{color:#ecf0f1}.dark-mode .category-details{background:#1e272ee6;border-color:#667eea4d;box-shadow:0 8px 24px #0006}.details-mastery{color:#6b5b95;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.dark-mode .details-mastery{color:#8b9dff}.details-skills{display:flex;flex-wrap:wrap;gap:.5rem}.skill-badge{background:#6b5b951a;border:1px solid #6b5b9533;border-radius:8px;color:#2f3640;font-size:.8rem;font-weight:500;padding:.4rem .75rem;transition:all .3s ease}.skill-badge:hover{background:#6b5b9533;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.dark-mode .skill-badge{background:#667eea26;border-color:#667eea4d;color:#ecf0f1}.dark-mode .skill-badge:hover{background:#667eea40}.skill-network-view{min-height:600px;padding:2rem;position:relative}.network-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000001a;cursor:grab;height:600px;overflow:hidden;position:relative;width:100%}.network-container:active{cursor:grabbing}.dark-mode .network-container{background:#1e272e80;box-shadow:0 8px 32px #0000004d}.network-svg{height:100%;transition:transform .2s cubic-bezier(.4,0,.2,1);width:100%}.network-link{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:stroke-width,opacity}.network-link.highlighted{animation:linkPulse 1.5s ease-in-out infinite}.network-node{cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.network-node:hover{transform:scale(1.15)}.node-glow{animation:nodeGlow 2s ease-in-out infinite;pointer-events:none}@keyframes nodeGlow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}.node-circle{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:r,opacity,filter}.node-label{transition:all .3s ease;will-change:font-weight,font-size}.node-label,.node-mastery{pointer-events:none;-webkit-user-select:none;user-select:none}.node-mastery{animation:fadeInUp .3s ease-out}@keyframes linkPulse{0%,to{stroke-width:1;opacity:.3}50%{stroke-width:2;opacity:.6}}.network-controls{display:flex;flex-direction:column;gap:.5rem;position:absolute;right:1rem;top:1rem;z-index:10}.zoom-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #6b5b9533;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#2f3640;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;width:36px}.zoom-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.zoom-btn:active{transform:scale(.95)}.dark-mode .zoom-btn{background:#1e272ee6;border-color:#667eea4d;color:#ecf0f1}.dark-mode .zoom-btn:hover{background:#1e272e}.skill-mastery-view{padding:2rem 1rem}.mastery-rings-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.mastery-ring-group{align-items:center;animation:ringAppear .6s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #6b5b9526;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;opacity:0;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow,border-color}.mastery-ring-group.hovered,.mastery-ring-group:hover{background:#fffffff2;border-color:#6b5b9559;box-shadow:0 16px 40px #0000002e;transform:translateY(-10px) scale(1.02)}.dark-mode .mastery-ring-group{background:#1e272eb3;border-color:#667eea33}.dark-mode .mastery-ring-group.hovered,.dark-mode .mastery-ring-group:hover{background:#1e272ef2;border-color:#667eea80;box-shadow:0 16px 40px #00000080}.ring-header{align-items:center;border-bottom:1px solid #6b5b951a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;transition:border-color .3s ease;width:100%}.mastery-ring-group:hover .ring-header{border-bottom-color:#6b5b9540}.dark-mode .ring-header{border-bottom-color:#667eea33}.mastery-ring-group:hover .dark-mode .ring-header{border-bottom-color:#667eea66}.ring-category{color:#2f3640;font-size:1rem;font-weight:700;line-height:1.3;margin:0;transition:color .3s ease}.dark-mode .ring-category{color:#ecf0f1}.ring-mastery{font-feature-settings:"tnum";color:#6b5b95;font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:700;transition:transform .3s ease}.mastery-ring-group:hover .ring-mastery{transform:scale(1.1)}.dark-mode .ring-mastery{color:#8b9dff}.mastery-ring{height:140px;margin:1rem 0;position:relative;width:140px;will-change:transform}.ring-svg{height:100%;transform:rotate(0deg);transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}.mastery-ring-group:hover .ring-svg{transform:rotate(8deg) scale(1.05)}.ring-bg{transition:stroke .3s ease}.ring-progress{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));will-change:stroke-dashoffset}.ring-progress.animated{animation:ringDraw 1.5s cubic-bezier(.4,0,.2,1) forwards}.ring-glow{animation:ringGlow 2s ease-in-out infinite;pointer-events:none}@keyframes ringDraw{0%{stroke-dashoffset:314}}@keyframes ringGlow{0%,to{opacity:.2}50%{opacity:.4}}.ring-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease;z-index:2}.mastery-ring-group:hover .ring-content{transform:translate(-50%,-50%) scale(1.05)}.ring-value{font-feature-settings:"tnum";color:#2f3640;font-size:2rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;margin-bottom:.25rem;transition:color .3s ease}.dark-mode .ring-value{color:#ecf0f1}.ring-count{color:#7f8c8d;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.dark-mode .ring-count{color:#b2bec3}.ring-skills{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;width:100%}.ring-skill-item{align-items:center;color:#2f3640;display:flex;font-size:.85rem;gap:.5rem;padding:.25rem 0;transition:all .3s ease}.dark-mode .ring-skill-item{color:#ecf0f1}.ring-skill-item.more{color:#7f8c8d;font-size:.8rem;font-style:italic}.dark-mode .ring-skill-item.more{color:#b2bec3}.skill-dot{border-radius:50%;flex-shrink:0;height:8px;transition:all .3s ease;width:8px;will-change:box-shadow,transform}.skill-name{flex:1 1;font-weight:500}.skill-mastery{color:#7f8c8d;font-size:.75rem;font-weight:600;opacity:0;transition:opacity .3s ease}.mastery-ring-group:hover .skill-mastery{opacity:1}.dark-mode .skill-mastery{color:#b2bec3}@keyframes ringAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:1200px){.mastery-rings-container{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.skill-ecosystem{padding:1.5rem .75rem}.view-mode-selector{gap:.5rem;margin-bottom:2rem}.view-mode-btn{font-size:.85rem;padding:.6rem 1.25rem}.skill-radar-view{min-height:400px;padding:1rem}.radar-chart-container{padding:1.5rem}.skill-network-view{min-height:400px;padding:1rem}.network-container{height:400px}.network-controls{right:.5rem;top:.5rem}.zoom-btn{font-size:1.1rem;height:32px;width:32px}.mastery-rings-container{gap:1.25rem;grid-template-columns:1fr}.mastery-ring-group{padding:1.25rem}.mastery-ring{height:120px;width:120px}.ring-value{font-size:1.75rem}.category-details{max-width:100%;padding:1.25rem}}@media(max-width:480px){.view-mode-btn{font-size:.8rem;padding:.5rem 1rem}.view-mode-btn .mode-icon{font-size:1rem}.skill-network-view,.skill-radar-view{min-height:300px;padding:.5rem}.radar-chart-container{padding:1rem}.network-container{height:300px}.mastery-ring{height:100px;width:100px}.ring-value{font-size:1.5rem}.category-tooltip{font-size:.875rem;max-width:200px;padding:.75rem 1rem}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.meter{background:#dcdde1;border-radius:25px;height:20px;position:relative}.meter>span{background-color:#55efc4;border-bottom-left-radius:20px;border-bottom-right-radius:6px;border-top-left-radius:20px;border-top-right-radius:6px;display:block;height:100%;overflow:hidden;position:relative}.skill{line-height:3.5vw}.skill-bars{font-size:28px;width:40%}.skills-container{display:flex;margin:2rem auto 0;padding:20px 10px;width:90%}.skills-container>*{flex:1 1;margin-bottom:30px}.skills-image>img{height:auto;margin-left:80px;max-width:90%}@media(max-width:1456px){.skills-bar{line-height:4rem}.skills-image{display:none;order:2}}@media(max-width:768px){.skills-container{flex-direction:column}.skills-bar{line-height:3rem;margin:20px}.skills-image{display:none;order:2}}.sk-circle{height:40px;margin:100px auto;position:relative;width:40px}.sk-circle .sk-child{height:100%;left:0;position:absolute;top:0;width:100%}.sk-circle .sk-child:before{animation:sk-circleBounceDelay 1.2s ease-in-out infinite both;background-color:#2c3e50;border-radius:100%;content:"";display:block;height:15%;margin:0 auto;width:15%}.sk-circle .sk-circle2{transform:rotate(30deg)}.sk-circle .sk-circle3{transform:rotate(60deg)}.sk-circle .sk-circle4{transform:rotate(90deg)}.sk-circle .sk-circle5{transform:rotate(120deg)}.sk-circle .sk-circle6{transform:rotate(150deg)}.sk-circle .sk-circle7{transform:rotate(180deg)}.sk-circle .sk-circle8{transform:rotate(210deg)}.sk-circle .sk-circle9{transform:rotate(240deg)}.sk-circle .sk-circle10{transform:rotate(270deg)}.sk-circle .sk-circle11{transform:rotate(300deg)}.sk-circle .sk-circle12{transform:rotate(330deg)}.sk-circle .sk-circle2:before{animation-delay:-1.1s}.sk-circle .sk-circle3:before{animation-delay:-1s}.sk-circle .sk-circle4:before{animation-delay:-.9s}.sk-circle .sk-circle5:before{animation-delay:-.8s}.sk-circle .sk-circle6:before{animation-delay:-.7s}.sk-circle .sk-circle7:before{animation-delay:-.6s}.sk-circle .sk-circle8:before{animation-delay:-.5s}.sk-circle .sk-circle9:before{animation-delay:-.4s}.sk-circle .sk-circle10:before{animation-delay:-.3s}.sk-circle .sk-circle11:before{animation-delay:-.2s}.sk-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleBounceDelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.education-heading{font-size:56px;font-weight:400}.education-section{display:flex;flex-direction:column;margin:2rem auto 0;padding:20px 0;width:90%}.education-section>*{flex:1 1;margin-bottom:30px}.education-card-container{display:flex;flex-direction:column;padding-top:20px}@media(max-width:1380px){.education-card-container{padding-top:0}.education-heading{font-size:40px}.education-text-subtitle{font-size:18px;text-align:center}}@media(max-width:768px){.education-card-container{padding-top:0}.education-heading{font-size:30px;text-align:center}.education-text-subtitle{font-size:16px}}.education-card{display:flex;flex-direction:row}.education-card:hover+.education-card-border{border-color:#a29bfe;transition:width .6s ease-in-out;width:100%}.education-card-border{border-top:2px solid #c8c8c880;height:30px;margin-bottom:20px;transition:width .6s ease-in-out;width:80%}.education-head{display:flex;flex-direction:row}.education-text-school{font-size:28px;font-weight:700;height:27px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.education-roundedimg{border-radius:50%;box-shadow:0 .5rem 1rem #00000026;height:6rem;margin-right:2rem;object-fit:cover;width:6rem}.education-card-right{max-width:70%}.education-text-subHeader{color:#2f3640;font-size:19px;font-weight:700;line-height:normal;margin:0;padding-top:.8rem}.education-text-duration{color:#1c1e21;font-size:19px;margin:0;padding-top:.5rem}.education-text-desc{margin-bottom:.5rem;margin-top:.5rem}.education-text-bullets>ul{margin-top:.5rem}@media(max-width:1380px){.education-card{flex-direction:column;padding-bottom:10px}.education-card-right{max-width:90%}.education-card-border{width:90%}.education-text-subHeader{font-size:16px;padding-top:.5rem}.education-text-school{font-size:20px;height:23px}.education-text-duration{font-size:16px}.education-roundedimg{height:4rem;margin-bottom:.5rem;margin-right:0;width:4rem}}@media(max-width:768px){.education-card{text-align:center}.education-card-right{max-width:100%}.education-card-border{width:100%}.education-roundedimg{height:4rem;margin-bottom:1rem;margin-right:0;margin-top:10px;width:4rem}.education-text-bullets>ul{margin:auto;max-width:80%}}.footer-text{color:#7f8c8d!important;text-align:center}.dark-mode{color:#ecf0f1!important}.footer-div{margin-top:2rem;padding-bottom:1rem}#topButton{background-color:#6b5b95;border:none;border-radius:15px;bottom:20px;color:#fff;cursor:pointer;font-size:25px;outline:none;padding:15px;position:fixed;right:30px;visibility:hidden;z-index:99}#topButton:hover{background-color:coral;transition:all .2s ease-in-out}.splash-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.splash-animation-container{height:50vh}.splash-title-container{font-size:2.5rem;text-decoration:none}.splash-title{font-feature-settings:"liga","clig off";font-family:Agustina Regular,cursive;font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures;font-weight:700;padding:0 20px}.resume-section{background:#f8f9fa;padding:60px 0}.resume-section.dark-mode{background:#1c2230}.resume-header{margin-bottom:40px;padding:0 20px;text-align:center}.resume-main-title{color:#2f3640;font-size:3rem;font-weight:700;margin-bottom:15px}.resume-main-title.dark-mode{color:#ecf0f1}.resume-main-subtitle{color:#7f8c8d;font-size:1.2rem;margin:0 auto;max-width:700px}.resume-main-subtitle.dark-mode{color:#b2bec3}.resume-tabs{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:0 auto 50px;max-width:800px;padding:0 20px}.resume-tab{align-items:center;background:#fff;border:3px solid #c8c8c880;border-radius:30px;box-shadow:0 4px 12px #0000000f;color:#2f3640;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.resume-tab:hover{background:#f1f2f6;border-color:#6b5b95;box-shadow:0 8px 20px #0000001f;transform:translateY(-3px)}.resume-tab.active{background:#6b5b95;border-color:#6b5b95;box-shadow:0 8px 24px #6b5b9566;color:#fff;transform:translateY(-2px)}.resume-tab.dark-mode{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 4px 12px #0003;color:#ecf0f1}.resume-tab.dark-mode:hover{background:#ffffff1a;border-color:#6b5b95;box-shadow:0 8px 20px #0000004d}.resume-tab.dark-mode.active{background:#6b5b95;border-color:#6b5b95;color:#fff}.tab-icon{font-size:1.4rem;line-height:1}.tab-label{font-weight:700;letter-spacing:.3px}.resume-tab-content{animation:fadeIn .5s ease-in-out;min-height:500px}.resume-download-section{margin:4rem auto;padding:20px 10px;width:90%}.download-card{border:none;border-radius:24px;box-shadow:0 8px 32px #6b5b954d;margin:0 auto;max-width:800px;overflow:hidden;padding:3.5rem 2.5rem;position:relative;text-align:center}.download-card,.download-card:before{background:linear-gradient(135deg,#6b5b95,#9078c3)}.download-card:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.download-card.dark-mode{background:linear-gradient(135deg,#8b7db8,#a896d8 50%,#b8a5e8);border:none;box-shadow:0 20px 60px #8b7db866,0 0 0 0 #fff0;position:relative}.download-card.dark-mode:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.download-title{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:48px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:1.5rem;position:relative;text-shadow:0 2px 10px #0003;z-index:1}.download-title.dark-mode{color:#fff;text-shadow:0 2px 12px #00000040}.download-subtitle{color:#fffffff2;font-size:19px;font-weight:400;letter-spacing:.2px;line-height:1.7;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:650px;position:relative;z-index:1}.download-subtitle.dark-mode{color:#fffffff2;text-shadow:0 1px 4px #00000026}.download-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem;position:relative;z-index:1}.download-buttons .download-link-wrapper,.download-buttons .main-button{background:#fff;border:3px solid #fff;border-radius:50px;box-shadow:0 6px 20px #0003;color:#6b5b95;cursor:pointer;display:inline-block;font-size:17px;font-weight:700;letter-spacing:.5px;padding:16px 36px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.download-buttons .download-link-wrapper:hover,.download-buttons .main-button:hover{background:#ffffff1a;border-color:#fff;box-shadow:0 10px 30px #0000004d;color:#fff;transform:translateY(-4px) scale(1.05)}.download-buttons a button,.download-buttons button{background:#fff!important;border:3px solid #fff!important;border-radius:50px!important;box-shadow:0 6px 20px #0003!important;color:#6b5b95!important;cursor:pointer;font-size:17px!important;font-weight:700!important;letter-spacing:.5px;padding:16px 36px!important;text-transform:uppercase;transition:all .3s ease!important}.download-buttons a button:hover,.download-buttons button:hover{background:#ffffff1a!important;border-color:#fff!important;box-shadow:0 10px 30px #0000004d!important;color:#fff!important;transform:translateY(-4px) scale(1.05)!important}@media(max-width:1380px){.resume-main-title{font-size:2.5rem}.resume-main-subtitle{font-size:1.1rem}.resume-tab{font-size:15px;padding:14px 28px}.download-title{font-size:32px}.download-subtitle{font-size:17px}.download-buttons button{font-size:16px!important;padding:14px 30px!important}}@media(max-width:768px){.resume-section{padding:40px 0}.resume-header{margin-bottom:30px}.resume-main-title{font-size:2rem}.resume-main-subtitle{font-size:1rem}.resume-tabs{gap:10px;margin-bottom:40px}.resume-tab{font-size:14px;gap:8px;padding:12px 20px}.tab-icon{font-size:1.2rem}.resume-tab-content{min-height:400px}.resume-download-section{margin:2rem auto;width:95%}.download-card{padding:2rem 1.5rem}.download-title{font-size:26px}.download-subtitle{font-size:15px}.download-buttons{align-items:stretch;flex-direction:column;gap:1rem}.download-buttons a button,.download-buttons button{font-size:15px!important;padding:14px 24px!important;width:100%!important}}@media(max-width:320px){.resume-download-section{width:100%}.download-card{padding:1.5rem 1rem}.download-title{font-size:22px}.download-subtitle{font-size:14px}}.impact-metrics-container{margin:3rem auto;max-width:1400px;padding:20px 10px;width:90%}.metrics-title{color:#1c1e21;font-size:48px;font-weight:600;margin-bottom:10px;text-align:center}.metrics-subtitle{color:#7f8c8d;font-size:18px;margin-bottom:2.5rem;text-align:center}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}.metric-card{background:#fefefe;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:1.5rem 1.2rem;text-align:center;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-5px)}.metric-card.metric-green{border-color:#55efc4}.metric-card.metric-green .metric-number,.metric-card.metric-green .metric-suffix{color:#55efc4}.metric-card.metric-blue{border-color:#6b5b95}.metric-card.metric-blue .metric-number,.metric-card.metric-blue .metric-suffix{color:#6b5b95}.metric-card.dark-mode{background:#1e272e;box-shadow:0 4px 12px #ffffff1a}.metric-card.dark-mode:hover{box-shadow:0 8px 24px #fff3}.metric-card.dark-mode .metric-label{color:#ecf0f1}.metric-card.dark-mode .metric-description{color:#7f8c8d}.metric-value{align-items:baseline;display:flex;justify-content:center;margin-bottom:1rem}.metric-number{font-size:48px;font-weight:700;line-height:1}.metric-suffix{font-size:32px;font-weight:600;margin-left:4px}.metric-label{color:#2f3640;font-size:18px;font-weight:600;margin-bottom:.5rem}.metric-description{color:#636e72;font-size:14px;line-height:1.4}@media(max-width:1380px){.metrics-title{font-size:40px}.metrics-subtitle{font-size:16px}.metrics-grid{gap:1.2rem;grid-template-columns:repeat(2,1fr)}.metric-number{font-size:40px}.metric-suffix{font-size:28px}}@media(max-width:768px){.impact-metrics-container{margin:2rem auto;width:95%}.metrics-title{font-size:32px}.metrics-subtitle{font-size:15px;margin-bottom:1.5rem}.metrics-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.metric-card{padding:1.2rem .8rem}.metric-number{font-size:32px}.metric-suffix{font-size:22px}.metric-label{font-size:15px}.metric-description{font-size:12px}}@media(max-width:320px){.impact-metrics-container{width:100%}.metric-number{font-size:32px}.metric-suffix{font-size:20px}}.career-timeline-container{margin:4rem auto;padding:20px 10px;width:90%}.timeline-title{color:#1c1e21;font-size:56px;font-weight:600;margin-bottom:10px;text-align:center}.timeline-subtitle{color:#7f8c8d;font-size:20px;margin-bottom:4rem;text-align:center}.timeline{margin:0 auto;max-width:1200px;padding:2rem 0;position:relative}.timeline:before{background:linear-gradient(180deg,#6b5b95,#9078c3);border-radius:2px;content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);width:4px}.timeline-item{align-items:flex-start;display:flex;margin-bottom:3rem;position:relative}.timeline-item.timeline-left{justify-content:flex-end;padding-left:0;padding-right:50%}.timeline-item.timeline-left .timeline-marker{left:auto;right:-58px}.timeline-item.timeline-left .timeline-content{margin-right:60px}.timeline-item.timeline-right{justify-content:flex-start;padding-left:50%;padding-right:0}.timeline-item.timeline-right .timeline-marker{left:-58px;right:auto}.timeline-item.timeline-right .timeline-content{margin-left:60px}.timeline-marker{align-items:center;display:flex;justify-content:center;position:absolute;z-index:2}.timeline-dot{background:#6b5b95;border:4px solid #fefefe;border-radius:50%;box-shadow:0 0 0 4px #9078c3;height:20px;position:absolute;width:20px}.timeline-icon{align-items:center;background:#fff;border:4px solid #f8f9fa;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.timeline-logo{height:60px;object-fit:contain;width:60px}.timeline-content{background:#fefefe;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #0000000d;cursor:pointer;flex:1 1;max-width:500px;padding:1.5rem;position:relative;transition:all .3s ease}.timeline-content.collapsed{padding:1.25rem 1.5rem}.timeline-content:after{border-radius:12px;bottom:0;box-shadow:0 0 0 2px #6b5b95;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.timeline-content:hover{border-color:#6b5b95;box-shadow:0 8px 24px #00000026;transform:translateY(-3px)}.timeline-content:hover:after{opacity:.3}.timeline-content.dark-mode{background:#1e272e;box-shadow:0 4px 12px #ffffff1a}.timeline-content.dark-mode:hover{border-color:#9078c3;box-shadow:0 8px 24px #fff3}.timeline-content.dark-mode:hover:after{box-shadow:0 0 0 2px #9078c3}.timeline-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.timeline-role{color:#1c1e21;font-size:22px;font-weight:600;margin-bottom:.5rem}.timeline-role.dark-mode{color:#ecf0f1}.timeline-company{color:#6b5b95;font-size:18px;font-weight:500;margin-bottom:0}.timeline-company.dark-mode{color:#9078c3}.timeline-date{background:#f1f2f6;border-radius:20px;color:#7f8c8d;font-size:14px;font-weight:500;padding:4px 12px;white-space:nowrap}.timeline-date.dark-mode{background:#ffffff1a;color:#ecf0f1}.timeline-expandable{max-height:0;opacity:0;overflow:hidden;transition:all .5s ease}.timeline-expandable.show{margin-top:1rem;max-height:2000px;opacity:1}.timeline-description{color:#2f3640;font-size:16px;line-height:1.6;margin-bottom:1rem}.timeline-description.dark-mode{color:#ecf0f1}.timeline-bullets ul{list-style:none;margin:1rem 0 .5rem;padding-left:0}.timeline-bullets .bullet-item{color:#636e72;font-size:15px;line-height:1.5;margin-bottom:.8rem;padding-left:24px;position:relative}.timeline-bullets .bullet-item:before{color:#6b5b95;content:"▸";font-weight:700;left:0;position:absolute}.timeline-bullets .bullet-item.dark-mode{color:#7f8c8d}.timeline-bullets .bullet-item.dark-mode:before{color:#9078c3}.expand-indicator{background:#f1f2f6;border-radius:20px;color:#6b5b95;display:inline-block;font-size:13px;font-weight:600;margin-top:.75rem;padding:6px 12px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%}.timeline-content.collapsed .expand-indicator{font-size:12px;margin-top:.5rem;padding:5px 10px}.timeline-content:hover .expand-indicator{background:#6b5b951a;transform:scale(1.02)}.dark-mode .expand-indicator{background:#ffffff0d;color:#9078c3}.timeline-content:hover .dark-mode .expand-indicator{background:#9b78c333}.dark-mode.timeline-item .timeline-dot{border-color:#1e272e;box-shadow:0 0 0 4px #9b78c34d}.dark-mode.timeline-item .timeline-icon{background:#1e272e;border-color:#ffffff1a}@media(max-width:1380px){.timeline-title{font-size:42px}.timeline-subtitle{font-size:18px}.timeline-role{font-size:20px}.timeline-company{font-size:16px}}@media(max-width:768px){.career-timeline-container{margin:2rem auto;width:95%}.timeline-title{font-size:32px}.timeline-subtitle{font-size:16px;margin-bottom:2rem}.timeline:before{left:40px}.timeline-item{justify-content:flex-start!important;padding-left:0!important;padding-right:0!important}.timeline-item.timeline-left .timeline-marker,.timeline-item.timeline-right .timeline-marker{left:0!important;right:auto!important}.timeline-item.timeline-left .timeline-content,.timeline-item.timeline-right .timeline-content{margin-left:100px!important;margin-right:0!important;max-width:100%}.timeline-icon{height:60px;width:60px}.timeline-logo{height:45px;width:45px}.timeline-header{align-items:flex-start;flex-direction:column}.timeline-role{font-size:18px}.timeline-company{font-size:15px}.timeline-date{font-size:13px}.timeline-description{font-size:14px}.bullet-item{font-size:13px}}@media(max-width:320px){.career-timeline-container{width:100%}.timeline-item .timeline-content{margin-left:80px!important;padding:1rem}.timeline-role{font-size:16px}}.skills-matrix-container{margin:3rem auto;max-width:1200px;padding:20px 10px;width:90%}.skills-title{color:#1c1e21;font-size:42px;font-weight:600;margin-bottom:8px;text-align:center}.skills-subtitle{color:#7f8c8d;font-size:17px;margin-bottom:2rem;text-align:center}.skills-tabs{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:2rem}.skill-tab{background:#f8f9fa;border:2px solid #c8c8c880;border-radius:25px;color:#2f3640;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.skill-tab:hover{background:#f1f2f6;border-color:#6b5b95;transform:translateY(-2px)}.skill-tab.active{background:#6b5b95;border-color:#6b5b95;box-shadow:0 4px 12px #6b5b954d;color:#fff}.skill-tab.dark-mode{background:#ffffff0d;border-color:#ffffff1a;color:#ecf0f1}.skill-tab.dark-mode:hover{background:#ffffff1a;border-color:#9078c3}.skill-tab.dark-mode.active{background:#6b5b95;border-color:#6b5b95;color:#fff}.skills-content{min-height:250px;position:relative}.skill-category{animation:fadeInUp .4s ease;display:none}.skill-category.active{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.skills-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:0 auto;max-width:900px}.skill-tag{animation:slideIn .4s ease forwards;background:#fefefe;border:2px solid #a29bfe;border-radius:18px;box-shadow:0 2px 6px #0000000d;color:#2f3640;font-size:14px;font-weight:500;opacity:0;padding:8px 16px;transition:all .3s ease}.skill-tag:hover{background:#f8f9fa;border-color:#6b5b95;box-shadow:0 4px 16px #00000026;transform:translateY(-3px) scale(1.05)}.skill-tag.dark-mode{background:#1e272e;border-color:#9b78c34d;box-shadow:0 2px 8px #ffffff1a;color:#ecf0f1}.skill-tag.dark-mode:hover{background:#ffffff0d;border-color:#9078c3;box-shadow:0 4px 16px #fff3}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media(max-width:1380px){.skills-title{font-size:42px}.skills-subtitle{font-size:18px}.skill-tab{font-size:14px;padding:10px 20px}.skill-tag{font-size:14px;padding:8px 16px}}@media(max-width:768px){.skills-matrix-container{margin:2rem auto;width:95%}.skills-title{font-size:32px}.skills-subtitle{font-size:16px;margin-bottom:2rem}.skills-tabs{gap:.75rem}.skill-tab{font-size:13px;padding:8px 16px}.skills-content{min-height:250px}.skills-tags{gap:.75rem}.skill-tag{font-size:13px;padding:7px 14px}}@media(max-width:320px){.skills-matrix-container{width:100%}.skill-tab,.skill-tag{font-size:12px;padding:6px 12px}}.project-showcase-container{margin:4rem auto;padding:20px 10px;width:90%}.showcase-title{color:#1c1e21;font-size:56px;font-weight:600;margin-bottom:10px;text-align:center}.showcase-subtitle{color:#7f8c8d;font-size:20px;margin-bottom:3rem;text-align:center}.projects-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px}.project-showcase-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6b5b950d;border:1px solid #6b5b951a;border-radius:16px;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.project-showcase-card:hover{background:#6b5b9514;border-color:#6b5b9533;box-shadow:0 12px 32px #0000001a;transform:translateY(-8px)}.project-showcase-card.dark-mode{background:#6b5b951f;border-color:#9078c326;box-shadow:0 4px 16px #0006}.project-showcase-card.dark-mode:hover{background:#6b5b952e;border-color:#9078c340;box-shadow:0 12px 32px #0009}.project-image-container{background:#6b5b9514;border-bottom:1px solid #6b5b951a;height:220px;overflow:hidden;position:relative;width:100%}.dark-mode .project-image-container{background:#6b5b9526;border-bottom-color:#9078c326}.project-showcase-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-showcase-card:hover .project-showcase-image{transform:scale(1.05)}.project-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000 0,#0000004d);bottom:0;display:flex;left:0;padding:1rem;position:absolute;right:0;top:0}.project-date{background:#6b5b95e6;border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 14px}.project-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.project-name{color:#2f3640;font-size:24px;font-weight:700;letter-spacing:.3px;margin-bottom:.5rem}.project-name.dark-mode{color:#ecf0f1}.project-subtitle-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6b5b95,#9078c3);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:600;margin-bottom:1rem}.project-subtitle-text.dark-mode{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9078c3,#bb8fce);-webkit-background-clip:text;background-clip:text}.project-description{color:#7f8c8d;font-size:15px;line-height:1.6;margin-bottom:1rem}.project-description.dark-mode{color:#b2bec3}.project-details{max-height:0;overflow:hidden;transition:max-height .5s ease}.project-details.show{max-height:800px}.project-bullets{list-style:none;margin:1rem 0;padding-left:0}.project-bullet{color:#7f8c8d;font-size:14px;line-height:1.5;margin-bottom:.8rem;padding-left:20px;position:relative}.project-bullet:before{color:#6b5b95;content:"→";font-weight:700;left:0;position:absolute}.project-bullet.dark-mode{color:#b2bec3}.project-bullet.dark-mode:before{color:#9078c3}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-tag{background:#6b5b951a;border:1px solid #6b5b9533;border-radius:15px;color:#6b5b95;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.tech-tag:hover{background:#6b5b9526;border-color:#6b5b95;box-shadow:0 2px 8px #6b5b9533;transform:scale(1.05)}.tech-tag.dark-mode{background:#9078c326;border-color:#9078c340;color:#bb8fce}.tech-tag.dark-mode:hover{background:#9078c340;border-color:#bb8fce;box-shadow:0 2px 8px #9078c34d}.project-footer{align-items:center;border-top:1px solid #6b5b9526;display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem}.dark-mode .project-footer{border-top-color:#9078c333}.project-links{display:flex;gap:1rem}.project-link{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6b5b95,#9078c3);-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease}.project-link:hover{opacity:.8;transform:translateX(3px)}.project-link.dark-mode{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9078c3,#bb8fce);-webkit-background-clip:text;background-clip:text}.expand-btn{background:#0000;border:2px solid #6b5b954d;color:#6b5b95;font-size:13px;padding:6px 12px}.expand-btn:hover{background:#6b5b951a;border-color:#6b5b95}.expand-btn.dark-mode{border-color:#9078c34d;color:#9078c3}.expand-btn.dark-mode:hover{background:#9078c326;border-color:#9078c3}@media(max-width:1380px){.showcase-title{font-size:42px}.showcase-subtitle{font-size:18px}.projects-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.project-name{font-size:22px}.project-subtitle-text{font-size:15px}}@media(max-width:768px){.project-showcase-container{margin:2rem auto;width:95%}.showcase-title{font-size:32px}.showcase-subtitle{font-size:16px;margin-bottom:2rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-image-container{height:180px}.project-content{padding:1.25rem}.project-name{font-size:20px}.project-description,.project-subtitle-text{font-size:14px}.project-bullet{font-size:13px}.project-footer{align-items:flex-start;flex-direction:column;gap:.75rem}}@media(max-width:320px){.project-showcase-container{width:100%}.project-content{padding:1rem}.project-name{font-size:18px}}.project-filter-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:40px 0;padding:0 20px}.filter-btn{background:#fff;border:2px solid #6b5b95;border-radius:30px;color:#6b5b95;cursor:pointer;font-size:1rem;font-weight:600;outline:none;padding:12px 28px;transition:all .3s ease-in-out}.filter-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.filter-btn.active{background:#6b5b95;box-shadow:0 4px 15px #5555ff4d;color:#fff}.filter-btn.dark-mode{background:#1e272e;border-color:#6b5b95;color:#ecf0f1}.filter-btn.dark-mode:hover{box-shadow:0 4px 12px #ffffff1a}.filter-btn.dark-mode.active{background:#6b5b95;color:#fff}@media(max-width:768px){.project-filter-container{gap:10px}.filter-btn{font-size:.9rem;padding:10px 20px}}.sticky-nav{position:fixed;right:30px;top:50%;transform:translateY(-50%) translateX(150px);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1000}.sticky-nav.visible{transform:translateY(-50%) translateX(0)}.sticky-nav.dark-mode .nav-items{background:#1e272ef2;border-color:#ffffff1a}.nav-items{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:25px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;gap:8px;padding:10px}.nav-item{align-items:center;background:#0000;border:none;border-radius:20px;color:#2f3640;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease;white-space:nowrap}.dark-mode .nav-item{color:#ecf0f1}.nav-item .nav-icon{flex-shrink:0;font-size:1.3rem}.nav-item .nav-label{max-width:0;opacity:0;overflow:hidden;transition:all .3s ease}.nav-item:hover{background:#6b5b951a;padding-right:20px}.nav-item:hover .nav-label{margin-left:4px;max-width:100px;opacity:1}.nav-item.active{background:#6b5b95;box-shadow:0 4px 12px #6b5b9566;color:#fff}.nav-item.active .nav-label{margin-left:4px;max-width:100px;opacity:1}.nav-item:before{background:#6b5b95;border-radius:0 2px 2px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:3px}.nav-item.active:before{height:60%}@media(max-width:1024px){.sticky-nav{right:15px}.nav-item{padding:10px 12px}.nav-item .nav-icon{font-size:1.1rem}}@media(max-width:768px){.sticky-nav{display:none}}.scroll-progress-container{background:#0000000d;height:4px;left:0;position:fixed;right:0;top:0;z-index:9999}.dark-mode .scroll-progress-container{background:#ffffff0d}.scroll-progress-bar{background:linear-gradient(90deg,#6b5b95,#9078c3 50%,#667eea);box-shadow:0 0 10px #6b5b9580;height:100%;position:relative;transition:width .1s ease-out}.scroll-progress-bar:after{background:#ffffff4d;content:"";filter:blur(5px);height:100%;position:absolute;right:0;top:0;width:20px}.milestone-toast{align-items:center;animation:slideInRight .5s cubic-bezier(.4,0,.2,1),slideOutRight .4s cubic-bezier(.4,0,.2,1) 3.6s;background:#fff;border:2px solid #6b5b95;border-radius:16px;bottom:30px;box-shadow:0 8px 32px #00000026;display:flex;gap:16px;max-width:400px;padding:20px 24px;position:fixed;right:30px;z-index:9998}.milestone-toast.dark-mode{background:#1e272e;border-color:#9078c3;box-shadow:0 8px 32px #0006}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(450px)}}.toast-icon{animation:bounce .6s ease-in-out;flex-shrink:0;font-size:2rem}.toast-content{flex:1 1}.toast-message{color:#2f3640;font-size:1rem;font-weight:600;margin-bottom:4px}.dark-mode .toast-message{color:#ecf0f1}.toast-progress{color:#6b5b95;font-size:.85rem;font-weight:700}.toast-emoji{animation:pulse 1s ease-in-out infinite;font-size:1.5rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-width:768px){.milestone-toast{bottom:20px;left:20px;max-width:none;padding:16px 20px;right:20px}.toast-icon{font-size:1.6rem}.toast-message{font-size:.9rem}.toast-progress{font-size:.75rem}.toast-emoji{font-size:1.3rem}}.ripple-effect{animation:ripple-animation .8s ease-out;background:radial-gradient(circle,#6b5b9566 0,#6b5b9500 70%);border-radius:50%;height:20px;pointer-events:none;position:fixed;transform:translate(-50%,-50%) scale(0);width:20px;z-index:9997}@keyframes ripple-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(25)}}.game-mode-toggle{align-items:center;animation:pulse-glow 2s ease-in-out infinite;background:#fff;border:3px solid #6b5b95;border-radius:50%;bottom:100px;box-shadow:0 4px 20px #6b5b954d;cursor:pointer;display:flex;font-size:1.8rem;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:9996}.game-mode-toggle:hover{box-shadow:0 8px 30px #6b5b9580;transform:scale(1.1) rotate(10deg)}.game-mode-toggle.active{animation:none;background:#6b5b95;box-shadow:0 0 30px #6b5b95cc}.game-mode-toggle.dark-mode{background:#1e272e;border-color:#9078c3}.game-mode-toggle.dark-mode.active{background:#6b5b95}.game-mode-hud{animation:slideInRight .4s cubic-bezier(.4,0,.2,1);background:#fff;border:3px solid #6b5b95;border-radius:16px;box-shadow:0 8px 32px #00000026;overflow:hidden;position:fixed;right:30px;top:80px;width:320px;z-index:9995}.game-mode-hud.dark-mode{background:#1e272e;border-color:#9078c3;box-shadow:0 8px 32px #00000080}.hud-header{align-items:center;background:linear-gradient(135deg,#6b5b95,#9078c3);display:flex;justify-content:space-between;padding:15px 20px}.hud-title{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:1px}.hud-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:28px;justify-content:center;transition:all .3s ease;width:28px}.hud-close:hover{background:#ffffff4d;transform:rotate(90deg)}.hud-stats{background:#fefefe;display:flex;justify-content:space-around;padding:20px 15px}.dark-mode .hud-stats{background:#ffffff08}.stat-item{text-align:center}.stat-label{color:#7f8c8d;font-size:.75rem;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.dark-mode .stat-label{color:#b2bec3}.stat-value{color:#6b5b95;font-size:1.8rem;font-weight:700;line-height:1}.xp-bar-container{background:#f8f9fa;border:2px solid #6b5b95;border-radius:15px;height:30px;margin:0 20px 20px;overflow:hidden;position:relative}.dark-mode .xp-bar-container{background:#ffffff0d}.xp-bar{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 10px #4caf5080;height:100%;transition:width .5s ease}.xp-text{color:#2f3640;font-size:.9rem;font-weight:700;left:50%;position:absolute;text-shadow:0 0 3px #fff;top:50%;transform:translate(-50%,-50%)}.dark-mode .xp-text{color:#ecf0f1}.missions-list{padding:0 20px 20px}.missions-header{color:#2f3640;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.dark-mode .missions-header{color:#ecf0f1}.missions-scroll{max-height:280px;overflow-y:auto;padding-right:8px}.missions-scroll::-webkit-scrollbar{width:6px}.missions-scroll::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.missions-scroll::-webkit-scrollbar-thumb{background:#6b5b95;border-radius:3px}.missions-scroll::-webkit-scrollbar-thumb:hover{background:#9078c3}.mission-item{align-items:center;background:#fefefe;border:2px solid #0000;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .3s ease}.mission-item.completed{background:#4caf501a;border-color:#4caf50}.mission-item.completed .mission-name{color:#7f8c8d;text-decoration:line-through}.mission-item.completed .mission-emoji{filter:grayscale(100%)}.mission-item:not(.completed):hover{border-color:#6b5b95;transform:translateX(5px)}.dark-mode .mission-item{background:#ffffff0d}.dark-mode .mission-item.completed{background:#4caf5026}.mission-emoji{flex-shrink:0;font-size:1.5rem}.mission-info{flex:1 1}.mission-name{color:#2f3640;font-size:.9rem;font-weight:600;margin-bottom:2px}.dark-mode .mission-name{color:#ecf0f1}.mission-desc{color:#7f8c8d;font-size:.75rem}.dark-mode .mission-desc{color:#b2bec3}.mission-xp{color:#6b5b95;flex-shrink:0;font-weight:700}.share-results-btn,.view-stats-btn{background:#6b5b95;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin:0 20px 15px;padding:14px;transition:all .3s ease;width:calc(100% - 40px)}.share-results-btn:hover,.view-stats-btn:hover{background:#9078c3;box-shadow:0 4px 12px #6b5b9566;transform:translateY(-2px)}.share-results-btn.large,.view-stats-btn.large{font-size:1.1rem;padding:16px}.view-stats-btn{background:#0000;border:2px solid #6b5b95;color:#6b5b95;margin-bottom:20px}.view-stats-btn:hover{background:#6b5b95;color:#fff}.dark-mode .view-stats-btn{border-color:#9078c3;color:#9078c3}.dark-mode .view-stats-btn:hover{background:#9078c3;color:#fff}.mission-notification{animation:slideInBounce .6s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border-left:5px solid #4caf50;border-radius:12px;box-shadow:0 8px 24px #0003;padding:16px 20px;position:fixed;right:30px;top:90px;z-index:9997}.mission-notification.dark-mode{background:#1e272e;box-shadow:0 8px 24px #00000080}@keyframes slideInBounce{0%{opacity:0;transform:translateX(400px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.mission-complete-content{align-items:center;display:flex;gap:12px}.mission-text{flex:1 1}.mission-name{color:#4caf50;font-size:1rem;font-weight:700;margin-bottom:3px}.mission-xp{color:#7f8c8d;font-size:.85rem;font-weight:600}.dark-mode .mission-xp{color:#b2bec3}.level-up-notification{animation:levelUpPop 1s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#6b5b95,#9078c3);border:4px solid #fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;color:#fff;left:50%;padding:40px 60px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%) scale(0);z-index:9999}.level-up-notification.dark-mode{border-color:#1e272e}@keyframes levelUpPop{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-180deg)}50%{transform:translate(-50%,-50%) scale(1.2) rotate(10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}}.level-up-title{font-size:2rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 10px #0000004d}.level-up-text{font-size:1.3rem;font-weight:600}.stats-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9998}.stats-modal-overlay.dark-mode{background:#000000e6}.stats-modal{animation:modalPop .5s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border-radius:20px;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.stats-modal.dark-mode{background:#1e272e}@keyframes modalPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.stats-close-btn{background:#f8f9fa;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;height:40px;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.stats-close-btn:hover{background:#f44336;color:#fff;transform:rotate(90deg)}.dark-mode .stats-close-btn{background:#ffffff1a;color:#ecf0f1}.dark-mode .stats-close-btn:hover{background:#f44336;color:#fff}.stats-content{padding:60px 40px 40px;text-align:center}.stats-title{color:#2f3640;font-size:2rem;font-weight:700;margin-bottom:30px}.dark-mode .stats-title{color:#ecf0f1}.final-rank{margin-bottom:40px}.rank-badge{animation:bounce 1s ease-in-out infinite;font-size:5rem;margin-bottom:15px}.rank-title{color:#6b5b95;font-size:1.8rem;font-weight:700;margin-bottom:10px}.final-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.final-stat{background:#fefefe;border:2px solid #6b5b95;border-radius:12px;padding:20px}.dark-mode .final-stat{background:#ffffff0d}.final-stat-value{color:#6b5b95;font-size:2rem;font-weight:700;margin-bottom:8px}.final-stat-label{color:#7f8c8d;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.dark-mode .final-stat-label{color:#b2bec3}.achievements-showcase{margin-bottom:30px}.achievements-showcase h3{color:#2f3640;font-size:1.3rem;margin-bottom:20px}.dark-mode .achievements-showcase h3{color:#ecf0f1}.achievement-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.achievement-badge{align-items:center;animation:badgePop .4s ease-out;background:#f8f9fa;border:2px solid #6b5b95;border-radius:20px;display:flex;gap:8px;padding:10px 16px}.dark-mode .achievement-badge{background:#ffffff14}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.badge-emoji{font-size:1.2rem}.badge-name{color:#2f3640;font-size:.85rem;font-weight:600}.dark-mode .badge-name{color:#ecf0f1}.stats-footer{color:#7f8c8d;font-size:1rem;font-style:italic;margin-top:30px}.dark-mode .stats-footer{color:#b2bec3}@media(max-width:1024px){.game-mode-hud{right:15px;width:280px}.game-mode-toggle{font-size:1.6rem;height:55px;right:15px;width:55px}}@media(max-width:768px){.game-mode-toggle{bottom:80px;font-size:1.4rem;height:50px;right:20px;width:50px}.game-mode-hud{bottom:150px;left:20px;right:20px;top:auto;width:auto}.hud-stats{padding:15px 10px}.stat-value{font-size:1.5rem}.missions-scroll{max-height:200px}.mission-item{padding:10px}.stats-content{padding:50px 25px 30px}.stats-title{font-size:1.5rem}.rank-badge{font-size:3.5rem}.rank-title{font-size:1.4rem}.final-stats-grid{gap:15px;grid-template-columns:1fr}}.career-journey-container{margin:0 auto;max-width:1000px;padding:60px 20px;position:relative}.journey-header{margin-bottom:60px;text-align:center}.journey-title{color:#2f3640;font-size:2.5rem;font-weight:700;margin-bottom:12px}.journey-title.dark-mode{color:#ecf0f1}.journey-subtitle{color:#7f8c8d;font-size:1.1rem;margin:0 auto;max-width:700px}.journey-subtitle.dark-mode{color:#b2bec3}.journey-timeline{position:relative}.journey-timeline:before{background:linear-gradient(180deg,#e74c3c,#3498db 20%,#16a085 40%,#9b59b6 60%,#6b5b95 80%,#667eea);box-shadow:0 0 10px #6b5b954d;content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);width:4px;z-index:0}.journey-phase{align-items:flex-start;cursor:pointer;display:flex;margin-bottom:60px;position:relative}.journey-phase.left{justify-content:flex-end}.journey-phase.left .phase-content-wrapper{padding-right:60px}.journey-phase.left .phase-timeline-marker{margin-left:-28px;order:2}.journey-phase.right{justify-content:flex-start}.journey-phase.right .phase-content-wrapper{padding-left:60px}.journey-phase.right .phase-timeline-marker{margin-right:-28px;order:1}.journey-phase.future .phase-card{background:#667eea14;border-left-style:dashed}.journey-phase.future .phase-card:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 2px 8px #667eea4d;color:#fff;content:"Future Goal";font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;position:absolute;right:15px;text-transform:uppercase;top:15px}.journey-phase.future .phase-card.dark-mode{background:#667eea26;border-left-color:#8b9dff}.journey-phase.future .phase-timeline-marker{animation:pulse-future 2s ease-in-out infinite;border:4px dashed #fff}.dark-mode .journey-phase.future .phase-timeline-marker{border-color:#1e272e}@keyframes pulse-future{0%,to{box-shadow:0 4px 20px #667eea66}50%{box-shadow:0 4px 30px #667eeab3}}.phase-timeline-marker{align-items:center;border:5px solid #fff;border-radius:50%;box-shadow:0 4px 20px #00000040;display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;transition:all .3s ease;width:56px;z-index:2}.phase-timeline-marker:after{background:inherit;border-radius:50%;content:"";inset:-8px;opacity:.2;position:absolute;transition:all .3s ease;z-index:-1}.dark-mode .phase-timeline-marker{border-color:#1e272e;box-shadow:0 4px 20px #0009}.journey-phase:hover .phase-timeline-marker{box-shadow:0 8px 30px #0006;transform:scale(1.15) rotate(10deg)}.journey-phase:hover .phase-timeline-marker:after{inset:-12px;opacity:.3}.phase-icon{font-size:1.8rem}.phase-content-wrapper{flex:1 1;max-width:450px}.phase-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6b5b950f;border-left:4px solid;border-radius:15px;box-shadow:0 4px 20px #0000000f;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.phase-card:hover{background:#6b5b9514;box-shadow:0 8px 30px #0000001a;transform:translateY(-5px)}.phase-card.dark-mode{background:#6b5b951f;box-shadow:0 4px 20px #0006}.phase-card.dark-mode:hover{background:#6b5b952e;box-shadow:0 8px 30px #0009}.phase-year{font-size:.9rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.phase-title{color:#2f3640;font-size:1.5rem;font-weight:700;margin-bottom:8px}.phase-title.dark-mode{color:#ecf0f1}.phase-role{font-size:1rem;font-weight:600;margin-bottom:12px;text-shadow:0 1px 2px #0000001a}.phase-description{color:#7f8c8d;font-size:.95rem;line-height:1.6;margin-bottom:15px}.phase-description.dark-mode{color:#b2bec3}.expand-btn{border:2px solid;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .3s ease;width:100%}.expand-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.phase-details{animation:slideDown .3s ease-out;border-top:2px solid #c8c8c880;margin-top:20px;padding-top:20px}.phase-details ul{list-style:none;margin:0;padding:0}.phase-details li{color:#2f3640;font-size:.9rem;line-height:1.5;margin-bottom:10px;padding-left:25px;position:relative}.phase-details li:before{color:#6b5b95;color:var(--accent-color,#6b5b95);content:"→";font-weight:700;left:0;position:absolute}.phase-details li.dark-mode{color:#ecf0f1}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.journey-cta{background:linear-gradient(135deg,#6b5b9514,#667eea14);background-clip:padding-box;border:3px solid #0000;border-radius:20px;margin-top:60px;padding:40px 30px;position:relative;text-align:center}.journey-cta:before{background:linear-gradient(135deg,#6b5b95,#9078c3);border-radius:20px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px;position:absolute;right:0;top:0;z-index:-1}.journey-cta.dark-mode{background:linear-gradient(135deg,#6b5b9526,#667eea26)}.journey-cta h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6b5b95,#9078c3);-webkit-background-clip:text;background-clip:text;color:#2f3640;font-size:1.8rem;margin-bottom:15px}.dark-mode .journey-cta h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9078c3,#8b9dff);-webkit-background-clip:text;background-clip:text}.journey-cta p{color:#7f8c8d;font-size:1.1rem;margin-bottom:25px}.dark-mode .journey-cta p{color:#b2bec3}.journey-cta-btn{background:linear-gradient(135deg,#6b5b95,#9078c3);border-radius:30px;box-shadow:0 4px 20px #6b5b9566;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;overflow:hidden;padding:16px 36px;position:relative;text-decoration:none;transition:all .3s ease}.journey-cta-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.journey-cta-btn:hover{box-shadow:0 8px 30px #6b5b9580;transform:translateY(-3px)}.journey-cta-btn:hover:before{left:100%}@media(max-width:768px){.journey-timeline:before{left:28px}.journey-phase{justify-content:flex-start!important}.journey-phase.left .phase-content-wrapper,.journey-phase.right .phase-content-wrapper{padding-left:70px;padding-right:0}.journey-phase.left .phase-timeline-marker,.journey-phase.right .phase-timeline-marker{left:0;margin-left:0;margin-right:0;order:1;position:absolute}.phase-content-wrapper{max-width:100%}.journey-cta{padding:30px 20px}.journey-cta h3{font-size:1.5rem}.journey-cta p{font-size:1rem}.journey-cta-btn{font-size:1rem;padding:14px 28px}}.growth-trajectory-container{margin:0 auto;max-width:1200px;padding:60px 20px}.growth-header{margin-bottom:40px;text-align:center}.growth-title{color:#2f3640;font-size:2.5rem;font-weight:700;margin-bottom:12px}.growth-title.dark-mode{color:#ecf0f1}.growth-subtitle{color:#7f8c8d;font-size:1.1rem;margin:0 auto;max-width:700px}.growth-subtitle.dark-mode{color:#b2bec3}.growth-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.growth-tab{align-items:center;background:#6b5b950d;border:2px solid #6b5b9533;border-radius:25px;color:#2f3640;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease}.growth-tab:hover{background:#6b5b951a;border-color:#6b5b95;transform:translateY(-2px)}.growth-tab.active{background:linear-gradient(135deg,#6b5b95,#9078c3);border-color:#6b5b95;box-shadow:0 4px 15px #6b5b9566;color:#fff}.growth-tab.dark-mode{background:#6b5b951f;border-color:#9078c34d;color:#ecf0f1}.growth-tab.dark-mode:hover{background:#6b5b952e}.growth-tab.dark-mode.active{background:linear-gradient(135deg,#6b5b95,#9078c3);color:#fff}.tab-icon{font-size:1.3rem}.growth-content{animation:fadeIn .4s ease;min-height:500px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.growth-chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6b5b950d;border:1px solid #6b5b9526;border-radius:20px;padding:40px 30px}.growth-chart-container.dark-mode{background:#6b5b951f;border-color:#9078c333}.chart-header{margin-bottom:50px;text-align:center}.chart-header h3{color:#2f3640;font-size:1.8rem;margin-bottom:8px}.dark-mode .chart-header h3{color:#ecf0f1}.chart-header p{color:#7f8c8d;font-size:1rem}.dark-mode .chart-header p{color:#b2bec3}.exponential-curve{height:400px;margin-bottom:30px;position:relative}.curve-line{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.animated-path{stroke-dasharray:200;stroke-dashoffset:200;animation:drawPath 2s ease-out forwards}@keyframes drawPath{to{stroke-dashoffset:0}}.milestone-point{cursor:pointer;position:absolute;z-index:2}.milestone-dot{align-items:center;animation:popIn .6s cubic-bezier(.68,-.55,.265,1.55) forwards;background:linear-gradient(135deg,#6b5b95,#9078c3);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 20px #6b5b9566;display:flex;height:60px;justify-content:center;opacity:0;position:relative;transform:scale(0);width:60px}.dark-mode .milestone-dot{border-color:#1e272e}.milestone-dot:after{animation:pulse-glow 2s ease-in-out infinite;background:inherit;border-radius:50%;content:"";inset:-6px;opacity:.3;position:absolute}@keyframes popIn{to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.milestone-value{color:#fff;font-size:1rem;font-weight:700}.milestone-label{left:50%;min-width:150px;opacity:0;position:absolute;text-align:center;top:70px;transform:translateX(-50%);transition:opacity .3s ease}.milestone-point:hover .milestone-label{opacity:1}.milestone-year{color:#6b5b95;font-size:.9rem;font-weight:700;margin-bottom:4px}.milestone-title{color:#2f3640;font-size:.95rem;font-weight:600;margin-bottom:2px}.dark-mode .milestone-title{color:#ecf0f1}.milestone-desc{color:#7f8c8d;font-size:.8rem}.dark-mode .milestone-desc{color:#b2bec3}.curve-footer{background:#4caf501a;border-left:4px solid #4caf50;border-radius:12px;padding:20px;text-align:center}.curve-footer strong{color:#2e7d32;font-size:1.1rem}.curve-footer.dark-mode strong{color:#81c784}.learning-speed-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6b5b950d;border:1px solid #6b5b9526;border-radius:20px;padding:40px 30px}.learning-speed-container.dark-mode{background:#6b5b951f;border-color:#9078c333}.speed-header{align-items:center;display:flex;gap:20px;margin-bottom:40px;text-align:left}.sponge-icon{animation:squeeze 2s ease-in-out infinite;font-size:4rem}@keyframes squeeze{0%,to{transform:scale(1)}50%{transform:scale(.9) rotate(5deg)}}.speed-text{flex:1 1}.speed-text h3{color:#2f3640;font-size:1.8rem;margin-bottom:8px}.dark-mode .speed-text h3{color:#ecf0f1}.speed-text p{color:#7f8c8d;font-size:1rem}.dark-mode .speed-text p{color:#b2bec3}.skills-timeline{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.skill-speed-item{align-items:center;animation:slideInRight .5s ease forwards;background:#ffffff80;border-left:4px solid;border-radius:12px;display:flex;justify-content:space-between;opacity:0;padding:18px 20px;transition:all .3s ease}.skill-speed-item:hover{box-shadow:0 4px 15px #00000014;transform:translateX(5px)}.dark-mode .skill-speed-item{background:#ffffff08}.dark-mode .skill-speed-item:hover{background:#ffffff0f}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.skill-info{flex:1 1}.skill-name{font-size:1.1rem;font-weight:700;margin-bottom:4px}.skill-outcome{color:#7f8c8d;font-size:.9rem}.dark-mode .skill-outcome{color:#b2bec3}.time-badge{background:#fffc;border:2px solid;border-radius:20px;font-size:.95rem;font-weight:700;padding:8px 16px}.dark-mode .time-badge{background:#0000004d}.comparison-section{border-top:2px solid #6b5b9533;margin-top:40px;padding-top:30px}.comparison-section h4{color:#2f3640;font-size:1.4rem;margin-bottom:25px;text-align:center}.dark-mode .comparison-section h4{color:#ecf0f1}.comparison-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.comparison-card{background:#fff9;border:2px solid #6b5b9533;border-radius:12px;padding:20px;transition:all .3s ease}.comparison-card:hover{border-color:#6b5b95;box-shadow:0 4px 15px #0000001a;transform:translateY(-3px)}.comparison-card.dark-mode{background:#ffffff0d;border-color:#9078c333}.comparison-card.dark-mode:hover{background:#ffffff14}.comp-metric{color:#2f3640;font-size:1rem;font-weight:700;margin-bottom:10px}.dark-mode .comp-metric{color:#ecf0f1}.comp-values{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;gap:8px;margin-bottom:8px}.comp-industry{color:#7f8c8d}.dark-mode .comp-industry{color:#b2bec3}.comp-arrow,.comp-you{color:#6b5b95;font-weight:700}.comp-result{color:#4caf50;font-size:.95rem;font-weight:700}.speed-footer{background:#6b5b9514;border-left:4px solid #6b5b95;border-radius:12px;margin-top:30px;padding:20px;text-align:center}.speed-footer strong{color:#6b5b95;font-size:1.1rem;font-style:italic}.speed-footer.dark-mode{background:#6b5b9526}.speed-footer.dark-mode strong{color:#9078c3}.value-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6b5b950d;border:1px solid #6b5b9526;border-radius:20px;padding:40px 30px}.value-container.dark-mode{background:#6b5b951f;border-color:#9078c333}.value-header{margin-bottom:40px;text-align:center}.value-header h3{color:#2f3640;font-size:1.8rem;margin-bottom:8px}.dark-mode .value-header h3{color:#ecf0f1}.value-header p{color:#7f8c8d}.dark-mode .value-header p{color:#b2bec3}.value-timeline{display:flex;flex-direction:column;gap:25px;margin-bottom:30px}.value-milestone{animation:slideInLeft .6s ease forwards;opacity:0}.value-year{color:#6b5b95;font-size:1.1rem;font-weight:700;margin-bottom:10px}.value-bar-container{background:#ffffff4d;border:2px solid #6b5b9533;border-radius:12px;height:50px;margin-bottom:10px;overflow:hidden;position:relative}.dark-mode .value-bar-container{background:#0003}.value-bar{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 20px #4caf5080;height:100%;position:relative;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.value-bar:after{animation:shine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d);content:"";height:100%;position:absolute;right:0;top:0;width:100px}@keyframes shine{0%{transform:translateX(-100px)}to{transform:translateX(100%)}}.value-multiplier{color:#fff;font-size:1.2rem;font-weight:700;position:absolute;right:15px;text-shadow:0 2px 4px #0000004d;top:50%;transform:translateY(-50%)}.value-amount{color:#4caf50;font-size:1.8rem;font-weight:700;margin-bottom:5px}.value-label{color:#7f8c8d;font-size:.95rem}.dark-mode .value-label{color:#b2bec3}.value-insight{background:#2196f31a;border-left:4px solid #2196f3;border-radius:12px;display:flex;gap:15px;padding:25px}.value-insight.dark-mode{background:#2196f326}.insight-icon{flex-shrink:0;font-size:2rem}.insight-text{color:#2f3640;font-size:1rem;line-height:1.6}.dark-mode .insight-text{color:#ecf0f1}.insight-text strong{color:#2196f3}.hunger-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6b5b950d;border:1px solid #6b5b9526;border-radius:20px;padding:40px 30px}.hunger-container.dark-mode{background:#6b5b951f;border-color:#9078c333}.hunger-header{align-items:center;display:flex;gap:20px;margin-bottom:40px}.fire-icon{animation:flicker 1.5s ease-in-out infinite;font-size:4rem}@keyframes flicker{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.1)}}.hunger-text{flex:1 1}.hunger-text h3{color:#2f3640;font-size:1.8rem;margin-bottom:8px}.dark-mode .hunger-text h3{color:#ecf0f1}.hunger-text p{color:#7f8c8d}.dark-mode .hunger-text p{color:#b2bec3}.hunger-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.hunger-stat{background:#ffffff80;border:2px solid #6b5b9533;border-radius:12px;padding:25px 20px;text-align:center;transition:all .3s ease}.hunger-stat:hover{border-color:#6b5b95;box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.dark-mode .hunger-stat{background:#ffffff0d;border-color:#9078c333}.dark-mode .hunger-stat:hover{background:#ffffff14}.hunger-value{color:#6b5b95;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:8px}.hunger-label{color:#2f3640;font-size:.95rem;font-weight:600;margin-bottom:5px}.dark-mode .hunger-label{color:#ecf0f1}.hunger-desc{color:#7f8c8d;font-size:.85rem}.dark-mode .hunger-desc{color:#b2bec3}.current-focus{background:#667eea14;border-left:4px solid #667eea;border-radius:12px;margin-bottom:30px;padding:25px}.current-focus.dark-mode{background:#667eea26}.current-focus h4{color:#2f3640;font-size:1.2rem;margin-bottom:10px}.dark-mode .current-focus h4{color:#ecf0f1}.current-focus p{color:#7f8c8d;font-size:1.1rem;margin:0}.dark-mode .current-focus p{color:#b2bec3}.hunger-quotes{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.quote-card{background:#ffffff80;border:2px solid #6b5b9526;border-radius:12px;padding:20px;position:relative;transition:all .3s ease}.quote-card:hover{box-shadow:0 4px 15px #00000014;transform:translateY(-3px)}.quote-card.dark-mode{background:#ffffff0d;border-color:#9078c333}.quote-card p{color:#2f3640;font-size:.95rem;font-style:italic;line-height:1.5;margin:0}.dark-mode .quote-card p{color:#ecf0f1}.quote-icon{color:#6b5b95;font-family:Georgia,serif;font-size:3rem;left:10px;opacity:.2;position:absolute;top:-5px}.hunger-footer{background:#f4433614;border:2px solid #f443364d;border-radius:12px;padding:25px}.hunger-footer.dark-mode{background:#f443361f}.hunger-meter{display:flex;flex-direction:column;gap:12px}.meter-label{color:#2f3640;font-size:1.1rem;font-weight:700;text-align:center}.dark-mode .meter-label{color:#ecf0f1}.meter-bar{background:#0000001a;border:2px solid #f44336;border-radius:20px;height:40px;overflow:hidden}.dark-mode .meter-bar{background:#0000004d}.meter-fill{align-items:center;animation:pulse-bar 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ff5722,#f44336);box-shadow:0 0 20px #f4433699;display:flex;height:100%;justify-content:center}@keyframes pulse-bar{0%,to{box-shadow:0 0 20px #f4433699}50%{box-shadow:0 0 30px #f44336e6}}.meter-text{color:#fff;font-size:1rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px #0000004d}.growth-summary{background:linear-gradient(135deg,#6b5b9514,#667eea14);border:2px solid #6b5b9533;border-radius:16px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-top:40px;padding:30px 20px}.growth-summary.dark-mode{background:linear-gradient(135deg,#6b5b9526,#667eea26);border-color:#9078c340}.summary-stat{align-items:center;display:flex;flex-direction:column;gap:10px}.summary-icon{font-size:2rem}.summary-text{color:#2f3640;font-size:.95rem;text-align:center}.dark-mode .summary-text{color:#ecf0f1}.summary-text strong{color:#6b5b95;display:block;font-size:1.3rem;margin-bottom:3px}@media(max-width:768px){.growth-trajectory-container{padding:50px 15px}.growth-title{font-size:2rem}.growth-subtitle{font-size:1rem}.growth-tabs{gap:8px}.growth-tab{font-size:14px;padding:12px 18px}.exponential-curve{height:300px}.milestone-dot{height:50px;width:50px}.speed-header{flex-direction:column;text-align:center}.sponge-icon{font-size:3rem}.speed-text h3{font-size:1.4rem}.hunger-header{flex-direction:column;text-align:center}.hunger-stats{grid-template-columns:repeat(2,1fr)}.hunger-quotes{grid-template-columns:1fr}.growth-summary{flex-direction:column}}.portfolio-analytics-container{background:#fefefe;margin:0 auto;max-width:1200px;padding:60px 20px}.dark-mode .portfolio-analytics-container{background:#0000}.analytics-header{margin-bottom:50px;text-align:center}.analytics-title{color:#2f3640;font-size:2.5rem;font-weight:700;margin-bottom:12px}.analytics-title.dark-mode{color:#ecf0f1}.analytics-subtitle{color:#7f8c8d;font-size:1.1rem;font-style:italic}.analytics-subtitle.dark-mode{color:#b2bec3}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.analytics-card{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 4px 20px #00000014;padding:25px 20px;text-align:center;transition:all .3s ease}.analytics-card:hover{border-color:#6b5b95;box-shadow:0 8px 30px #0000001f;transform:translateY(-5px) scale(1.03)}.analytics-card.dark-mode{background:#1e272e;box-shadow:0 4px 20px #0000004d}.analytics-card.dark-mode:hover{box-shadow:0 8px 30px #00000080}.analytics-icon{animation:float 3s ease-in-out infinite;font-size:2.5rem;margin-bottom:15px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.analytics-value{color:#6b5b95;font-size:2rem;font-weight:700;line-height:1;margin-bottom:8px}.analytics-label{color:#2f3640;font-size:1rem;font-weight:600;margin-bottom:8px}.dark-mode .analytics-label{color:#ecf0f1}.analytics-description{color:#7f8c8d;font-size:.85rem}.analytics-description.dark-mode{color:#b2bec3}.analytics-footer{background:#6b5b950d;border-left:4px solid #6b5b95;border-radius:12px;padding:25px;text-align:center}.analytics-footer p{color:#2f3640;font-size:1rem;font-style:italic;margin:0}.dark-mode .analytics-footer p{color:#ecf0f1}.analytics-footer.dark-mode{background:#6b5b951a}@media(max-width:1024px){.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.portfolio-analytics-container{padding:50px 15px}.analytics-title{font-size:2rem}.analytics-subtitle{font-size:1rem}.analytics-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.analytics-card{padding:20px 15px}.analytics-icon{font-size:2rem}.analytics-value{font-size:1.6rem}.analytics-label{font-size:.9rem}.analytics-footer{padding:20px}.analytics-footer p{font-size:.9rem}}.live-visitors-widget{background:#fff;border:2px solid #4caf504d;border-radius:25px;box-shadow:0 4px 20px #0000001f;left:30px;padding:10px 18px;position:fixed;top:90px;z-index:9994}.live-visitors-widget.dark-mode{background:#1e272e;box-shadow:0 4px 20px #00000080}.visitor-indicator{align-items:center;display:flex;gap:8px}.live-dot{animation:pulse-dot 2s ease-in-out infinite;background:#4caf50;border-radius:50%;box-shadow:0 0 10px #4caf5080;height:10px;width:10px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.visitor-count{color:#2f3640;font-size:.85rem;font-weight:600;white-space:nowrap}.dark-mode .visitor-count{color:#ecf0f1}.activity-feed{animation:slideInLeft .5s cubic-bezier(.68,-.55,.265,1.55),slideOutLeft .4s cubic-bezier(.4,0,.2,1) 4.6s;background:#fff;border-left:4px solid #6b5b95;border-radius:12px;bottom:180px;box-shadow:0 4px 20px #0000001f;left:30px;max-width:320px;padding:14px 18px;position:fixed;z-index:9993}.activity-feed.dark-mode{background:#1e272e;box-shadow:0 4px 20px #00000080}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-400px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-400px)}}.activity-content{align-items:center;display:flex;gap:12px}.activity-icon{flex-shrink:0;font-size:1.3rem}.activity-text{color:#2f3640;font-size:.85rem;line-height:1.4}.dark-mode .activity-text{color:#ecf0f1}@media(max-width:1024px){.activity-feed,.live-visitors-widget{display:none}}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:99999}.confetti-piece{animation:confetti-fall linear forwards;height:10px;opacity:1;position:absolute;top:-10px;transform-origin:center center;width:10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.celebration-message{animation:celebrationPop .6s cubic-bezier(.68,-.55,.265,1.55) forwards;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:100000}@keyframes celebrationPop{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-180deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}}.celebration-content{background:linear-gradient(135deg,#6b5b95,#9078c3);border:5px solid #fff;border-radius:20px;box-shadow:0 20px 60px #0006;padding:40px 60px;text-align:center}.celebration-icon{animation:bounce .8s ease-in-out infinite;font-size:5rem;margin-bottom:15px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.celebration-text{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 10px #0000004d}.celebration-subtext{color:#ffffffe6;font-size:1.3rem;font-weight:600}@media(max-width:768px){.celebration-content{padding:30px 40px}.celebration-icon{font-size:3.5rem}.celebration-text{font-size:2rem}.celebration-subtext{font-size:1.1rem}}.easter-egg-toast{animation:eggPop .5s cubic-bezier(.68,-.55,.265,1.55);left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:99998}@keyframes eggPop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.egg-toast-content{align-items:center;background:linear-gradient(135deg,#6b5b95,#9078c3);border:3px solid #fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;color:#fff;display:flex;gap:15px;padding:25px 35px}.egg-icon{animation:spin .6s ease-in-out;font-size:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.egg-message{font-size:1.2rem;font-weight:700;text-shadow:0 2px 4px #0003}.growth-chart-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:99999}.growth-chart-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:40px;position:relative;width:100%}.growth-chart-content h3{color:#2f3640;font-size:1.8rem;margin-bottom:8px;text-align:center}.growth-chart-content p{color:#7f8c8d;margin-bottom:30px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.chart-close-btn{align-items:center;background:#f8f9fa;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:35px}.chart-close-btn:hover{background:#f44336;color:#fff;transform:rotate(90deg)}.chart-bars{align-items:flex-end;border-bottom:3px solid #6b5b95;display:flex;gap:15px;height:250px;justify-content:space-around;margin-bottom:20px;padding:20px 0}.chart-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:flex-end}.bar-fill{animation:barGrow .8s ease-out forwards;background:linear-gradient(180deg,#4caf50,#8bc34a);border-radius:8px 8px 0 0;box-shadow:0 0 20px #4caf5066;transform:scaleY(0);transform-origin:bottom;width:100%}@keyframes barGrow{to{transform:scaleY(1)}}.bar-label{color:#2f3640;font-size:.85rem;font-weight:600;line-height:1.3;text-align:center}.chart-footer{background:#4caf501a;border-left:4px solid #4caf50;border-radius:10px;color:#6b5b95;font-size:1.1rem;font-weight:700;padding:15px;text-align:center}@media(max-width:768px){.scroll-indicator{bottom:30px}.egg-toast-content{padding:20px 25px}.egg-icon{font-size:1.5rem}.egg-message{font-size:1rem}.growth-chart-content{padding:30px 20px}.growth-chart-content h3{font-size:1.4rem}.chart-bars{height:180px}}.dark-mode{background-color:#1e272e;color:#fff;transition:"0.1s"}.section-locked{filter:blur(1px);opacity:.6;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.section-revealed{filter:blur(0);opacity:1;transform:translateY(0)}@media(max-width:768px){.section-locked{filter:none;opacity:1;transform:none}}
/*# sourceMappingURL=main.c054d5c9.css.map*/