@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap);html{scroll-padding-top:80px}@media (max-width:768px){html{scroll-padding-top:70px}}@media (max-width:480px){html{scroll-padding-top:60px}}a[href^="#"]{scroll-behavior:smooth}body{color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.7;padding-top:0;transition:all .3s ease}body.dark-mode{background-color:#000400;color:#fff}code{background-color:#f8f9fa;border-radius:4px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,Fira Code,Droid Sans Mono,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;padding:.2rem .4rem}body.dark-mode code{background-color:#2d2d2d;color:#e0e0e0}h1,h2,h3,h4,h5,h6{color:#000400;letter-spacing:-.02em;line-height:1.3;margin-bottom:1.25rem}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#fff}h1{font-size:clamp(2.75rem,5.5vw,4.5rem);letter-spacing:-.03em}h2{font-size:clamp(2.25rem,4.5vw,3.5rem);letter-spacing:-.02em}h3{font-size:clamp(1.75rem,3.5vw,2.5rem);letter-spacing:-.01em}h4{font-size:clamp(1.5rem,3vw,2rem)}h5{font-size:1.25rem}h5,h6{font-weight:600}h6{font-size:1.125rem}p{color:#555;font-size:1.0625rem;font-weight:400;line-height:1.75;margin-bottom:1.25rem}body.dark-mode p{color:#e0e0e0}a{color:#003459;font-weight:500;text-decoration:none;transition:all .3s ease}a:hover{color:#004d7a;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}body.dark-mode a{color:#fff}body.dark-mode a:hover{color:#e0e0e0}button{background:#003459;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}button:hover{background:#004d7a;box-shadow:0 6px 20px #00345940;transform:translateY(-1px)}ol,ul{margin-bottom:1.25rem;padding-left:1.5rem}li{color:#555;line-height:1.6;margin-bottom:.5rem}body.dark-mode li{color:#e0e0e0}img{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:100%}.container{max-width:1400px}@media (max-width:768px){.container{padding:0 1.5rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}:focus{outline:2px solid #003459;outline-offset:2px}body.dark-mode :focus{outline-color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f8f9fa}body.dark-mode ::-webkit-scrollbar-track{background:#2d2d2d}::-webkit-scrollbar-thumb{background:#003459;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#004d7a}::selection{background:#00345933;color:#000400}body.dark-mode ::selection{background:#fff3;color:#fff}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){*{border-color:#000!important;color:#000!important}body.dark-mode *{border-color:#fff!important;color:#fff!important}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#334155;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.6}.App,body{overflow-x:hidden}.App{position:relative;text-align:center;width:100%}.App-logo{animation:App-logo-spin 20s linear infinite;height:40vmin}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App-header{align-items:center;background:linear-gradient(135deg,#0070f3,#7c3aed);color:#fff;display:flex;flex-direction:column;font-size:calc(.625rem + 2vmin);justify-content:center;min-height:100vh;overflow:hidden;position:relative}.App-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.App-link{color:#0070f3;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.App-link:hover{color:#3b82f6;text-decoration:underline}.subTitle{font-weight:400}h1,h2,h3,h4,h5,h6{color:#0f172a;font-family:Inter,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2rem)}h3,h4{font-weight:600}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{color:#334155;font-size:clamp(1rem,2vw,1.125rem);line-height:1.7;margin-bottom:1rem}code,pre{background-color:#f1f5f9;border-radius:4px;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875em;padding:.125rem .25rem}.btn{border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);width:100%}.btn:hover:before{left:100%}.btn.btn-primary{background:linear-gradient(135deg,#0070f3,#7c3aed);box-shadow:0 20px 40px #0070f326;color:#fff}.btn.btn-primary:hover{box-shadow:0 25px 50px #0070f340;transform:translateY(-2px)}.btn.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#0070f3}.btn.btn-secondary:hover{background:#0070f31a;transform:translateY(-2px)}.card{background:#fff;border:1px solid #0f172a14;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.card.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0070f3,#06b6d4 50%,#10b981);-webkit-background-clip:text;background-clip:text}.container{margin:0 auto;max-width:1200px;padding:0 2rem}@media(max-width:768px){.container{padding:0 1rem}}.section{padding:6rem 0}@media(max-width:768px){.section{padding:4rem 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(0,0,.2,1) forwards}.animate-fade-in-left{animation:fadeInLeft .6s cubic-bezier(0,0,.2,1) forwards}.animate-fade-in-right{animation:fadeInRight .6s cubic-bezier(0,0,.2,1) forwards}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.2,1) infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc}::-webkit-scrollbar-thumb{background:#0070f3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b82f6}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.dark-mode .header{background:#0003;border-bottom-color:#ffffff1a}.header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.header .logo{color:#0070f3;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark-mode .header .logo{color:#fff}.header .logo:hover{color:#3b82f6;transform:scale(1.05)}.dark-mode .header .logo:hover{color:#cbd5e1}.header .logo .logo-name{color:#0070f3;font-weight:800}.dark-mode .header .logo .logo-name{color:#fff}.header .logo .grey-color{color:#64748b}.dark-mode .header .logo .grey-color{color:#94a3b8}.header .menu{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.header .menu li{margin:0}.header .menu li a{color:#64748b;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark-mode .header .menu li a{color:#94a3b8}.header .menu li a:hover{color:#0070f3}.dark-mode .header .menu li a:hover{color:#fff}.header .menu li a:hover:after{width:100%}.header .menu li a:after{background:#0070f3;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.dark-mode .header .menu li a:after{background:#fff}.header .menu li a:active{transform:scale(.95)}.header .menu-btn,.header .menu-icon{display:none}@media(max-width:768px){.header{padding:1rem}.header .menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #fff3;flex-direction:column;gap:0;left:0;opacity:0;padding:2rem 0;position:fixed;right:0;top:100%;transform:translateY(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden}.dark-mode .header .menu{background:#0003;border-top-color:#ffffff1a}.header .menu.active{opacity:1;transform:translateY(0);visibility:visible}.header .menu li{border-bottom:1px solid #fff3;padding:1rem 0;text-align:center;width:100%}.dark-mode .header .menu li{border-bottom-color:#ffffff1a}.header .menu li:last-child{border-bottom:none}.header .menu li a{display:block;font-size:1rem;padding:.5rem 2rem}.header .menu li a:after,.header .menu-btn{display:none}.header .menu-btn:checked~.menu{opacity:1;transform:translateY(0);visibility:visible}.header .menu-icon{cursor:pointer;display:block;padding:.5rem}.header .menu-icon .navicon{background:#0070f3;display:block;height:2px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:25px}.dark-mode .header .menu-icon .navicon{background:#fff}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#0070f3;content:"";height:2px;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);width:25px}.dark-mode .header .menu-icon .navicon:after,.dark-mode .header .menu-icon .navicon:before{background:#fff}.header .menu-icon .navicon:before{top:-8px}.header .menu-icon .navicon:after{bottom:-8px}.menu-btn:checked~.header .menu-icon .navicon{background:#0000}.menu-btn:checked~.header .menu-icon .navicon:before{top:0;transform:rotate(45deg)}.menu-btn:checked~.header .menu-icon .navicon:after{bottom:0;transform:rotate(-45deg)}}@media(max-width:480px){.header{padding:.75rem}.header .logo{font-size:1.25rem}.header .menu{padding:1.5rem 0}.header .menu li a{font-size:.9rem;padding:.5rem 1rem}}.header.scrolled{background:#fffffffa;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark-mode .header.scrolled{background:#0f172afa;box-shadow:#ffffff1a}.header a:focus{outline:2px solid #0070f3;outline-offset:2px}.dark-mode .header a:focus{outline-color:#fff}.switch{display:inline-block;height:26px;position:relative;width:50px}input{transform:scale(.5)}.slider{background-color:#e2e8f0;cursor:pointer;right:0;top:0}.slider,.slider:before{bottom:0;left:0;position:absolute;transition:.4s}.slider:before{background-color:#fff;content:"";height:26px;width:28px}input:checked+.slider{background-color:#0070f3}input:focus+.slider{box-shadow:#0070f3}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}}.greet-main{background:linear-gradient(135deg,#0070f31a,#7c3aed0d);min-height:100vh;overflow:hidden;position:relative}.dark-mode .greet-main{background:linear-gradient(135deg,#0f172a,#1e293b)}.greeting-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:2}.bg-animation{left:0;overflow:hidden;top:0;z-index:1}.bg-animation,.floating-shapes{height:100%;position:absolute;width:100%}.floating-shapes .shape{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:50%;position:absolute}.dark-mode .floating-shapes .shape{background:#0003;border-color:#ffffff1a}.floating-shapes .shape.shape-1{animation-delay:0s;height:80px;left:10%;top:20%;width:80px}.floating-shapes .shape.shape-2{animation-delay:2s;height:120px;right:15%;top:60%;width:120px}.floating-shapes .shape.shape-3{animation-delay:4s;height:60px;left:20%;top:80%;width:60px}.floating-shapes .shape.shape-4{animation-delay:1s;height:100px;right:30%;top:30%;width:100px}.floating-shapes .shape.shape-5{animation-delay:3s;height:90px;right:40%;top:10%;width:90px}.grid-pattern{animation:gridMove 20s linear infinite;background-image:linear-gradient(#0070f31a 1px,#0000 0),linear-gradient(90deg,#0070f31a 1px,#0000 0);background-size:50px 50px;height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}.dark-mode .grid-pattern{background-image:linear-gradient(#ffffff1a 1px,#0000 0),linear-gradient(90deg,#ffffff1a 1px,#0000 0)}.greeting-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;max-width:1400px;position:relative;width:100%;z-index:3}.greeting-text-section{align-items:flex-start;display:flex;flex-direction:column;gap:2rem}.professional-badge{align-items:center;animation-delay:.1s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#0070f3;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.dark-mode .professional-badge{background:#0003;border-color:#ffffff1a;color:#fff}.professional-badge .badge-icon{animation:bounce 2s ease-in-out infinite;font-size:1.25rem}.greeting-title{animation-delay:.2s;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin:0}.greeting-title .title-line-1{color:#0f172a;display:block;margin-bottom:.5rem}.dark-mode .greeting-title .title-line-1{color:#f8fafc}.greeting-title .title-line-2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0070f3,#06b6d4 50%,#10b981);-webkit-background-clip:text;background-clip:text;display:block;position:relative}.greeting-title .typing-cursor{animation:blink 1s infinite;background:#0070f3;display:inline-block;margin-left:.25rem;width:3px}.greeting-subtitle{animation-delay:.3s}.greeting-subtitle .subtitle-main{color:#64748b;font-size:clamp(1.125rem,2.5vw,1.375rem);line-height:1.6;margin-bottom:1.5rem;max-width:600px}.dark-mode .greeting-subtitle .subtitle-main{color:#cbd5e1}.greeting-subtitle .tech-highlights{display:flex;flex-wrap:wrap;gap:.75rem}.greeting-subtitle .tech-tag{background:linear-gradient(135deg,#0070f3,#7c3aed);border-radius:25px;box-shadow:0 20px 40px #0070f326;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.greeting-subtitle .tech-tag:hover{box-shadow:0 25px 50px #0070f340;transform:translateY(-2px)}.stats-section{align-items:center;animation-delay:.4s;display:flex;gap:2rem}.stats-section .stat-item{text-align:center}.stats-section .stat-item .stat-number{color:#0070f3;display:block;font-size:2rem;font-weight:800;line-height:1}.dark-mode .stats-section .stat-item .stat-number{color:#3b82f6}.stats-section .stat-item .stat-label{color:#64748b;display:block;font-size:.875rem;font-weight:500;margin-top:.25rem}.dark-mode .stats-section .stat-item .stat-label{color:#cbd5e1}.stats-section .stat-divider{background:#0070f326;height:40px;width:1px}.dark-mode .stats-section .stat-divider{background:#ffffff26}.button-section,.social-section{animation-delay:.5s}.button-section{display:flex;flex-wrap:wrap;gap:1rem}.greeting-visual-section{align-items:center;display:flex;justify-content:center;position:relative}.visual-container{max-width:500px;position:relative;width:100%}.code-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.dark-mode .code-window{background:#0003;border-color:#ffffff1a}.window-header{align-items:center;background:#0000000d;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:1rem}.dark-mode .window-header{background:#ffffff0d;border-color:#ffffff1a}.window-controls{display:flex;gap:.5rem}.window-controls .control{border-radius:50%;height:12px;width:12px}.window-controls .control.control-close{background:#ff5f57}.window-controls .control.control-minimize{background:#ffbd2e}.window-controls .control.control-maximize{background:#28ca42}.window-title{color:#334155;font-size:.875rem;font-weight:600}.dark-mode .window-title{color:#fff}.code-content{font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.6;padding:1.5rem}.code-line{align-items:center;display:flex;margin-bottom:.5rem}.code-line .line-number{color:#64748b;margin-right:1rem;min-width:20px;text-align:right;-webkit-user-select:none;user-select:none}.code-line .keyword{color:#ff7b72}.code-line .variable{color:#79c0ff}.code-line .operator{color:#ff7b72}.code-line .property{color:#7ee787}.code-line .string{color:#a5d6ff}.code-line .punctuation{color:#334155}.dark-mode .code-line .punctuation{color:#fff}.floating-tech-icons{height:100%;pointer-events:none;position:absolute;width:100%}.floating-tech-icons .tech-icon{animation:float 4s ease-in-out infinite;font-size:2rem;position:absolute}.floating-tech-icons .tech-icon.tech-icon-1{animation-delay:0s;right:-10%;top:10%}.floating-tech-icons .tech-icon.tech-icon-2{animation-delay:1s;left:-15%;top:30%}.floating-tech-icons .tech-icon.tech-icon-3{animation-delay:2s;bottom:20%;right:-5%}.floating-tech-icons .tech-icon.tech-icon-4{animation-delay:3s;bottom:10%;left:-10%}.scroll-indicator{bottom:2rem;color:#64748b;font-size:.875rem;font-weight:500;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.dark-mode .scroll-indicator{color:#cbd5e1}.scroll-indicator .scroll-arrow{align-items:center;display:flex;flex-direction:column;gap:.5rem}.scroll-indicator .scroll-arrow .arrow-down{animation:bounce 2s ease-in-out infinite;border-bottom:2px solid #0070f3;border-right:2px solid #0070f3;height:20px;transform:rotate(45deg);width:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:1024px){.greeting-content{gap:3rem;grid-template-columns:1fr;text-align:center}.greeting-text-section{align-items:center;order:2}.greeting-visual-section{order:1}}@media(max-width:768px){.greeting-container{padding:1rem}.stats-section{flex-direction:column;gap:1rem}.stats-section .stat-divider{height:1px;width:40px}.button-section,.tech-highlights{justify-content:center}.floating-shapes .shape{display:none}}@media(max-width:480px){.greeting-content{gap:2rem}.code-window{margin:0 1rem}.floating-tech-icons{display:none}}.social-media-div{flex-wrap:wrap;gap:1rem}.icon-button,.social-media-div{align-items:center;display:flex}.icon-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#0070f3;height:45px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:45px}.dark-mode .icon-button{background:#0003;border-color:#ffffff1a;color:#fff}.icon-button i,.icon-button svg{font-size:1.2rem;height:1.2rem;position:relative;width:1.2rem;z-index:2}.icon-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-3px)}.dark-mode .icon-button:hover{box-shadow:#0070f333}.icon-button:focus{outline:2px solid #0070f3;outline-offset:2px}.dark-mode .icon-button:focus{outline-color:#fff}.icon-button.github:hover{background:#0f172a;border-color:#0f172a;color:#fff}.icon-button.linkedin:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}.icon-button.google:hover{background:#4285f4;border-color:#4285f4;color:#fff}.icon-button.gitlab:hover{background:#fc6d26;border-color:#fc6d26;color:#fff}.icon-button.facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.icon-button.instagram:hover{background:#e4405f;border-color:#e4405f;color:#fff}.icon-button.twitter:hover{background:#1da1f2;border-color:#1da1f2;color:#fff}.icon-button.medium:hover{background:#0f172a;border-color:#0f172a;color:#fff}.icon-button.stack-overflow:hover{background:#f58025;border-color:#f58025;color:#fff}.icon-button.kaggle:hover{background:#20beff;border-color:#20beff;color:#fff}@media(max-width:768px){.social-media-div{justify-content:center}.icon-button{height:40px;width:40px}.icon-button i,.icon-button svg{font-size:1.1rem;height:1.1rem;width:1.1rem}}@media(max-width:480px){.icon-button{height:35px;width:35px}.icon-button i,.icon-button svg{font-size:1rem;height:1rem;width:1rem}}@media(prefers-reduced-motion:reduce){.icon-button{transition:none}.icon-button:hover{transform:none}}.main-button{align-items:center;background:linear-gradient(135deg,#0070f3,#7c3aed);border:none;border-radius:12px;box-shadow:0 20px 40px #0070f326;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;overflow:hidden;padding:.875rem 2rem;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);width:100%}.main-button:hover{box-shadow:0 25px 50px #0070f340;transform:translateY(-2px)}.main-button:hover:before{left:100%}.main-button:focus{outline:2px solid #0070f3;outline-offset:2px}.main-button:active{transform:translateY(0)}.button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;overflow:hidden;padding:.875rem 2rem;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);width:100%}.button:hover:before{left:100%}.button:active{transform:translateY(0)}.button.btn-primary,.button.primary{background:linear-gradient(135deg,#0070f3,#7c3aed);box-shadow:0 20px 40px #0070f326;color:#fff}.button.btn-primary:hover,.button.primary:hover{box-shadow:0 25px 50px #0070f340;transform:translateY(-2px)}.button.btn-primary:focus,.button.primary:focus{outline:2px solid #0070f3;outline-offset:2px}.button.btn-secondary,.button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#0070f3}.dark-mode .button.btn-secondary,.dark-mode .button.secondary{background:#0003;border-color:#ffffff1a;color:#fff}.button.btn-secondary:hover,.button.secondary:hover{background:#0070f31a;border-color:#0070f3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.dark-mode .button.btn-secondary:hover,.dark-mode .button.secondary:hover{background:#ffffff1a;border-color:#fff}.button.btn-secondary:focus,.button.secondary:focus{outline:2px solid #0070f3;outline-offset:2px}.dark-mode .button.btn-secondary:focus,.dark-mode .button.secondary:focus{outline-color:#fff}.button.btn-outline,.button.outline{background:#0000;border:2px solid #0070f3;color:#0070f3}.dark-mode .button.btn-outline,.dark-mode .button.outline{border-color:#fff;color:#fff}.button.btn-outline:hover,.button.outline:hover{background:#0070f3;box-shadow:0 20px 40px #0070f326;color:#fff;transform:translateY(-2px)}.dark-mode .button.btn-outline:hover,.dark-mode .button.outline:hover{background:#fff;color:#0f172a}.button.btn-outline:focus,.button.outline:focus{outline:2px solid #0070f3;outline-offset:2px}.dark-mode .button.btn-outline:focus,.dark-mode .button.outline:focus{outline-color:#fff}.button.btn-ghost,.button.ghost{background:#0000;border:none;box-shadow:none;color:#0070f3}.dark-mode .button.btn-ghost,.dark-mode .button.ghost{color:#fff}.button.btn-ghost:hover,.button.ghost:hover{background:#0070f31a;transform:translateY(-1px)}.dark-mode .button.btn-ghost:hover,.dark-mode .button.ghost:hover{background:#ffffff1a}.button.btn-ghost:focus,.button.ghost:focus{outline:2px solid #0070f3;outline-offset:2px}.dark-mode .button.btn-ghost:focus,.dark-mode .button.ghost:focus{outline-color:#fff}.button.btn-gradient,.button.gradient{background:linear-gradient(135deg,#0070f3,#06b6d4 50%,#10b981);box-shadow:0 20px 40px #0070f326;color:#fff}.button.btn-gradient:hover,.button.gradient:hover{box-shadow:0 25px 50px #0070f340;transform:translateY(-2px) scale(1.02)}.button.btn-gradient:focus,.button.gradient:focus{outline:2px solid #06b6d4;outline-offset:2px}.button.btn-sm{border-radius:8px;font-size:.875rem;min-width:100px;padding:.5rem 1rem}.button.btn-lg{border-radius:16px;font-size:1.125rem;min-width:160px;padding:1rem 2.5rem}.button.btn-icon{border-radius:12px;height:48px;min-width:auto;padding:.75rem;width:48px}.button.btn-icon.btn-icon-sm{border-radius:8px;height:36px;padding:.5rem;width:36px}.button.btn-icon.btn-icon-lg{border-radius:16px;height:56px;padding:1rem;width:56px}.button.loading{opacity:.7;pointer-events:none}.button.loading:after{animation:buttonSpin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.button.disabled,.button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.button.disabled:hover,.button:disabled:hover{box-shadow:none;transform:none}.fab{align-items:center;background:linear-gradient(135deg,#0070f3,#7c3aed);border:none;border-radius:50%;bottom:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:56px;justify-content:center;position:fixed;right:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px;z-index:1000}.fab:hover{box-shadow:0 25px 50px -12px #00000040;transform:scale(1.1)}.fab:active{transform:scale(.95)}.dark-mode .fab{box-shadow:#ffffff1a}.dark-mode .fab:hover{box-shadow:#0070f333}.btn-group{display:inline-flex;gap:.5rem}.btn-group .button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .button:not(:first-child):not(:last-child){border-radius:0}.btn-group.btn-group-vertical{flex-direction:column}.btn-group.btn-group-vertical .button:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:12px}.btn-group.btn-group-vertical .button:last-child{border-bottom-left-radius:12px;border-top-left-radius:0;border-top-right-radius:0}@keyframes buttonSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.button,.main-button{font-size:.9375rem;min-width:120px;padding:.75rem 1.5rem}.button.btn-lg,.main-button.btn-lg{font-size:1rem;min-width:140px;padding:.875rem 2rem}.button.btn-sm,.main-button.btn-sm{font-size:.8125rem;min-width:100px;padding:.5rem 1rem}.fab{bottom:1rem;font-size:1.25rem;height:48px;right:1rem;width:48px}}@media(max-width:480px){.btn-group{flex-direction:column;width:100%}.btn-group .button{border-radius:12px!important;margin-bottom:.5rem;width:100%}.btn-group .button:last-child{margin-bottom:0}}.skills-main-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative}.skills-header{margin-bottom:4rem;position:relative;text-align:center;z-index:2}.header-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0070f31a,#7c3aed1a);border:1px solid #0070f333;border-radius:50px;box-shadow:0 8px 32px #0070f31a;display:inline-flex;gap:.75rem;margin-bottom:2rem;padding:1rem 2rem}.header-badge .badge-icon{animation:pulse 2s ease-in-out infinite;font-size:1.5rem}.header-badge .badge-text{color:#0070f3;font-size:1rem;font-weight:600;letter-spacing:.5px}.skills-main-title{color:#0f172a;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.skills-main-title .title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0070f3,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;position:relative}.skills-main-title .title-highlight:after{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(135deg,#0070f3,#7c3aed,#06b6d4);border-radius:2px;bottom:-.25rem;content:"";height:3px;left:0;position:absolute;right:0}.skills-main-subtitle{color:#475569;font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:400;line-height:1.7;margin:0 auto;max-width:700px}.skills-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:300px 1fr;margin-bottom:4rem;min-height:500px}@media(max-width:1024px){.skills-content{gap:2rem;grid-template-columns:1fr}}.skills-categories-nav{display:flex;flex-direction:column;gap:1rem}@media(max-width:1024px){.skills-categories-nav{flex-direction:row;gap:.5rem;overflow-x:auto;padding-bottom:1rem}}.category-nav-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0070f31a;border-radius:16px;cursor:pointer;display:flex;gap:1rem;min-width:200px;overflow:hidden;padding:1.25rem 1.5rem;position:relative;text-align:left;transition:all .3s ease}@media(max-width:1024px){.category-nav-item{min-width:180px;padding:1rem 1.25rem}}.category-nav-item:before{background:var(--category-color);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.category-nav-item:hover{border-color:var(--category-color);box-shadow:0 8px 32px #0070f326;transform:translateX(8px)}.category-nav-item:hover:before{transform:scaleY(1)}.category-nav-item.active{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-color:var(--category-color);box-shadow:0 12px 40px #0070f333;transform:translateX(12px)}.category-nav-item.active:before{transform:scaleY(1)}.category-nav-item.active .nav-title{color:var(--category-color);font-weight:700}.category-nav-item .nav-icon{font-size:1.5rem;transition:transform .3s ease}.category-nav-item .nav-title{color:#334155;font-size:1rem;font-weight:600;transition:all .3s ease}.skills-display-area{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #0070f31a;border-radius:24px;box-shadow:0 20px 60px #0070f31a;overflow:hidden;padding:2.5rem;position:relative}.skills-display-area:before{background:radial-gradient(circle,#0070f31a,#0000);border-radius:50%;content:"";height:200px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:200px}.active-category-content{position:relative;z-index:2}.category-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.category-icon-large{align-items:center;animation:iconFloat 3s ease-in-out infinite;border-radius:20px;box-shadow:0 12px 40px #0070f34d;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;width:80px}.category-title{color:#0f172a;font-size:2rem;font-weight:700;margin:0}.category-skills{grid-gap:1rem;display:grid;gap:1rem}.skill-item{align-items:center;animation:slideInLeft .6s ease forwards;background:#fff9;border:1px solid #0070f30d;border-radius:12px;display:flex;gap:1rem;opacity:0;padding:1rem;transform:translateX(-20px);transition:all .3s ease}.skill-item:hover{background:#ffffffe6;box-shadow:0 8px 24px #0070f31a;transform:translateX(8px)}.skill-item .skill-indicator{background:linear-gradient(135deg,#0070f3,#06b6d4);border-radius:50%;box-shadow:0 0 12px #0070f366;flex-shrink:0;height:8px;width:8px}.skill-item .skill-text{color:#334155;font-size:1rem;font-weight:500}.skills-visual{height:200px;pointer-events:none;position:absolute;right:2rem;top:2rem;width:300px}@media(max-width:768px){.skills-visual{display:none}}.floating-elements{height:100%;position:relative;width:100%}.floating-elements .float-element{animation:floatAround 6s ease-in-out infinite;font-size:1.5rem;opacity:.7;position:absolute}.floating-elements .float-element.element-1{animation-delay:0s;left:10%;top:10%}.floating-elements .float-element.element-2{animation-delay:1.5s;right:10%;top:20%}.floating-elements .float-element.element-3{animation-delay:3s;bottom:30%;left:20%}.floating-elements .float-element.element-4{animation-delay:4.5s;bottom:10%;right:20%}.code-snippet{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-radius:12px;bottom:0;box-shadow:0 12px 40px #0003;font-family:JetBrains Mono,monospace;font-size:.75rem;overflow:hidden;position:absolute;right:0;width:280px}.code-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.75rem 1rem}.code-header .code-dots{display:flex;gap:.5rem}.code-header .code-dots span{border-radius:50%;height:8px;width:8px}.code-header .code-dots span:first-child{background:#ff5f57}.code-header .code-dots span:nth-child(2){background:#ffbd2e}.code-header .code-dots span:nth-child(3){background:#28ca42}.code-header .code-title{color:#ffffffb3;font-size:.7rem}.code-content{padding:1rem}.code-content .code-line{line-height:1.4;margin-bottom:.25rem}.code-content .code-keyword{color:#ff7b72}.code-content .code-variable{color:#79c0ff}.code-content .code-operator{color:#ff7b72}.code-content .code-property{color:#7ee787}.code-content .code-string{color:#a5d6ff}.code-content .code-punctuation{color:#e6edf3}.skills-highlights{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:3rem}.highlight-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #0070f31a;border-radius:20px;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.highlight-item:before{background:linear-gradient(135deg,#0070f3,#06b6d4);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.highlight-item:hover{box-shadow:0 20px 60px #0070f326;transform:translateY(-8px)}.highlight-item:hover:before{transform:scaleX(1)}.highlight-item .highlight-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0070f3,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.5rem}.highlight-item .highlight-label{color:#475569;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes slideInLeft{to{opacity:1;transform:translateX(0)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatAround{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-15px) rotate(90deg)}50%{transform:translateY(-10px) rotate(180deg)}75%{transform:translateY(-20px) rotate(270deg)}}@media(max-width:768px){.skills-main-container{padding:0 1rem}.skills-content{gap:1.5rem}.skills-display-area{padding:1.5rem}.category-header{flex-direction:column;gap:1rem;text-align:center}.category-icon-large{font-size:1.5rem;height:60px;width:60px}.category-title{font-size:1.5rem}.skills-highlights{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.highlight-item{padding:1.5rem 1rem}.highlight-number{font-size:2rem}}@media(max-width:480px){.header-badge{gap:.5rem;padding:.75rem 1.5rem}.header-badge .badge-icon{font-size:1.25rem}.header-badge .badge-text{font-size:.9rem}.skills-highlights{grid-template-columns:1fr 1fr}}.proficiency-main-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative}.proficiency-header{margin-bottom:4rem;position:relative;text-align:center}.proficiency-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0070f31a,#10b9811a);border:1px solid #0070f333;border-radius:50px;box-shadow:0 8px 32px #0070f31a;display:inline-flex;gap:.75rem;margin-bottom:2rem;padding:1rem 2rem}.proficiency-badge .badge-icon{animation:chartPulse 2s ease-in-out infinite;font-size:1.5rem}.proficiency-badge .badge-text{color:#0070f3;font-size:1rem;font-weight:600;letter-spacing:.5px}.proficiency-main-title{color:#0f172a;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.proficiency-main-title .title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0070f3,#10b981,#06b6d4);-webkit-background-clip:text;background-clip:text;position:relative}.proficiency-main-title .title-highlight:after{animation:progressShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#0070f3,#10b981,#06b6d4);border-radius:2px;bottom:-.25rem;content:"";height:3px;left:0;position:absolute;right:0}.proficiency-main-subtitle{color:#475569;font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:400;line-height:1.7;margin:0 auto;max-width:700px}.proficiency-content{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:400px 1fr;margin-bottom:4rem}@media(max-width:1200px){.proficiency-content{gap:2rem;grid-template-columns:1fr}}.skills-navigation{display:flex;flex-direction:column;gap:1rem}@media(max-width:1200px){.skills-navigation{flex-direction:row;gap:1rem;overflow-x:auto;padding-bottom:1rem}}.skill-nav-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0070f31a;border-radius:16px;cursor:pointer;display:flex;gap:1rem;min-width:350px;overflow:hidden;padding:1.5rem;position:relative;text-align:left;transition:all .3s ease}@media(max-width:1200px){.skill-nav-item{min-width:300px}}.skill-nav-item:before{background:var(--skill-color);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.skill-nav-item:hover{border-color:var(--skill-color);box-shadow:0 12px 40px #0070f326;transform:translateX(8px)}.skill-nav-item:hover:before{transform:scaleY(1)}.skill-nav-item.active{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-color:var(--skill-color);box-shadow:0 16px 50px #0070f333;transform:translateX(12px)}.skill-nav-item.active:before{transform:scaleY(1)}.skill-nav-item.active .nav-title{color:var(--skill-color)}.skill-nav-item .nav-icon{align-items:center;background:linear-gradient(135deg,var(--skill-color),rgba(var(--skill-color),.8));border-radius:15px;box-shadow:0 8px 24px #0070f333;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.skill-nav-item .nav-content{flex:1 1}.skill-nav-item .nav-content .nav-title{color:#0f172a;font-size:1.125rem;font-weight:700;margin:0 0 .25rem;transition:color .3s ease}.skill-nav-item .nav-content .nav-level{color:#64748b;font-size:.875rem;font-weight:500}.skill-nav-item .nav-percentage{color:var(--skill-color);font-size:1.25rem;font-weight:800}.skill-details-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #0070f31a;border-radius:24px;box-shadow:0 20px 60px #0070f31a;overflow:hidden;padding:3rem;position:relative}.skill-details-panel:before{background:radial-gradient(circle,#0070f30d,#0000);border-radius:50%;content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}.skill-showcase{align-items:flex-start;display:flex;gap:2rem;margin-bottom:3rem;position:relative;z-index:2}@media(max-width:768px){.skill-showcase{flex-direction:column;text-align:center}}.skill-icon-large{align-items:center;animation:skillIconFloat 3s ease-in-out infinite;border-radius:25px;box-shadow:0 16px 50px #0070f34d;color:#fff;display:flex;flex-shrink:0;font-size:3rem;height:100px;justify-content:center;width:100px}.skill-info{flex:1 1}.skill-info .skill-title{color:#0f172a;font-size:2rem;font-weight:700;margin:0 0 1rem}.skill-info .skill-description{color:#475569;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.skill-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-item{background:#fff9;border:1px solid #0070f30d;border-radius:12px;padding:1rem;text-align:center}.metric-item .metric-label{color:#64748b;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.metric-item .metric-value{color:#0f172a;font-size:1.25rem;font-weight:800}.progress-visualization{z-index:2}.circular-progress,.progress-visualization{display:flex;justify-content:center;position:relative}.circular-progress{align-items:center}.progress-ring{transform:rotate(-90deg)}.progress-ring .progress-ring-background{fill:none;stroke:#0070f31a;stroke-width:8}.progress-ring .progress-ring-progress{fill:none;stroke:var(--color);stroke-width:8;stroke-linecap:round;stroke-dasharray:565.48;stroke-dashoffset:calc(565.48 - var(--progress)*565.48/100);filter:drop-shadow(0 0 10px rgba(0,112,243,.3));transition:stroke-dashoffset 1s ease-in-out}.progress-center{position:absolute;text-align:center}.progress-center .progress-percentage{color:#0f172a;font-size:2rem;font-weight:800;line-height:1}.progress-center .progress-label{color:#64748b;font-size:.875rem;font-weight:600;margin-top:.25rem}.skills-comparison{margin-bottom:4rem}.skills-comparison .comparison-title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.comparison-bars{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px}.comparison-bar{opacity:0;transform:translateY(20px)}.comparison-bar.animated{animation:barSlideIn .6s ease forwards}.comparison-bar .bar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.comparison-bar .bar-header .bar-info{align-items:center;display:flex;gap:.75rem}.comparison-bar .bar-header .bar-info .bar-icon{font-size:1.5rem}.comparison-bar .bar-header .bar-info .bar-name{color:#0f172a;font-size:1rem;font-weight:600}.comparison-bar .bar-header .bar-percentage{color:var(--color);font-size:1rem;font-weight:700}.comparison-bar .bar-track{background:#0070f31a;border-radius:6px;height:12px;overflow:hidden;position:relative;width:100%}.comparison-bar .bar-fill{background:linear-gradient(90deg,var(--color),rgba(var(--color),.8));border-radius:6px;height:100%;position:relative;transition:width 1.5s ease-out;width:var(--width)}.comparison-bar .bar-fill .bar-shimmer{animation:barShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.achievement-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@keyframes chartPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(10deg)}}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes skillIconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes barSlideIn{to{opacity:1;transform:translateY(0)}}@keyframes barShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(max-width:768px){.proficiency-main-container{padding:0 1rem}.proficiency-content{gap:1.5rem}.skill-nav-item{min-width:280px;padding:1.25rem}.skill-nav-item .nav-icon{font-size:1.5rem;height:50px;width:50px}.skill-details-panel{padding:2rem}.skill-showcase{gap:1.5rem}.skill-icon-large{font-size:2.5rem;height:80px;width:80px}.skill-info .skill-title{font-size:1.5rem}.skill-metrics{gap:1rem;grid-template-columns:1fr 1fr}.achievement-stats{grid-template-columns:1fr}.stat-card{padding:1.25rem}}@media(max-width:480px){.proficiency-badge{gap:.5rem;padding:.75rem 1.5rem}.proficiency-badge .badge-icon{font-size:1.25rem}.proficiency-badge .badge-text{font-size:.9rem}.skill-nav-item{min-width:250px;padding:1rem}.skill-nav-item .nav-content .nav-title{font-size:1rem}.skill-nav-item .nav-percentage{font-size:1.125rem}.skill-metrics{grid-template-columns:1fr}}.technical-expertise-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative}.tech-header{margin-bottom:4rem;position:relative;text-align:center}.tech-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#7c3aed1a,#06b6d41a);border:1px solid #7c3aed33;border-radius:50px;box-shadow:0 8px 32px #7c3aed1a;display:inline-flex;gap:.75rem;margin-bottom:2rem;padding:1rem 2rem}.tech-badge .tech-badge-icon{animation:sparkle 2s ease-in-out infinite;font-size:1.5rem}.tech-badge .tech-badge-text{color:#7c3aed;font-size:1rem;font-weight:600;letter-spacing:.5px}.tech-main-title{color:#0f172a;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.tech-main-title .tech-title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#06b6d4,#10b981);-webkit-background-clip:text;background-clip:text;position:relative}.tech-main-title .tech-title-highlight:after{animation:techShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#06b6d4,#10b981);border-radius:2px;bottom:-.25rem;content:"";height:3px;left:0;position:absolute;right:0}.tech-main-subtitle{color:#475569;font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:400;line-height:1.7;margin:0 auto;max-width:700px}.tech-categories{margin-bottom:4rem}.tech-category-section{margin-bottom:3rem}.category-header-tech{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.category-header-tech .category-title-tech{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}.category-header-tech .category-line{background:linear-gradient(90deg,#0070f3,#0000);border-radius:1px;flex:1 1;height:2px}.tech-skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tech-skill-card{animation:skillCardAppear .6s ease forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #0070f31a;border-radius:20px;cursor:pointer;opacity:0;overflow:hidden;padding:2rem;position:relative;transform:translateY(20px);transition:all .4s ease}.tech-skill-card:before{background:linear-gradient(90deg,var(--skill-color),#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.tech-skill-card.hovered,.tech-skill-card:hover{border-color:var(--skill-color);box-shadow:0 20px 60px #0070f326;transform:translateY(-8px)}.tech-skill-card.hovered:before,.tech-skill-card:hover:before{transform:scaleX(1)}.tech-skill-card.hovered .skill-icon-container i,.tech-skill-card.hovered .skill-icon-container svg,.tech-skill-card:hover .skill-icon-container i,.tech-skill-card:hover .skill-icon-container svg{color:var(--skill-color);transform:scale(1.2)}.tech-skill-card.hovered .skill-glow,.tech-skill-card:hover .skill-glow{opacity:1;transform:scale(1.5)}.tech-skill-card.hovered .proficiency-fill,.tech-skill-card:hover .proficiency-fill{width:90%}.tech-skill-card.hovered .skill-overlay,.tech-skill-card:hover .skill-overlay{opacity:1}.skill-icon-container{margin-bottom:1.5rem;position:relative}.skill-icon-container i,.skill-icon-container svg{align-items:center;color:#64748b;display:inline-flex;font-size:2.5rem;height:2.5rem;justify-content:center;line-height:1;position:relative;transition:all .4s ease;width:2.5rem;z-index:2}.skill-icon-container .skill-glow{background:radial-gradient(circle,var(--skill-color),#0000);border-radius:50%;height:60px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .4s ease;width:60px;z-index:1}.skill-info{position:relative;z-index:2}.skill-info .skill-name{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.skill-proficiency .proficiency-bar{background:#0070f31a;border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden;width:100%}.skill-proficiency .proficiency-bar .proficiency-fill{background:linear-gradient(90deg,var(--skill-color),rgba(var(--skill-color),.7));border-radius:3px;height:100%;position:relative;transition:width .8s ease;width:0}.skill-proficiency .proficiency-bar .proficiency-fill:after{animation:proficiencyShimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.skill-proficiency .proficiency-text{color:#475569;font-size:.875rem;font-weight:600}.skill-overlay{background:linear-gradient(135deg,rgba(var(--skill-color),.05),#0000);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.all-skills-section{margin-bottom:4rem;text-align:center}.all-skills-section .all-skills-title{color:#0f172a;font-size:2rem;font-weight:700;margin-bottom:2rem}.all-skills-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:800px}.mini-skill-item{align-items:center;animation:miniSkillAppear .4s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0070f31a;border-radius:25px;display:inline-flex;gap:.5rem;line-height:1;opacity:0;padding:.5rem .9rem;transform:scale(.8);transition:all .3s ease;white-space:nowrap}.mini-skill-item:hover{background:#fffffff2;box-shadow:0 8px 24px #0070f31a;transform:translateY(-2px) scale(1.05)}.mini-skill-item i,.mini-skill-item svg{align-items:center;color:#0070f3;display:inline-flex;flex-shrink:0;font-size:.95rem;height:1rem;justify-content:center;width:1rem}.mini-skill-item span{color:#334155;font-size:.85rem;font-weight:600;line-height:1.1}.tech-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:4rem}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #0070f31a;border-radius:16px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 12px 40px #0070f326;transform:translateY(-4px)}.stat-card .stat-icon{align-items:center;background:linear-gradient(135deg,#0070f3,#7c3aed);border-radius:15px;box-shadow:0 8px 24px #0070f333;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-card .stat-content .stat-number{color:#0f172a;font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:.25rem}.stat-card .stat-content .stat-label{color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tech-showcase{grid-gap:3rem;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #0070f31a;border-radius:24px;display:grid;gap:3rem;grid-template-columns:1fr 1fr;overflow:hidden;padding:3rem;position:relative}.tech-showcase:before{background:radial-gradient(circle,#0070f30d,#0000);border-radius:50%;content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}@media(max-width:1024px){.tech-showcase{gap:2rem;grid-template-columns:1fr}}.showcase-content{position:relative;z-index:2}.showcase-content .showcase-title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:2rem}.featured-tech{align-items:flex-start;display:flex;gap:1.5rem}.featured-tech .featured-icon{align-items:center;animation:featuredFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#61dafb,#21d4fd);border-radius:20px;box-shadow:0 12px 40px #61dafb4d;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;width:80px}.featured-tech .featured-info{flex:1 1}.featured-tech .featured-info h4{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.featured-tech .featured-info p{color:#475569;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.featured-tags{display:flex;flex-wrap:wrap;gap:.5rem}.featured-tags span{background:linear-gradient(135deg,#61dafb1a,#21d4fd1a);border:1px solid #61dafb33;border-radius:20px;color:#0891b2;font-size:.8rem;font-weight:600;padding:.5rem 1rem}.showcase-visual{position:relative;z-index:2}.code-demo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-radius:16px;box-shadow:0 20px 60px #0003;font-family:JetBrains Mono,monospace;overflow:hidden}.demo-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.demo-header .demo-dots{display:flex;gap:.5rem}.demo-header .demo-dots span{border-radius:50%;height:10px;width:10px}.demo-header .demo-dots span:first-child{background:#ff5f57}.demo-header .demo-dots span:nth-child(2){background:#ffbd2e}.demo-header .demo-dots span:nth-child(3){background:#28ca42}.demo-header .demo-title{color:#ffffffb3;font-size:.875rem}.demo-code{padding:1.5rem}.demo-code .code-line{font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.demo-code .import{color:#ff7b72}.demo-code .text{color:#e6edf3}.demo-code .string{color:#a5d6ff}.demo-code .function{color:#d2a8ff}.demo-code .operator,.demo-code .return{color:#ff7b72}.demo-code .tag{color:#7ee787}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes techShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes skillCardAppear{to{opacity:1;transform:translateY(0)}}@keyframes miniSkillAppear{to{opacity:1;transform:scale(1)}}@keyframes proficiencyShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes featuredFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}@media(max-width:768px){.technical-expertise-container{padding:0 1rem}.tech-skills-grid{grid-template-columns:1fr}.tech-skill-card{padding:1.5rem}.tech-stats{grid-template-columns:1fr}.stat-card{padding:1.25rem}.tech-showcase{padding:2rem}.featured-tech{flex-direction:column;text-align:center}.all-skills-grid{gap:.75rem}.mini-skill-item{padding:.45rem .8rem}.mini-skill-item span{font-size:.8rem}.mini-skill-item i,.mini-skill-item svg{font-size:.9rem;height:.95rem;width:.95rem}}@media(max-width:480px){.tech-badge{gap:.5rem;padding:.75rem 1.5rem}.tech-badge .tech-badge-icon{font-size:1.25rem}.tech-badge .tech-badge-text{font-size:.9rem}.category-header-tech{align-items:flex-start;flex-direction:column;gap:1rem}.category-header-tech .category-line{width:100%}.tech-showcase{padding:1.5rem}.demo-code{padding:1rem}.demo-code .code-line{font-size:.75rem}}.work-experience-main-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative}.work-header{margin-bottom:4rem;position:relative;text-align:center}.work-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0070f31a,#7c3aed1a);border:1px solid #0070f333;border-radius:50px;box-shadow:0 8px 32px #0070f31a;display:inline-flex;gap:.75rem;margin-bottom:2rem;padding:1rem 2rem}.work-badge .badge-icon{animation:briefcaseFloat 3s ease-in-out infinite;font-size:1.5rem}.work-badge .badge-text{color:#0070f3;font-size:1rem;font-weight:600;letter-spacing:.5px}.work-main-title{color:#0f172a;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.work-main-title .title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0070f3,#7c3aed,#10b981);-webkit-background-clip:text;background-clip:text;position:relative}.work-main-title .title-highlight:after{animation:workShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#0070f3,#7c3aed,#10b981);border-radius:2px;bottom:-.25rem;content:"";height:3px;left:0;position:absolute;right:0}.work-main-subtitle{color:#475569;font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:400;line-height:1.7;margin:0 auto;max-width:700px}.experience-navigation{display:flex;gap:1rem;margin-bottom:3rem;overflow-x:auto;padding-bottom:1rem}@media(max-width:768px){.experience-navigation{flex-direction:column;gap:.75rem}}.exp-nav-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0070f31a;border-radius:16px;cursor:pointer;display:flex;gap:1rem;min-width:280px;overflow:hidden;padding:1.25rem 1.5rem;position:relative;transition:all .3s ease}.exp-nav-item:before{background:#0070f3;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.exp-nav-item:hover{border-color:#0070f3;box-shadow:0 12px 40px #0070f326;transform:translateY(-4px)}.exp-nav-item:hover:before{transform:scaleY(1)}.exp-nav-item.active{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-color:#0070f3;box-shadow:0 16px 50px #0070f333;transform:translateY(-6px)}.exp-nav-item.active:before{transform:scaleY(1)}.exp-nav-item.active .nav-company{color:#0070f3}.exp-nav-item .nav-company-logo{align-items:center;background:#ffffffe6;border-radius:12px;box-shadow:0 4px 12px #0070f31a;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.exp-nav-item .nav-company-logo img{height:100%;object-fit:contain;padding:4px;width:100%}.exp-nav-item .nav-content{flex:1 1;text-align:left}.exp-nav-item .nav-content .nav-company{color:#0f172a;font-size:1.125rem;font-weight:700;margin:0 0 .25rem;transition:color .3s ease}.exp-nav-item .nav-content .nav-role{color:#475569;font-size:.9rem;font-weight:500;margin:0 0 .25rem}.exp-nav-item .nav-content .nav-duration{color:#64748b;font-size:.8rem;font-weight:500}.experience-details{margin-bottom:4rem}.experience-card-premium{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #0070f31a;border-radius:24px;box-shadow:0 20px 60px #0070f31a;overflow:hidden;position:relative}.experience-card-premium:before{background:linear-gradient(90deg,#0070f3,#7c3aed,#10b981);content:"";height:4px;left:0;position:absolute;right:0;top:0}.card-header-premium{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;padding:2.5rem 2.5rem 1.5rem}@media(max-width:768px){.card-header-premium{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem 1rem}}.card-header-premium .header-left{align-items:flex-start;display:flex;flex:1 1;gap:1.5rem}@media(max-width:768px){.card-header-premium .header-left{align-items:center;flex-direction:column;text-align:center}}.card-header-premium .header-left .company-logo-large{align-items:center;background:#ffffffe6;border-radius:20px;box-shadow:0 8px 24px #0070f326;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.card-header-premium .header-left .company-logo-large img{height:100%;object-fit:contain;padding:8px;width:100%}.card-header-premium .header-left .header-info{flex:1 1}.card-header-premium .header-left .header-info .company-name{color:#0f172a;font-size:2rem;font-weight:800;line-height:1.2;margin:0 0 .5rem}.card-header-premium .header-left .header-info .role-title{color:#0070f3;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.card-header-premium .header-left .header-info .employment-details{display:flex;flex-wrap:wrap;gap:1rem}@media(max-width:768px){.card-header-premium .header-left .header-info .employment-details{justify-content:center}}.card-header-premium .header-left .header-info .employment-details .detail-item{align-items:center;display:flex;gap:.5rem}.card-header-premium .header-left .header-info .employment-details .detail-item .detail-icon{font-size:1rem}.card-header-premium .header-left .header-info .employment-details .detail-item .detail-text{color:#475569;font-size:.9rem;font-weight:500}.card-header-premium .header-right{flex-shrink:0}@media(max-width:768px){.card-header-premium .header-right{align-self:center}}.card-header-premium .header-right .experience-badge{align-items:center;background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid #10b98133;border-radius:25px;display:flex;gap:.5rem;padding:.75rem 1.25rem}.card-header-premium .header-right .experience-badge .badge-icon{font-size:1rem}.card-header-premium .header-right .experience-badge .badge-text{color:#10b981;font-size:.875rem;font-weight:600}.card-content-premium{padding:0 2.5rem 1.5rem}@media(max-width:768px){.card-content-premium{padding:0 1.5rem 1rem}}.card-content-premium .description-section{margin-bottom:2rem}.card-content-premium .description-section .section-title{color:#0f172a;font-size:1.125rem;font-weight:700;margin-bottom:1rem}.card-content-premium .description-section .role-description{color:#475569;font-size:1rem;line-height:1.7;margin:0}.card-content-premium .achievements-section-premium .section-title{color:#0f172a;font-size:1.125rem;font-weight:700;margin-bottom:1.5rem}.card-content-premium .achievements-section-premium .achievements-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:768px){.card-content-premium .achievements-section-premium .achievements-grid{grid-template-columns:1fr}}.card-content-premium .achievements-section-premium .achievement-card{align-items:flex-start;animation:achievementSlideUp .6s ease forwards;background:#ffffffb3;border:1px solid #0070f30d;border-radius:16px;display:flex;gap:1rem;opacity:0;padding:1.25rem;transform:translateY(20px);transition:all .3s ease}.card-content-premium .achievements-section-premium .achievement-card:hover{background:#ffffffe6;box-shadow:0 8px 24px #0070f31a;transform:translateY(-4px)}.card-content-premium .achievements-section-premium .achievement-card .achievement-icon{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:10px;box-shadow:0 4px 12px #10b98133;display:flex;flex-shrink:0;font-size:1.25rem;height:35px;justify-content:center;width:35px}.card-content-premium .achievements-section-premium .achievement-card .achievement-description{color:#475569;font-size:.95rem;line-height:1.6;margin:0}.card-footer-premium{border-top:1px solid #0070f31a;padding:1.5rem 2.5rem 2.5rem}@media(max-width:768px){.card-footer-premium{padding:1rem 1.5rem 2rem}}.card-footer-premium .impact-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}@media(max-width:480px){.card-footer-premium .impact-metrics{grid-template-columns:repeat(2,1fr)}}.card-footer-premium .metric-card{align-items:center;background:#fff9;border:1px solid #0070f30d;border-radius:12px;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.card-footer-premium .metric-card:hover{box-shadow:0 6px 20px #0070f31a;transform:translateY(-2px)}.card-footer-premium .metric-card .metric-icon{align-items:center;background:linear-gradient(135deg,#0070f3,#7c3aed);border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.card-footer-premium .metric-card .metric-content .metric-value{color:#0f172a;font-size:1.125rem;font-weight:800;line-height:1;margin-bottom:.25rem}.card-footer-premium .metric-card .metric-content .metric-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.experience-timeline{margin-bottom:4rem}.experience-timeline .timeline-title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.experience-timeline .timeline-container{margin:0 auto;max-width:800px;position:relative}.experience-timeline .timeline-container .timeline-line-vertical{background:linear-gradient(180deg,#0070f3,#7c3aed,#10b981);border-radius:2px;bottom:0;left:30px;position:absolute;top:0;width:4px}@media(max-width:768px){.experience-timeline .timeline-container .timeline-line-vertical{left:20px}}.experience-timeline .timeline-item{align-items:flex-start;cursor:pointer;display:flex;gap:2rem;margin-bottom:2rem;position:relative}@media(max-width:768px){.experience-timeline .timeline-item{gap:1rem}}.experience-timeline .timeline-item .timeline-marker{align-items:center;background:#ffffffe6;border:4px solid #0070f3;border-radius:50%;box-shadow:0 4px 12px #0070f333;display:flex;flex-shrink:0;height:60px;justify-content:center;transition:all .3s ease;width:60px;z-index:2}@media(max-width:768px){.experience-timeline .timeline-item .timeline-marker{height:40px;width:40px}}.experience-timeline .timeline-item .timeline-marker img{border-radius:6px;height:35px;object-fit:contain;width:35px}@media(max-width:768px){.experience-timeline .timeline-item .timeline-marker img{height:25px;width:25px}}.experience-timeline .timeline-item .timeline-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0070f31a;border-radius:16px;flex:1 1;padding:1.5rem;transition:all .3s ease}@media(max-width:768px){.experience-timeline .timeline-item .timeline-content{padding:1rem}}.experience-timeline .timeline-item .timeline-content .timeline-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}@media(max-width:480px){.experience-timeline .timeline-item .timeline-content .timeline-header{flex-direction:column;gap:.25rem}}.experience-timeline .timeline-item .timeline-content .timeline-header .timeline-company{color:#0f172a;font-size:1.125rem;font-weight:700;margin:0}.experience-timeline .timeline-item .timeline-content .timeline-header .timeline-date{color:#64748b;font-size:.875rem;font-weight:500;white-space:nowrap}.experience-timeline .timeline-item .timeline-content .timeline-role{color:#0070f3;font-size:1rem;font-weight:600;margin:0 0 .75rem}.experience-timeline .timeline-item .timeline-content .timeline-preview .preview-text{color:#475569;font-size:.9rem;line-height:1.5;margin:0}.experience-timeline .timeline-item:hover .timeline-marker{border-color:#10b981;box-shadow:0 6px 20px #10b9814d;transform:scale(1.1)}.experience-timeline .timeline-item:hover .timeline-content{box-shadow:0 8px 24px #0070f326;transform:translateX(8px)}.experience-timeline .timeline-item.active .timeline-marker{border-color:#10b981;box-shadow:0 8px 24px #10b98166}.experience-timeline .timeline-item.active .timeline-content{background:#fffffff2;border-color:#10b981;box-shadow:0 12px 40px #10b98133}.skills-technologies .skills-tech-title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.skills-technologies .tech-categories{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:768px){.skills-technologies .tech-categories{gap:1.5rem;grid-template-columns:1fr}}.skills-technologies .tech-category .category-title{color:#0f172a;font-size:1.125rem;font-weight:700;margin-bottom:1rem;text-align:center}.skills-technologies .tech-category .tech-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.skills-technologies .tech-category .tech-tag{border-radius:20px;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.skills-technologies .tech-category .tech-tag.frontend{background:linear-gradient(135deg,#0070f31a,#61dafb1a);border:1px solid #0070f333;color:#0070f3}.skills-technologies .tech-category .tech-tag.frontend:hover{background:linear-gradient(135deg,#0070f326,#61dafb26);box-shadow:0 4px 12px #0070f333;transform:translateY(-2px)}.skills-technologies .tech-category .tech-tag.backend{background:linear-gradient(135deg,#7c3aed1a,#a855f71a);border:1px solid #7c3aed33;color:#7c3aed}.skills-technologies .tech-category .tech-tag.backend:hover{background:linear-gradient(135deg,#7c3aed26,#a855f726);box-shadow:0 4px 12px #7c3aed33;transform:translateY(-2px)}.skills-technologies .tech-category .tech-tag.tools{background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid #10b98133;color:#10b981}.skills-technologies .tech-category .tech-tag.tools:hover{background:linear-gradient(135deg,#10b98126,#06b6d426);box-shadow:0 4px 12px #10b98133;transform:translateY(-2px)}@keyframes briefcaseFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(-5deg)}}@keyframes workShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes achievementSlideUp{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.work-experience-main-container{padding:0 1rem}.experience-navigation{flex-direction:column}.exp-nav-item{min-width:auto}}@media(max-width:480px){.work-badge{gap:.5rem;padding:.75rem 1.5rem}.work-badge .badge-icon{font-size:1.25rem}.work-badge .badge-text{font-size:.9rem}.card-header-premium .header-left .company-logo-large{height:60px;width:60px}.card-header-premium .header-left .header-info .company-name{font-size:1.5rem}.card-header-premium .header-left .header-info .role-title{font-size:1.125rem}}.project-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0070f3,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:3rem;text-align:center}.dark-mode .project-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text}.startup-project-text img{border-radius:12px;box-shadow:0 8px 25px #00345926;height:auto;max-width:100%;transition:all .3s ease}.startup-project-text img:hover{box-shadow:0 12px 35px #00345940;transform:translateY(-4px)}.repo-cards-div-main{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-top:3rem}.fallback-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffffe6,#f8f9facc);border:1px solid #0034591a;border-radius:20px;box-shadow:0 8px 32px #0034591a;padding:4rem 2rem;text-align:center;transition:all .3s ease}.fallback-content:hover{box-shadow:0 12px 40px #00345926;transform:translateY(-2px)}.dark-mode .fallback-content{background:linear-gradient(135deg,#2d2d2de6,#404040cc);border-color:#aaa3;box-shadow:0 8px 32px #0000004d}.dark-mode .fallback-content:hover{box-shadow:0 12px 40px #0006}.fallback-content p{color:#64748b;font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem}.dark-mode .fallback-content p{color:#94a3b8}.project-card{background:linear-gradient(135deg,#fffffff2,#f8f9fae6);border:1px solid #0034591a;border-radius:16px;box-shadow:0 4px 20px #00345914;overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:#00345933;box-shadow:0 12px 40px #00345926;transform:translateY(-6px)}.dark-mode .project-card{background:linear-gradient(135deg,#2d2d2df2,#404040e6);border-color:#aaaaaa26;box-shadow:0 4px 20px #0003}.dark-mode .project-card:hover{border-color:#aaaaaa40;box-shadow:0 12px 40px #0000004d}@media(max-width:1400px){.repo-cards-div-main{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media(max-width:1200px){.repo-cards-div-main{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}@media(max-width:992px){.repo-cards-div-main{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.fallback-content{padding:3rem 1.5rem}}@media(max-width:768px){.project-title{font-size:clamp(2rem,6vw,2.75rem);margin-bottom:2.5rem}.repo-cards-div-main{gap:1.5rem;grid-template-columns:1fr;margin-top:2rem}.fallback-content{padding:2.5rem 1rem}.fallback-content p{font-size:1.125rem;margin-bottom:2rem}}@media(max-width:480px){.project-title{font-size:clamp(1.75rem,8vw,2.25rem);margin-bottom:2rem}.repo-cards-div-main{gap:1rem;margin-top:1.5rem}.fallback-content{padding:2rem 1rem}.fallback-content p{font-size:1rem;margin-bottom:1.5rem}}.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:#0f172a;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)}}.card-image{height:250px}.card-title{font-size:22px}.card-subtitle{font-size:17px}.project-card{background-color:#f8fafc;border:1px solid #0070f326;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:1.5rem}.project-card-light{box-shadow:0 10px 30px -15px #0f172a26;transition:all .3s ease}.project-card-dark{box-shadow:0 10px 30px -15px #ffffff1a;transition:all .25s ease}.project-detail{text-align:center}.project-card-light:hover{box-shadow:0 20px 30px -10px #0f172a26}.project-card-dark:hover{box-shadow:0 20px 30px -10px #ffffff1a}.project-image{align-items:center;display:flex;height:250px;justify-content:center;overflow:hidden;position:relative}.projects-container{grid-gap:1rem 1rem;display:grid;gap:1rem 1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card-footer span.project-tag{align-items:center;background:#0070f3;border-radius:4px;color:#f1f5f9;cursor:pointer;display:inline-flex;font-size:.75rem;height:2em;justify-content:center;line-height:1.5;margin:0 .5rem .5rem 0;padding:0 .75em;transition:.2s ease-in;vertical-align:middle;white-space:nowrap}@media(max-width:768px){.project-subtitle{font-size:16px;text-align:center}}.achievement-heading{font-size:56px;font-weight:400;line-height:normal;margin:0}.achievement-subtitle{margin:0 0 50px;text-transform:uppercase}@media(max-width:1380px){.achievement-heading{font-size:40px}}@media(max-width:768px){.achievement-heading{font-size:30px;text-align:center}.achievement-subtitle{font-size:16px;line-height:normal;text-align:center}}.card-image{height:auto;max-width:100%;width:250px}.card-title{color:#0f172a;font-size:1.375rem;font-weight:700;line-height:24px;margin:15px 0 0}.card-subtitle{color:#475569;font-size:1.063rem;line-height:1.5rem}.certificate-card{background-color:#f8fafc;border:1px solid #0070f326;border-radius:10px;box-shadow:0 10px 30px -15px #0f172a26;padding:1.5rem;transition:all .3s ease}.certificate-detail-div{text-align:center}.certificate-card:hover{box-shadow:0 20px 30px -10px #0f172a26}.dark-mode.certificate-card:hover{box-shadow:0 20px 30px -10px #ffffff1a}.certificate-image-div{align-items:center;display:flex;height:250px;justify-content:center;overflow:hidden;position:relative}.achievement-cards-div{grid-gap:1rem 1rem;display:grid;gap:1rem 1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.certificate-card-footer{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.certificate-card-footer span.certificate-tag{align-items:center;background:#0070f3;border-radius:4px;color:#f1f5f9;cursor:pointer;display:inline-flex;font-size:.75rem;height:2em;justify-content:center;line-height:1.5;margin:0 .5rem .5rem 0;padding:0 .75em;transition:.2s ease-in;vertical-align:middle;white-space:nowrap}span.certificate-tag:hover{background:#3b82f6}.square{background:#fff;border-radius:4px;box-shadow:0 20px 50px #ffffff1a;height:430px;margin-top:30px;transition:all .3s ease;width:440px}.square:hover{box-shadow:0 20px 40px #0f172a14}.blog-header-text{font-size:56px;font-weight:400}.blog-subtitle{text-transform:uppercase}.blog-main-div>*{flex:1 1;margin-bottom:30px}.blog-main-div{display:flex}.blog-image-div>img{height:auto;max-width:100%}.blog-text-div{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.subTitle{color:#64748b}@media(max-width:1380px){.blog-header-text{font-size:40px}}@media(max-width:768px){.blog-header-text{font-size:30px;text-align:center}.blog-subtitle{font-size:16px;line-height:normal;text-align:center}}@media screen and (max-width:480px)and (min-width:300px){.blog-text-div{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.small-dark{color:#fff!important}.blog-container{background-color:#fff;border-radius:10px;box-shadow:0 0 36px #0f172a14;color:#64748b;cursor:pointer;height:200px}.blog-title{-webkit-line-clamp:2;color:#0f172a;font-size:1.375rem;font-weight:700;line-height:24px;margin:32px 20px 14px}.blog-title,.small{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.small{-webkit-line-clamp:4;color:#475569;font-size:1.063rem;font-weight:400;line-height:1.5rem;margin:0;padding:0 20px}.go-corner{align-items:center;background-color:#0070f3;border-radius:0 4px 0 32px;display:flex;height:32px;justify-content:center;overflow:hidden;position:absolute;right:0;top:0;width:32px}.go-arrow{color:#fff;font-family:courier,sans;margin-right:-4px;margin-top:-4px}.blog-card{background-color:#0000;border-radius:4px;display:block;height:100%;overflow:hidden;position:relative;text-decoration:none;z-index:0}.blog-card:before{background:#0070f3;border-radius:32px;content:"";height:32px;position:absolute;right:-16px;top:-16px;transform:scale(1);transform-origin:50% 50%;transition:transform .4s ease-out;width:32px;z-index:-1}.blog-card:hover:before{transform:scale(30)}.blog-card:hover>.small{color:#ffffffe6;transition:all .3s ease-out}.blog-card:hover>h3{color:#ffffff0d;transition:all .3s ease-out}@media (min-width:1405px)and (max-width:1550px),(min-width:925px)and (max-width:1024px),screen and (max-width:480px)and (min-width:300px){.blog-card:hover:before{transform:scale(30)}}@media (min-width:1025px)and (max-width:1404px),(min-width:1551px),screen and (min-width:481px)and (max-width:675px){.blog-card:hover:before{transform:scale(40)}.blog-card:before{transition:transform .45s ease-out}}@media screen and (min-width:675px)and (max-width:860px){.blog-card:hover:before{transform:scale(50)}.blog-card:before{transition:transform .5s ease-out}}@media screen and (min-width:860px)and (max-width:924px){.blog-card:hover:before{transform:scale(60)}.blog-card:before{transition:transform .5s ease-out}}@media screen and (max-width:480px)and (min-width:300px){.blog-title{font-size:1.125rem}}.blog-card-shadow{box-shadow:1px 0 20px #ffffff0d}.footer{color:#fff;margin-top:4rem;padding:4rem 0 2rem}.dark-mode .footer,.footer{background:#0f172a}.footer-cta{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto 2rem;max-width:1200px;padding:1.25rem 2rem}.cta-text h3{font-size:1.25rem;margin:0 0 2px}.cta-text p{color:#94a3b8;margin:0}.cta-actions{display:flex;flex-wrap:wrap;gap:10px}.btn{padding:10px 14px}.btn.secondary{background:#ffffff0f;border-color:#ffffff2e;color:#fff}.btn.secondary:hover{background:#ffffff1a}.footer-divider{background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:1px;margin:.75rem auto 2rem;max-width:1200px}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr;margin:0 auto 3rem;max-width:1200px;padding:0 2rem}@media(max-width:768px){.footer-content{gap:2rem;grid-template-columns:1fr;text-align:center}}.footer-section h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.footer-logo{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-logo .logo-name{color:#fff;font-weight:800}.footer-logo .grey-color{color:#94a3b8}.footer-description{color:#94a3b8;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.75rem}.footer-links li a{color:#94a3b8;font-size:.9rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-links li a:hover{color:#fff;padding-left:.5rem}.footer-social{display:flex;flex-wrap:wrap;gap:1rem}@media(max-width:768px){.footer-social{justify-content:center}}.footer-social .social-media-div{display:flex;gap:1rem}.footer-social .social-media-div .social-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.dark-mode .footer-social .social-media-div .social-icon{background:#0003;border-color:#ffffff1a}.footer-social .social-media-div .social-icon:hover{background:#0070f3;box-shadow:0 20px 40px #0070f326;transform:translateY(-2px)}.footer-social .social-media-div .social-icon i{color:#fff;font-size:1.1rem}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:2rem;text-align:center}.footer-bottom .footer-copyright,.footer-bottom .footer-made-with{color:#94a3b8;font-size:.875rem;margin:.5rem 0}.footer-bottom .footer-made-with a{color:#0070f3;text-decoration:none}.footer-bottom .footer-made-with a:hover{text-decoration:underline}@media(max-width:992px){.footer-cta{align-items:flex-start;flex-direction:column;padding:1rem 1.25rem}}@media(max-width:768px){.footer{padding:3rem 0 1.5rem}.footer-content{padding:0 1rem}.footer-social .social-media-div{justify-content:center}}@media(max-width:480px){.footer{padding:2rem 0 1rem}.footer-content{padding:0 .75rem}.footer-logo{font-size:1.25rem}.footer-description{font-size:.9rem}}.footer a:focus{outline:2px solid #0070f3;outline-offset:2px}.education-main-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative}.education-header{margin-bottom:4rem;position:relative;text-align:center}.education-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#7c3aed1a,#0070f31a);border:1px solid #7c3aed33;border-radius:50px;box-shadow:0 8px 32px #7c3aed1a;display:inline-flex;gap:.75rem;margin-bottom:2rem;padding:1rem 2rem}.education-badge .badge-icon{animation:graduationFloat 3s ease-in-out infinite;font-size:1.5rem}.education-badge .badge-text{color:#7c3aed;font-size:1rem;font-weight:600;letter-spacing:.5px}.education-main-title{color:#0f172a;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.education-main-title .title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#0070f3,#10b981);-webkit-background-clip:text;background-clip:text;position:relative}.education-main-title .title-highlight:after{animation:educationShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#0070f3,#10b981);border-radius:2px;bottom:-.25rem;content:"";height:3px;left:0;position:absolute;right:0}.education-main-subtitle{color:#475569;font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:400;line-height:1.7;margin:0 auto;max-width:700px}.education-timeline{margin-bottom:4rem;position:relative}.education-timeline .timeline-line{background:linear-gradient(180deg,#7c3aed,#0070f3,#10b981);border-radius:2px;bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}@media(max-width:768px){.education-timeline .timeline-line{left:30px}}.education-timeline-item{align-items:center;cursor:pointer;display:flex;margin-bottom:4rem;position:relative}.education-timeline-item:nth-child(2n){flex-direction:row-reverse}@media(max-width:768px){.education-timeline-item:nth-child(2n){flex-direction:row}}.education-timeline-item:nth-child(2n) .education-card-modern{margin-left:0;margin-right:calc(50% + 2rem)}@media(max-width:768px){.education-timeline-item:nth-child(2n) .education-card-modern{margin-left:4rem;margin-right:0}}.education-timeline-item:nth-child(odd) .education-card-modern{margin-left:calc(50% + 2rem)}@media(max-width:768px){.education-timeline-item:nth-child(odd) .education-card-modern{margin-left:4rem}.education-timeline-item{flex-direction:row}}.timeline-node{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:4px solid #7c3aed;border-radius:50%;box-shadow:0 8px 32px #7c3aed33;display:flex;height:80px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:80px;z-index:2}@media(max-width:768px){.timeline-node{height:60px;left:30px;width:60px}}.timeline-node .node-inner{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.timeline-node .node-inner .node-logo{border-radius:8px;height:50px;object-fit:contain;width:50px}@media(max-width:768px){.timeline-node .node-inner .node-logo{height:35px;width:35px}}.timeline-node .node-inner .node-icon{font-size:2rem}@media(max-width:768px){.timeline-node .node-inner .node-icon{font-size:1.5rem}}.education-timeline-item:hover .timeline-node{border-color:#10b981;box-shadow:0 12px 40px #7c3aed4d;transform:translateX(-50%) scale(1.1)}.education-timeline-item.active .timeline-node{border-color:#10b981;box-shadow:0 16px 50px #10b98166}.education-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #7c3aed1a;border-radius:24px;box-shadow:0 20px 60px #7c3aed1a;max-width:500px;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.education-card-modern:before{background:linear-gradient(90deg,#7c3aed,#0070f3,#10b981);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.education-card-modern:hover{box-shadow:0 30px 80px #7c3aed26;transform:translateY(-8px)}.education-card-modern:hover:before{transform:scaleX(1)}.card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;padding:2rem 2rem 1rem}.card-header .header-content{flex:1 1}.card-header .header-content .school-name{color:#0f172a;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.card-header .header-content .school-degree{color:#7c3aed;font-size:1rem;font-weight:600;margin:0 0 1rem}.card-header .header-content .school-duration{align-items:center;display:flex;gap:.5rem}.card-header .header-content .school-duration .duration-icon{font-size:1rem}.card-header .header-content .school-duration .duration-text{color:#475569;font-size:.875rem;font-weight:500}.card-header .header-visual{flex-shrink:0}.card-header .header-visual .achievement-badge{align-items:center;background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid #10b98133;border-radius:20px;display:flex;gap:.5rem;padding:.5rem 1rem}.card-header .header-visual .achievement-badge .achievement-icon{font-size:1rem}.card-header .header-visual .achievement-badge .achievement-text{color:#10b981;font-size:.8rem;font-weight:600}.card-content{padding:0 2rem 1rem}.card-content .school-description{color:#475569;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.card-content .achievements-section .achievements-title{color:#0f172a;font-size:1rem;font-weight:700;margin-bottom:1rem}.card-content .achievements-section .achievements-list{display:flex;flex-direction:column;gap:.75rem}.card-content .achievements-section .achievement-item{align-items:flex-start;animation:achievementSlideIn .6s ease forwards;display:flex;gap:.75rem;opacity:0;transform:translateX(-20px)}.card-content .achievements-section .achievement-item .achievement-indicator{background:linear-gradient(135deg,#7c3aed,#10b981);border-radius:50%;box-shadow:0 0 12px #7c3aed66;flex-shrink:0;height:8px;margin-top:.5rem;width:8px}.card-content .achievements-section .achievement-item .achievement-text{color:#475569;font-size:.9rem;line-height:1.5;margin:0}.card-footer{border-top:1px solid #7c3aed1a;padding:1rem 2rem 2rem}.card-footer .education-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media(max-width:480px){.card-footer .education-stats{gap:.75rem;grid-template-columns:1fr}}.card-footer .stat-item{align-items:center;background:#fff9;border:1px solid #7c3aed0d;border-radius:12px;display:flex;gap:.75rem;padding:.75rem}.card-footer .stat-item .stat-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#0070f3);border-radius:10px;display:flex;flex-shrink:0;font-size:1.25rem;height:35px;justify-content:center;width:35px}.card-footer .stat-item .stat-content .stat-label{color:#64748b;font-size:.75rem;font-weight:500;margin-bottom:.125rem}.card-footer .stat-item .stat-content .stat-value{color:#0f172a;font-size:.875rem;font-weight:700}.education-summary{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.summary-card{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #7c3aed1a;border-radius:20px;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.summary-card:hover{box-shadow:0 16px 50px #7c3aed26;transform:translateY(-4px)}.summary-card .summary-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#10b981);border-radius:18px;box-shadow:0 8px 24px #7c3aed33;display:flex;flex-shrink:0;font-size:2.5rem;height:70px;justify-content:center;width:70px}.summary-card .summary-content .summary-title{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.summary-card .summary-content .summary-description{color:#475569;font-size:.95rem;line-height:1.6;margin:0}.skills-developed{text-align:center}.skills-developed .skills-title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:2rem}.skills-developed .skills-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:800px}.skills-developed .skill-tag{animation:skillTagAppear .5s ease forwards;background:linear-gradient(135deg,#7c3aed1a,#10b9811a);border:1px solid #7c3aed33;border-radius:25px;color:#7c3aed;font-size:.875rem;font-weight:600;opacity:0;padding:.75rem 1.5rem;transform:scale(.8);transition:all .3s ease}.skills-developed .skill-tag:hover{background:linear-gradient(135deg,#7c3aed26,#10b98126);box-shadow:0 8px 24px #7c3aed33;transform:translateY(-2px) scale(1.05)}@keyframes graduationFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(10deg)}}@keyframes educationShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes achievementSlideIn{to{opacity:1;transform:translateX(0)}}@keyframes skillTagAppear{to{opacity:1;transform:scale(1)}}@media(max-width:768px){.education-main-container{padding:0 1rem}.education-timeline-item:nth-child(2n) .education-card-modern{margin-left:4rem;margin-right:0}.education-timeline-item:nth-child(odd) .education-card-modern{margin-left:4rem}.education-card-modern{max-width:none}.card-header{align-items:flex-start;flex-direction:column;padding:1.5rem 1.5rem 1rem}.card-header .header-visual{align-self:flex-end}.card-content{padding:0 1.5rem 1rem}.card-footer{padding:1rem 1.5rem 1.5rem}.education-summary{gap:1.5rem;grid-template-columns:1fr}.summary-card{flex-direction:column;padding:1.5rem;text-align:center}.summary-card .summary-icon{align-self:center}}@media(max-width:480px){.education-badge{gap:.5rem;padding:.75rem 1.5rem}.education-badge .badge-icon{font-size:1.25rem}.education-badge .badge-text{font-size:.9rem}.timeline-node{height:50px;left:20px;width:50px}.education-timeline-item:nth-child(2n) .education-card-modern,.education-timeline-item:nth-child(odd) .education-card-modern{margin-left:3rem;margin-right:0}.skills-grid{gap:.75rem}.skill-tag{font-size:.8rem;padding:.5rem 1rem}}#topButton{background-color:#0070f3;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:#7c3aed;transition:all .2s ease-in-out}.contact-div-main{align-items:center;display:flex;gap:60px;margin:0 auto;max-width:1400px;padding:0 3rem}.contact-div-main>*{flex:1 1}.contact-header{flex:1 1;max-width:600px}.contact-title{color:#000400;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.dark-mode .contact-title{color:#fff}.contact-subtitle{color:#64748b;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400;line-height:1.6;margin-bottom:2rem}.dark-mode .contact-subtitle{color:#cbd5e1}.contact-text-div{margin-top:2rem}.contact-detail,.contact-detail-email{color:#0070f3;display:block;font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600;margin-bottom:1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark-mode .contact-detail,.dark-mode .contact-detail-email{color:#94a3b8}.contact-detail-email:hover,.contact-detail:hover{color:#004d7a;transform:translateX(5px)}.dark-mode .contact-detail-email:hover,.dark-mode .contact-detail:hover{color:#fff}.contact-margin-top{margin-top:4rem}.contact-image-div{align-items:center;display:flex;flex-shrink:0;justify-content:center}.contact-image-div>img{border-radius:12px;filter:drop-shadow(0 25px 70px rgba(0,52,89,.25));height:auto;max-width:100%;min-height:200px;min-width:300px;transition:all .5s ease}.contact-image-div>img:hover{filter:drop-shadow(0 30px 90px rgba(0,52,89,.35));transform:scale(1.05)}.dark-mode .contact-image-div>img{filter:drop-shadow(0 25px 70px rgba(85,85,85,.35))}.dark-mode .contact-image-div>img:hover{filter:drop-shadow(0 30px 90px rgba(170,170,170,.45))}.contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#ffffffb3,#ffffff8c);border:1px solid #0f172a14;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:28px}.dark-mode .contact-card{background:linear-gradient(180deg,#0f172a8c,#0f172a66);border-color:#ffffff26;box-shadow:0 20px 40px #00000059}.availability-badge{align-items:center;background:#10b9811f;border:1px solid #10b98140;border-radius:999px;color:#10b981;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:14px;padding:6px 10px}.contact-headline{color:#0f172a;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:1.2;margin:6px 0 10px}.dark-mode .contact-headline{color:#f8fafc}.contact-copy{color:#334155;line-height:1.7;margin-bottom:18px}.dark-mode .contact-copy{color:#cbd5e1}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.btn{align-items:center;border:1px solid #0000;border-radius:12px;display:inline-flex;font-size:.95rem;font-weight:700;gap:10px;padding:12px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn.primary{background:linear-gradient(135deg,#0070f3,#7c3aed);box-shadow:0 20px 40px #0070f326;color:#fff}.btn.primary:hover{box-shadow:0 25px 50px #0070f340;transform:translateY(-2px)}.btn.secondary{background:#0070f314;border-color:#0070f340;color:#0070f3}.btn.secondary:hover{background:#0070f31f;transform:translateY(-2px)}.contact-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip{align-items:center;background:#f1f5f9;border:1px solid #cbd5e14d;border-radius:999px;color:#475569;display:inline-flex;font-size:.8rem;padding:6px 10px}.dark-mode .chip{background:#ffffff0f;border-color:#ffffff1f;color:#cbd5e1}.contact-social-panel{border-top:1px dashed #cbd5e14d;padding-top:8px}.dark-mode .contact-social-panel{border-top-color:#ffffff1f}@media(max-width:1200px){.contact-div-main{gap:50px;padding:0 2.5rem}}@media(max-width:992px){.contact-div-main{flex-direction:column;gap:40px;padding:0 2rem;text-align:center}.contact-header{max-width:100%;order:1}.contact-image-div{order:2}}@media(max-width:768px){.contact-div-main{gap:30px;padding:0 1.5rem}.contact-title{font-size:clamp(2rem,6vw,2.5rem)}.contact-subtitle{font-size:1rem}.contact-detail,.contact-detail-email{font-size:1.125rem}}@media(max-width:480px){.contact-div-main{gap:25px;padding:0 1rem}.contact-title{font-size:clamp(1.75rem,8vw,2.25rem)}.contact-subtitle{font-size:.9375rem}.contact-detail,.contact-detail-email{font-size:1rem}}.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}
/*# sourceMappingURL=main.ca406825.css.map*/