@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-screen{height:100vh}.w-screen{width:100vw}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.border{border-width:1px}.text-2xl{font-size:1.5rem;line-height:2rem}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#030805;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--navbar-height:68px;--navbar-light-accent:#00a844;--navbar-dark-accent:#00e676}body{padding-top:68px;padding-top:var(--navbar-height)}.navbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;border-bottom:1px solid #00a8441f;box-shadow:0 2px 20px #0000000f;display:flex;height:68px;height:var(--navbar-height);justify-content:space-between;left:0;padding:0 2rem;position:fixed;right:0;top:0;transition:var(--transition);z-index:1000}.App.dark-mode .navbar{background:#030805e6;box-shadow:0 2px 24px #0006}.navbar__left,.navbar__right{align-items:center;display:flex;gap:.5rem}.navbar__logo{align-items:center;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:800}.logo-img{height:30px;object-fit:contain;width:auto}.App.dark-mode .logo-img{filter:drop-shadow(0 0 6px rgba(0,230,118,.4));height:23px;mix-blend-mode:screen}.navbar__links{gap:2rem;list-style:none}.navbar__links li a{align-items:center;border-bottom:2px solid #0000;color:#1a2e1a;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;letter-spacing:.01em;padding:.6rem .4rem .9rem;position:relative;text-decoration:none;transition:var(--transition)}.navbar__links li a:hover{color:#00a844;color:var(--navbar-light-accent)}.App.dark-mode .navbar__links li a:hover{color:var(--navbar-dark-accent)}.navbar__links li a.active{color:#00a844;color:var(--navbar-light-accent)}.App.dark-mode .navbar__links li a.active{color:var(--navbar-dark-accent)}.nav-label-wrap{align-items:center;display:inline-flex;justify-content:center;position:relative}.nav-active-indicator{background:#00a844;background:var(--navbar-light-accent);border-radius:999px;bottom:-.45rem;height:2px;left:0;pointer-events:none;position:absolute;right:0}.App.dark-mode .nav-active-indicator{background:#00e676;background:var(--navbar-dark-accent)}.navbar__toggle{background:none;border:none;color:#1a2e1a;cursor:pointer;font-size:1.3rem;transition:color .2s}.App.dark-mode .navbar__toggle{color:#c8e6c9}.navbar__toggle:hover{color:var(--green)}.desktop-toggle{display:none}.mobile-toggle{display:block}.navbar__menu-icon{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:36px;justify-content:center;width:36px;z-index:102}.menu-icon-bar{background:#1a2e1a;border-radius:2px;height:2.5px;margin:3px 0;transition:.3s;width:24px}.App.dark-mode .menu-icon-bar{background:#c8e6c9}.navbar__menu-icon.open .menu-icon-bar:first-child{transform:translateY(6px) rotate(45deg)}.navbar__menu-icon.open .menu-icon-bar:nth-child(2){opacity:0}.navbar__menu-icon.open .menu-icon-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width:1024px){.navbar{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr auto;height:68px;height:var(--navbar-height);padding:1rem}.navbar__left{align-items:center;flex-direction:row;gap:.5rem}.navbar__menu-icon{border-radius:8px;display:flex!important}.logo-img{display:none}.navbar__links{align-items:flex-start;background:#fff;border-right:1px solid #00a8441f;box-shadow:10px 0 40px #00000026;display:flex;flex-direction:column;left:0;max-height:calc(100vh - 68px);max-height:calc(100vh - var(--navbar-height));max-width:300px;overflow-y:auto;padding:1.5rem 1.25rem;position:fixed;top:68px;top:var(--navbar-height);transform:translateX(-100%);transition:transform .3s ease;width:65vw;z-index:99}.App.dark-mode .navbar__links{background:#060e06;border-right:1px solid #00e6761f;box-shadow:10px 0 40px #0009}.navbar__links.active{transform:translateX(0)}.navbar__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;inset:0;position:fixed;z-index:98}}@media (min-width:1025px){.navbar{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;padding:1rem 2.5rem}.navbar__menu-icon,.navbar__right{display:none}.desktop-toggle{display:block}.mobile-toggle{display:none}.navbar__links{align-items:center;background:none;box-shadow:none;display:flex!important;flex-direction:row;gap:2rem;margin-left:auto;padding:0;position:static}}#about,#contact,#education,#home,#projects,#services,#skills{scroll-margin-top:80px;scroll-margin-top:calc(var(--navbar-height) + 12px)}.hero{align-items:center;display:flex;justify-content:center;min-height:80vh;overflow:hidden;padding:6rem 0 4rem;position:relative}.hero__video{height:calc(100% + 30px);left:-15px;object-fit:cover;position:absolute;top:-15px;width:calc(100% + 30px);z-index:1}.hero:after{background:linear-gradient(135deg,#020c02eb,#031908e0 45%,#000f05f2);content:"";inset:0;position:absolute;z-index:2}.hero__content{align-items:center;color:#fff;display:flex;gap:3rem;max-width:1100px;padding:0 2rem;position:relative;width:100%;z-index:10}.hero__text{flex:1 1}.hero__name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e676,#00bcd4);-webkit-background-clip:text;background-clip:text;font-size:3.6rem;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin-bottom:1rem}.hero__title{align-items:center;display:flex;font-size:1.7rem;gap:.5rem;margin-bottom:1.4rem}.hero__prefix{color:#fffc!important;flex-shrink:0;font-weight:500;white-space:nowrap}.hero__typewriter{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e676,#00bcd4);-webkit-background-clip:text;background-clip:text;display:inline-block;font-weight:700;min-width:300px}.hero__ddd{font-size:1.5rem;font-weight:700;letter-spacing:.08em;line-height:1.3;margin-bottom:1.2rem}.ddd-word{color:#00e676}.ddd-develop{color:#00e676a6}.ddd-dot{color:#00e676;font-weight:900}.hero__tagline-desc{border-left:3px solid #00e676;margin-bottom:2rem;padding-left:1.2rem;position:relative}.hero__tagline-desc p{color:#ffffffd1!important;font-size:1.05rem!important;font-style:italic;line-height:1.75!important;margin:0!important}.hero__buttons{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.hero__buttons-desktop{display:flex}.hero__buttons-mobile{display:none}.contact-btn-hero,.download-cv-btn{align-items:center;border:1.5px solid #00e67699;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:center;min-height:42px;overflow:hidden;padding:10px 26px;position:relative;text-decoration:none;transition:all .3s ease}.download-cv-btn{background:#00e6761f}.contact-btn-hero{background:#00bcd41a;border-color:#00bcd480}.download-cv-btn:focus,.download-cv-btn:hover{background:#00e676;border-color:#00e676;box-shadow:0 0 20px #00e67666;color:#030805}.contact-btn-hero:focus,.contact-btn-hero:hover{background:#00bcd4;border-color:#00bcd4;box-shadow:0 0 20px #00bcd466;color:#030805}.hero__image{align-items:center;animation:float 6s ease-in-out infinite,morph 8s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00e67614;box-shadow:0 0 0 1px #00e67633,0 8px 40px #00000080,inset 0 0 60px #00e6760f;display:flex;height:300px;justify-content:center;overflow:visible;position:relative;width:300px}.hero__image,.hero__image:after{border-radius:40% 60% 70% 30%/40% 50% 60% 50%}.hero__image:after{animation:morph 8s ease-in-out infinite,pulse 3s ease-in-out infinite;background:radial-gradient(circle,#00ff874d,#0000 70%);content:"";filter:blur(20px);inset:-20px;opacity:.6;position:absolute;z-index:-2}.profile-img{border:4px solid #04a035;border-radius:50%!important;box-shadow:0 0 20px #00e67666;height:80%;object-fit:cover;object-position:top center;transition:transform .3s ease;width:80%;z-index:1}.profile-img:hover{transform:scale(1.04)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes morph{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60% 50%}25%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}75%{border-radius:60% 30% 40% 70%/40% 60% 50% 30%}}@keyframes gradient-rotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.hero__mobile-banner{display:none}.hero__mobile-avatar{align-items:center;display:none;justify-content:center;margin-bottom:1.8rem;padding-top:10px}.hero__mobile-avatar-img{background:#fff;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #04a035,0 0 25px 8px #00e6768c,0 0 60px 15px #00e67640;display:block;height:160px;object-fit:cover;object-position:top center;position:relative;width:160px;z-index:1}.card-icon-circle{height:30px;width:30px}.card-icon-circle img{height:18px;width:18px}@media (max-width:1024px){.hero{min-height:auto;padding:0 0 3rem}.hero__content{align-items:center;flex-direction:column;gap:1.5rem;padding:0 1.5rem;text-align:center}.hero__text{margin:0 auto;max-width:680px;text-align:center;width:100%}.hero__name{font-size:2.6rem;text-align:center}.hero__title{justify-content:center}.hero__typewriter{min-width:280px;text-align:left}.hero__ddd{text-align:center}.hero__tagline-desc{border-bottom:2px solid #00e67666;border-left:none;border-top:2px solid #00e67666;margin:0 auto 1.8rem;max-width:580px;padding:.75rem 1rem}.hero__tagline-desc p{margin:0 auto!important;text-align:center}.hero__image{display:none}.hero__mobile-avatar{display:flex;margin-bottom:1.8rem}.hero__buttons-desktop{display:none}.hero__buttons-mobile{display:flex;gap:1.5rem;justify-content:center;margin:1.5rem auto 0}}@media (max-width:768px){.hero__name{font-size:2.1rem}.hero__title{font-size:1.3rem;justify-content:center}.hero__ddd{font-size:1.2rem}.hero__buttons-mobile{align-items:center;flex-direction:column;width:100%}.hero__buttons-mobile>*{max-width:260px;width:100%}}@media (max-width:480px){.hero__name{font-size:1.8rem}.hero__title{align-items:center;flex-direction:column;font-size:1.1rem}.hero__typewriter{min-width:220px}}.App.dark-mode,:root{--dir-tab-hover-bg:#00e676;--dir-tab-hover-color:#030805;--dir-cert-hover-bg:#00e676;--dir-cert-hover-color:#030805}.dir-btn{overflow:hidden!important;position:relative!important;transition:border-color .35s ease,box-shadow .35s ease,color .35s ease!important;z-index:1!important}.dir-btn__bg{background:#00e676!important;background:var(--dir-hover-bg,#00e676)!important;border-radius:inherit!important;left:0!important;position:absolute!important;top:0!important;will-change:transform;z-index:1!important}.dir-btn__bg,.dir-btn__text{height:100%!important;pointer-events:none!important;width:100%!important}.dir-btn__text{align-items:center!important;display:inline-flex!important;justify-content:center!important;position:relative!important;z-index:2!important}.dir-btn.dir-hovered{border-color:#00e676!important;border-color:var(--dir-hover-border,#00e676)!important;color:#030805!important;color:var(--dir-hover-color,#030805)!important}.education__tabs .dir-btn,.skills__tabs .dir-btn{background-color:initial!important;border:1.5px solid #00a84466!important;color:#1a2e1a!important}.education__tabs .dir-btn.dir-hovered,.skills__tabs .dir-btn.dir-hovered{border-color:#00e676!important;color:#030805!important}.App.dark-mode .education__tabs .dir-btn,.App.dark-mode .skills__tabs .dir-btn{background-color:initial!important;border:1.5px solid #00e6764d!important;color:#c8e6c9!important}.App.dark-mode .education__tabs .dir-btn.dir-hovered,.App.dark-mode .skills__tabs .dir-btn.dir-hovered{border-color:#00e676!important;color:#030805!important}@media (prefers-reduced-motion:reduce){.dir-btn__bg{transition:none!important}}.about{background:#0000;padding:4rem 2rem 3rem;text-align:center}.about__heading-row{align-items:center;display:flex;gap:.75rem;justify-content:center;margin:0 auto 2.5rem;width:-webkit-fit-content;width:fit-content}.about__heading-row h2{color:#1a2e1a}.about__heading-row h2,.about__heading-row h2 span{display:inline-block;font-size:2.2rem;font-weight:800;margin-bottom:14px;position:relative}.about__heading-row h2 span{color:#06b661}.App.dark-mode .about__heading-row h2{color:#fff}.about__heading-row h2:after{background:linear-gradient(90deg,#0000,#00e676,#0000)}.App.dark-mode .about__heading-row h2:after,.about__heading-row h2:after{border-radius:999px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.App.dark-mode .about__heading-row h2:after{background:linear-gradient(90deg,#0000,#fff,#0000)}.about__bio-container{align-items:stretch;display:flex;flex-direction:row;gap:2.5rem;margin:0 auto 2rem;max-width:1100px;padding:0 1rem}.about__bio-illustration{flex:0 0 320px}.about__bio-illustration,.about__illustration-wrapper{align-items:center;display:flex;justify-content:center}.about__illustration-wrapper{background:linear-gradient(135deg,#00e67614,#00bcd40f);border:1px solid #00e6762e;border-radius:20px;overflow:hidden;padding:1.5rem;transition:box-shadow .3s ease,transform .3s ease;width:100%}.about__illustration-wrapper:hover{box-shadow:0 12px 40px #00e67626;transform:scale(1.02)}.App.dark-mode .about__illustration-wrapper{background:linear-gradient(135deg,#00e6760f,#00bcd40a);border-color:#00e67633}.about__illustration-img{border-radius:14px;height:auto;max-width:280px;object-fit:cover;width:100%}.about__bio-card{flex:1 1;min-width:0;padding-bottom:4rem;position:relative}.about__card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:0 6px 24px #0000000f;display:flex;flex-direction:column;padding:1.8rem 2rem;text-align:left;transition:var(--transition)}.App.dark-mode .about__card{background:var(--glass-bg-dark);border-color:var(--glass-border-dark);color:#e8f5e9}.about__card:hover{border-color:#00e67666;box-shadow:0 10px 32px #00e6761a;transform:translateY(-2px)}.about__bio-text{color:#1a2e1a;font-size:1rem;line-height:2;overflow-wrap:anywhere;white-space:pre-line}.App.dark-mode .about__bio-text{color:#c8e6c9}.about__bio-text.clamped{-webkit-box-orient:vertical;-webkit-line-clamp:6;display:-webkit-box;overflow:hidden}.about__bio-text.expanded{display:block}.about__highlight{color:#00a844;font-weight:700}.App.dark-mode .about__highlight{color:#00e676}.about__tag-red{color:#1a1a1a;font-weight:700}.App.dark-mode .about__tag-red{color:#e8f5e9}.about__tag-green{color:#00a844;font-weight:600}.App.dark-mode .about__tag-green{color:#00e676}.about__see-more-wrapper{bottom:1rem;position:absolute;right:1rem}.about__see-more-btn{align-items:center;background:linear-gradient(135deg,#030805,#0b1f0b);border:1px solid #00e6764d;border-radius:20px;box-shadow:0 2px 12px #00e67633;color:#00e676;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.45rem .9rem;position:relative;transition:all .3s ease}.about__see-more-btn:before{background:linear-gradient(90deg,#0000,#00e67633,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.about__see-more-btn:hover:before{left:100%}.about__see-more-btn:hover{box-shadow:0 6px 20px #00e67659;transform:translateY(-2px)}.about__other-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1)}.about__other-content--visible{margin-top:2rem;max-height:2000px;opacity:1}.about__other-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px;padding:0 1rem}.card-icon-circle{box-shadow:0 2px 8px #00000026;flex-shrink:0;position:relative}.card-icon-circle img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:900px){.about__bio-container{align-items:center;flex-direction:column}.about__bio-illustration{flex:0 0 auto;max-width:360px;width:100%}}@media (max-width:768px){.about{padding:3rem 1rem 2rem}.about__bio-illustration{display:none}.about__bio-container{gap:1rem;padding:0 .5rem}.about__other-cards{grid-template-columns:1fr;max-width:500px}}@media (max-width:480px){.about__bio-illustration{display:none}.about__bio-container .about__card{margin:0 .3rem}}.education{background:#0000;padding:4rem 2rem 3rem;text-align:center}.education h2{color:#00a844;display:inline-block;font-size:2.2rem;font-weight:800;margin-bottom:2.5rem;position:relative}.App.dark-mode .education h2{color:#fff}.education h2:after{background:linear-gradient(90deg,#0000,#00e676,#0000)}.App.dark-mode .education h2:after,.education h2:after{border-radius:999px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:55%}.App.dark-mode .education h2:after{background:linear-gradient(90deg,#0000,#fff,#0000)}.education__tabs{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:0 0 2.5rem}.education__tabs .dir-btn,.education__tabs button{background:#0000;border:1.5px solid #00a84466;border-radius:50px;color:#1a2e1a;cursor:pointer;font-size:.95rem;font-weight:600;padding:.55rem 1.4rem;transition:all .3s ease;white-space:nowrap}.education__tabs .dir-btn.active,.education__tabs button.active{background:#00e676;border-color:#00e676;box-shadow:0 4px 16px #00e67659;color:#030805}.education__tabs .dir-btn:hover,.education__tabs button:hover{background:#00e6761a;border-color:#00e676;color:#00a844}.App.dark-mode .education__tabs .dir-btn,.App.dark-mode .education__tabs button{background:#0000!important;border-color:#00e67659!important;color:#c8e6c9!important}.App.dark-mode .education__tabs .dir-btn.active,.App.dark-mode .education__tabs button.active{background:#00e676!important;border-color:#00e676!important;color:#030805!important}.App.dark-mode .education__tabs .dir-btn:hover,.App.dark-mode .education__tabs button:hover{background:#00e6761a!important;border-color:#00e676!important;color:#030805!important}.App.dark-mode .education__tabs button:hover{background:#00e6761a;border-color:#00e676;color:#00e676}.education__cards{display:flex;flex-wrap:wrap;gap:1.8rem;justify-content:center}.education__card{align-items:flex-start;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:0 4px 20px #0000000f;display:flex;flex-direction:column;margin-bottom:1rem;max-width:680px;min-width:280px;padding:1.6rem 1.8rem;text-align:left;transition:var(--transition)}.education__card:hover{border-color:#00e67673;box-shadow:0 10px 32px #00e6761a;transform:translateY(-2px)}.App.dark-mode .education__card{background:var(--glass-bg-dark);border-color:var(--glass-border-dark);color:#e8f5e9}.App.dark-mode .education__card:hover{border-color:#00e67680;box-shadow:0 14px 40px #00e67621}.education__card-title-row{align-items:center;display:flex;gap:.7rem;margin-bottom:.7rem}.education__card-title-row h3{font-size:1.1rem;font-weight:700;margin:0}.education__section{margin:.6rem 0;width:100%}.education__section-title{align-items:center;color:#1a2e1a;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.App.dark-mode .education__section-title{color:#e8f5e9}.education__section-title:before{content:"📚"}.education__achievements-header .education__section-title:before{content:"🏆"}.education__achievements-list,.education__courses-list{list-style:none;margin:0;padding:0}.education__achievements-list li,.education__courses-list li{color:#3a5a3a;font-size:.9rem;line-height:1.5;margin-bottom:.3rem;padding-left:1.2rem;position:relative}.App.dark-mode .education__achievements-list li,.App.dark-mode .education__courses-list li{color:#a5d6a7}.education__courses-list li:before{color:#00a844;content:"▸";font-size:.85rem;left:0;position:absolute}.App.dark-mode .education__courses-list li:before{color:#00e676}.education__achievements-list li:before{color:#00a844;content:"✓";left:0;position:absolute}.certificate-btn{align-items:center;background:#030805;border:1.5px solid #00e67666;border-radius:50px;color:#00e676;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;height:34px;justify-content:center;padding:4px 16px;transition:all .3s ease}.certificate-btn:hover{background:#00e676;box-shadow:0 0 14px #00e67666;color:#030805;transform:translateY(-2px)}.experience-timeline{margin:2.5rem auto;max-width:860px;padding:0 1.5rem 0 0;position:relative}.timeline-item{display:flex;margin-bottom:2.5rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item:after{border-left:2px dashed #0682e7c9;bottom:-72px;content:"";left:30px;position:absolute;top:32px;width:0;z-index:1}.timeline-item:last-child:after{display:none}.timeline-marker{align-items:flex-start;display:flex;flex-shrink:0;justify-content:center;padding-top:1.5rem;width:60px}.marker-circle{background:#00e676;border:3px solid #030805;border-radius:50%;box-shadow:0 0 0 2px #00e6764d,0 0 12px #00e6764d;height:16px;width:16px;z-index:2}.App.dark-mode .marker-circle{background:#00e676;border-color:#060e06}.timeline-item:hover .marker-circle{box-shadow:0 0 0 3px #00e67680,0 0 20px #00e67680}.experience-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:0 4px 20px #0000000f;flex-grow:1;padding:1.5rem 2rem;text-align:left;transition:var(--transition)}.App.dark-mode .experience-card{background:var(--glass-bg-dark);border-color:var(--glass-border-dark)}.experience-card:hover{border-color:#00e67673;box-shadow:0 10px 32px #00e6761a;transform:translateY(-2px)}.App.dark-mode .experience-card:hover{border-color:#00e67680;box-shadow:0 14px 40px #00e67621}.exp-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.exp-header-left{flex-grow:1}.exp-date-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.7rem}.exp-calendar-icon{color:#00a844;font-size:.9rem}.App.dark-mode .exp-calendar-icon{color:#00e676}.exp-date-text{color:#00a844;font-size:.9rem;font-weight:600}.App.dark-mode .exp-date-text{color:#00e676}.exp-current-badge{align-items:center;background:#00e6761a;border:1px solid #00e6764d;border-radius:20px;color:#00a844;display:inline-flex;font-size:.75rem;font-weight:700;gap:5px;padding:2px 10px 2px 8px}.exp-current-badge:before{animation:blink-dot 1.2s ease-in-out infinite;background:#00e676;border-radius:50%;content:"";flex-shrink:0;height:8px;width:8px}.App.dark-mode .exp-current-badge{color:#00e676}@keyframes blink-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.exp-job-title{color:#1a2e1a;font-size:1.35rem;font-weight:800;margin:0 0 .4rem}.App.dark-mode .exp-job-title{color:#e8f5e9}.exp-company-name{color:#00a844;font-size:1rem;font-weight:600;margin:0 0 .4rem}.App.dark-mode .exp-company-name{color:#00e676}.exp-location-row{align-items:center;display:flex;gap:.4rem}.exp-location-icon,.exp-location-text{color:#6a8f6a;font-size:.88rem}.App.dark-mode .exp-location-text{color:#81c784}.exp-icon-circle{align-items:center;background:#030805;border:1.5px solid #00e6764d;border-radius:50%;display:flex;height:38px;justify-content:center;width:38px}.exp-right-icon{color:#00e676;font-size:1.2rem}.exp-divider-line{background:#00e6761f;border:none;height:1px;margin:.8rem 0}.exp-responsibilities-list{list-style:none;margin:0 0 1rem;padding:0}.exp-resp-item{color:#2a4a2a;font-size:.93rem;line-height:1.6;margin-bottom:.65rem;padding-left:1.4rem;position:relative}.App.dark-mode .exp-resp-item{color:#c8e6c9}.exp-resp-item:before{color:#00a844;content:"▸";font-size:.95rem;left:.1rem;line-height:1.5;position:absolute}.App.dark-mode .exp-resp-item:before{color:#00e676}.certificate-modal-overlay,.single-certificate-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000e0;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.certificate-modal-content,.single-certificate-modal-content{background:#0b150b;border:1px solid #00e67633;border-radius:20px;box-shadow:0 20px 60px #0009;max-height:90vh;max-width:960px;overflow-y:auto;padding:2rem;position:relative}.single-certificate-modal-content{max-width:580px}.certificate-modal-close{background:none;border:none;color:#66bb6a;cursor:pointer;font-size:1.6rem;position:absolute;right:1.2rem;top:1.2rem;transition:color .2s}.certificate-modal-close:hover{color:#00e676}.certificate-modal-title,.single-certificate-title{color:#00e676;font-size:1.5rem;font-weight:800;margin-bottom:1.5rem;padding-right:2rem;text-align:center}.single-certificate-subtitle{color:#81c784;font-style:italic;margin-bottom:1.5rem;text-align:center}.certificate-modal-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.certificate-item{align-items:center;background:#0f1f0f;border:1px solid #00e67626;border-radius:12px;display:flex;flex-direction:column;min-height:460px;padding:1.5rem;text-align:center}.certificate-item-title{color:#00e676;font-size:1.1rem;font-weight:700;margin-bottom:.4rem}.certificate-item-subtitle{color:#81c784;font-size:.88rem;font-style:italic;margin-bottom:1rem}.certificate-image-placeholder{align-items:center;border:1.5px dashed #00e67640;border-radius:8px;display:flex;flex:1 1;justify-content:center;min-height:320px;overflow:hidden;padding:1rem;position:relative;width:100%}.certificate-image{border:1px solid #00e67626;border-radius:6px;cursor:pointer;max-height:460px;max-width:100%;object-fit:contain;transition:transform .3s,box-shadow .3s}.certificate-image:hover{border-color:#00e67666;box-shadow:0 8px 24px #00e67633;transform:scale(1.03)}.single-certificate-image{border:1px solid #00e67633;border-radius:8px;cursor:pointer;max-height:45vh;max-width:100%;object-fit:contain;transition:transform .3s}.single-certificate-image:hover{transform:scale(1.02)}.single-certificate-container{align-items:center;background:#0f1f0f;border:1px solid #00e67626;border-radius:12px;display:flex;justify-content:center;min-height:280px;padding:1.5rem}.certificate-placeholder{align-items:center;color:#66bb6a;display:none;flex-direction:column;justify-content:center}.certificate-placeholder.show{display:flex}.coming-soon-text{color:#ff6b6b!important;font-size:1.8rem;font-weight:800;text-transform:uppercase}.learning-text{color:#ff8c8c!important;font-size:1rem}.certificate-contact-placeholder{align-items:center;background:#00e6760a;border:1.5px dashed #00e6764d;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center}.contact-icon{font-size:3rem;margin-bottom:1rem}.certificate-contact-placeholder h4{color:#00e676;font-size:1.1rem;margin-bottom:.4rem}.certificate-contact-placeholder p{color:#81c784;font-size:.92rem;margin-bottom:1.2rem}.contact-btn{background:#030805;border:1.5px solid #00e67666;border-radius:50px;color:#00e676;cursor:pointer;font-weight:700;padding:.55rem 1.4rem;transition:all .3s}.contact-btn:hover{background:#00e676;box-shadow:0 0 14px #00e67666;color:#030805}.fullscreen-overlay{align-items:center;background:#000000f5;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}.fullscreen-content{align-items:center;display:flex;flex-direction:column;max-height:95vh;max-width:95vw;position:relative}.fullscreen-close{background:none;border:none;color:#66bb6a;cursor:pointer;font-size:2.5rem;position:absolute;right:0;top:-3rem;transition:color .2s}.fullscreen-close:hover{color:#00e676}.fullscreen-image{border-radius:8px;max-height:85vh;max-width:100%;object-fit:contain}.fullscreen-caption{background:#0009;border-radius:20px;color:#e8f5e9;font-size:1rem;margin-top:.8rem;padding:.4rem 1rem;text-align:center}@media (max-width:1024px){.education__cards{align-items:center;flex-direction:column}.certificate-modal-grid{grid-template-columns:1fr}}@media (max-width:768px){.education{padding:3rem 1rem 2rem}.experience-timeline{margin:2rem auto}.experience-card{padding:1.2rem}.exp-job-title{font-size:1.15rem}.timeline-item:after{left:20px}.timeline-marker{width:40px}.certificate-modal-content{padding:1.5rem}}@media (max-width:480px){.education__tabs{gap:.4rem}.education__card{max-width:100%;min-width:0;padding:1rem .8rem;width:100%}}.skills{background:#0000;padding:4rem 2rem 3rem;text-align:center}.skills h2{color:#00a844;display:inline-block;font-size:2.2rem;font-weight:800;margin-bottom:2.5rem;position:relative}.App.dark-mode .skills h2{color:#fff}.skills h2:after{background:linear-gradient(90deg,#0000,#00e676,#0000)}.App.dark-mode .skills h2:after,.skills h2:after{border-radius:999px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.App.dark-mode .skills h2:after{background:linear-gradient(90deg,#0000,#fff,#0000)}.skills__tabs{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:0 0 20px;position:relative;z-index:3}.skills__tabs .dir-btn,.skills__tabs button{background:#0000;border:1.5px solid #00a84466;border-radius:50px;color:#1a2e1a;cursor:pointer;font-size:.95rem;font-weight:600;padding:.55rem 1.4rem;transition:all .3s ease;white-space:nowrap}.skills__tabs .dir-btn.active,.skills__tabs button.active{background:#00e676;border-color:#00e676;box-shadow:0 4px 16px #00e67659;color:#030805}.skills__tabs .dir-btn:hover,.skills__tabs button:hover{background:#00e6761f;border-color:#00e676;color:#00a844}.App.dark-mode .skills__tabs .dir-btn,.App.dark-mode .skills__tabs button{border-color:#00e6764d;color:#c8e6c9}.App.dark-mode .skills__tabs .dir-btn.active,.App.dark-mode .skills__tabs button.active{background:#00e676;color:#030805}.App.dark-mode .skills__tabs .dir-btn:hover,.App.dark-mode .skills__tabs button:hover{background:#00e6761a;border-color:#00e676;color:#00e676}.skills__tab-btn-wrap{align-items:center;display:inline-flex;flex-direction:column;position:relative}.tab__stem{left:50%;position:absolute;top:100%;transform:translateX(-50%);z-index:4}.skills__tab-connector,.tab__stem{border-left:2px dashed #00e676;height:20px;width:0}.skills__tab-connector{display:none;margin:0 auto;position:relative;z-index:2}.skills__tree-container{margin:0 auto;max-width:1200px;overflow-x:hidden;padding:0 .5rem 2rem;width:100%}.skills__tree{padding:0 1rem}.skills__tree,.tree__branches-wrapper{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.tree__single-connector-wrap{align-items:center;display:flex;height:32px;justify-content:center;margin-bottom:0;margin-top:-10px;max-width:100%;position:relative;width:420px;z-index:2}.tree__single-connector-svg{height:100%;overflow:visible;width:100%}.tree__categories{display:flex;gap:2rem;justify-content:center;max-width:1120px;position:relative;width:100%}.tree__category-branch{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:360px;position:relative}.tree__category-branch:before{border-top:2px dashed #00e676;content:"";height:0;position:absolute;top:0;z-index:1}.tree__category-branch:first-child:not(:only-child):before{left:50%;right:-2rem}.tree__category-branch:not(:first-child):not(:last-child):before{left:-2rem;right:-2rem}.tree__category-branch:last-child:not(:only-child):before{left:-2rem;right:50%}.tree__category-branch:only-child:before{content:none!important;display:none!important}.tree__cat-connector-top{border-left:2px dashed #00e676;border-left:2px dashed var(--cat-accent,#00e676);height:26px;position:relative;width:0;z-index:2}.tree__cat-connector-top:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--cat-accent,var(--green));bottom:0;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.tree__category-node{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--glass-bg);border:1.5px solid #00e67666;border:1.5px solid var(--cat-accent,#00e67666);border-radius:var(--card-radius);box-shadow:0 4px 20px #0000000f,0 0 12px #00e67614;display:flex;gap:1rem;max-width:320px;padding:1.1rem 1.4rem;position:relative;text-align:left;transition:var(--transition);width:100%;z-index:1}.tree__category-node:hover{border-color:#00e676;border-color:var(--cat-accent,#00e676);box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.App.dark-mode .tree__category-node{background:var(--glass-bg-dark);box-shadow:0 6px 24px #0006;color:#e8f5e9}.App.dark-mode .tree__category-node:hover{border-color:#00e676;border-color:var(--cat-accent,#00e676);box-shadow:0 8px 24px #0006}.tree__cat-icon-box{align-items:center;background:#00e6761f;border:1px solid #00e6764d;border:1px solid var(--cat-accent,#00e6764d);border-radius:12px;box-shadow:0 2px 10px #00000014;color:#00e676;color:var(--cat-accent,#00e676);display:flex;flex-shrink:0;font-size:1.35rem;height:44px;justify-content:center;transition:var(--transition);width:44px}.tree__category-node:hover .tree__cat-icon-box{background:#00e676;background:var(--cat-accent,#00e676);color:#030805;transform:scale(1.08) rotate(3deg)}.tree__cat-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.tree__cat-title{color:#1a2e1a;font-size:1.05rem;font-weight:700;margin:0;white-space:nowrap}.App.dark-mode .tree__cat-title{color:#fff}.tree__cat-connector-bottom{border-left:2px dashed #00e676;border-left:2px dashed var(--cat-accent,#00e676);height:24px;position:relative;width:0}.tree__skills-subbranch{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.tree__skills-leaves{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;padding:0 .5rem;width:100%}.tree__skill-item{align-items:center;display:flex;flex-direction:column}.tree__skill-node{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 2px 10px #0000000a;color:#1a2e1a;cursor:default;display:inline-flex;font-size:.88rem;font-weight:600;gap:.55rem;padding:.55rem .85rem;transition:var(--transition);-webkit-user-select:none;user-select:none}.App.dark-mode .tree__skill-node{background:var(--glass-bg-dark);border-color:var(--glass-border-dark);box-shadow:0 4px 14px #00000059;color:#e8f5e9}.tree__skill-node:hover{border-color:#00e676;border-color:var(--tech-color,#00e676);box-shadow:0 4px 14px #00000014;transform:translateY(-2px)}.App.dark-mode .tree__skill-node:hover{border-color:#00e676;border-color:var(--tech-color,#00e676);box-shadow:0 6px 18px #0006}.tree__skill-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:1.15rem;justify-content:center;transition:transform .25s ease}.tree__skill-node:hover .tree__skill-icon{transform:scale(1.18)}.tree__skill-name{white-space:nowrap}.express-icon{color:#111827}.App.dark-mode .express-icon{color:#f3f4f6}.skills__soft-grid{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin:2.5rem auto 2rem;max-width:1200px;padding:0 1rem}.skills__soft-card{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 20px #0000000a;display:flex;flex:0 1 auto;gap:1rem;min-width:210px;padding:1.1rem 1.4rem;transition:var(--transition)}.App.dark-mode .skills__soft-card{background:var(--glass-bg-dark);border-color:var(--glass-border-dark);box-shadow:0 6px 20px #00000059}.skills__soft-card:hover{border-color:#00e676;box-shadow:0 8px 24px #00000014;transform:translateY(-3px)}.App.dark-mode .skills__soft-card:hover{border-color:#00e676;box-shadow:0 8px 24px #00e67640}.skills__soft-icon-circle{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1.35rem;height:48px;justify-content:center;width:48px}.skills__soft-name{color:#1a2e1a;font-size:1rem;font-weight:700;line-height:1.3;white-space:nowrap}.App.dark-mode .skills__soft-name{color:#f3f4f6}@media (max-width:900px){.skills__tab-connector,.tab__stem,.tree__cat-connector-bottom,.tree__cat-connector-top,.tree__category-branch .tree__skills-subbranch:after,.tree__category-branch:before{display:none!important}.skills__tree-container{padding:1.5rem 1rem 2rem}.skills__tree{padding:0}.tree__categories{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:1000px;width:100%}.tree__category-branch{align-items:flex-start;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 4px 20px #0000000a;flex:1 1 260px;max-width:320px;min-width:240px;padding:1.6rem 2rem;transition:var(--transition);width:-webkit-fit-content;width:fit-content}.App.dark-mode .tree__category-branch{background:var(--glass-bg-dark);border-color:var(--glass-border-dark);box-shadow:0 6px 20px #00000059}.tree__category-branch:hover{border-color:#00e676;box-shadow:0 8px 28px #00e6761f;transform:translateY(-2px)}.tree__category-node{align-items:center;background:#0000!important;border:none!important;border-bottom:1px dashed #00e67666!important;border-radius:0;box-shadow:none!important;display:flex;gap:.75rem;margin-bottom:1rem;max-width:100%;padding:0 0 .9rem!important;width:100%}.tree__category-node:hover{transform:none}.tree__cat-icon-box{background:#0000!important;border:none!important;box-shadow:none!important;color:#00e676;font-size:1.4rem;height:auto;padding:0;width:auto}.tree__category-node:hover .tree__cat-icon-box{background:#0000!important;color:#00e676;transform:none}.tree__cat-title{color:#1a2e1a;font-size:1.1rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.App.dark-mode .tree__cat-title{color:#f3f4f6}.tree__skills-leaves,.tree__skills-subbranch{align-items:flex-start;width:100%}.tree__skills-leaves{display:flex;flex-direction:column;gap:.9rem;padding:0}.tree__skill-item{width:100%}.tree__skill-item,.tree__skill-node{align-items:center;display:flex;flex-direction:row}.tree__skill-node{background:#0000!important;border:none!important;border-radius:0;box-shadow:none!important;cursor:default;gap:.6rem;padding:0!important}.tree__skill-node:hover{border:none;box-shadow:none;transform:none}.tree__skill-icon{align-items:center;display:flex;font-size:1.2rem;line-height:1}.tree__skill-name{color:#1a2e1a;color:var(--tech-color,#1a2e1a);font-size:.95rem;font-weight:600;white-space:nowrap}}@media (max-width:600px){.skills{padding:3rem .8rem 2rem}.tree__categories{align-items:center;flex-direction:column;gap:1.2rem}.tree__category-branch{max-width:100%;min-width:0;min-width:auto;width:100%}.skills__soft-grid{gap:.9rem}.skills__soft-card{min-width:100%}}.skills__tools-container{display:flex;justify-content:center;margin:2.5rem auto 2rem;max-width:1200px;padding:0 1rem}.skills__tools-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 4px 20px #0000000a;min-width:220px;padding:1.6rem 2rem;transition:var(--transition);width:-webkit-fit-content;width:fit-content}.App.dark-mode .skills__tools-card{background:var(--glass-bg-dark);border-color:var(--glass-border-dark);box-shadow:0 6px 20px #00000059}.skills__tools-card:hover{border-color:#00e676;box-shadow:0 8px 28px #00e6761f;transform:translateY(-2px)}.skills__tools-header{align-items:center;border-bottom:1px dashed #00e67666;display:flex;gap:.75rem;margin-bottom:1.2rem;padding-bottom:.9rem}.skills__tools-header-icon{color:#00e676;flex-shrink:0;font-size:1.4rem}.skills__tools-title{color:#1a2e1a;font-size:1.1rem;font-weight:700;letter-spacing:.01em}.App.dark-mode .skills__tools-title{color:#f3f4f6}.skills__tools-items{align-items:flex-start;display:flex;flex-direction:column;gap:.9rem}.skills__tool-item{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:.5rem}.skills__tool-icon{align-items:center;display:flex;font-size:1.2rem;line-height:1}.skills__tool-name{font-size:.9rem;font-weight:600;white-space:nowrap}@media (max-width:560px){.skills__tools-card{min-width:0;min-width:auto}.skills__tools-items{flex-wrap:wrap;gap:1rem}}.projects{background:#0000;padding:4rem 2rem 3rem;text-align:center}.projects h2{color:#00a844;display:inline-block;font-size:2.2rem;font-weight:800;margin-bottom:2.5rem;position:relative}.App.dark-mode .projects h2{color:#fff}.projects h2:after{background:linear-gradient(90deg,#0000,#00e676,#0000)}.App.dark-mode .projects h2:after,.projects h2:after{border-radius:999px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:55%}.App.dark-mode .projects h2:after{background:linear-gradient(90deg,#0000,#fff,#0000)}.projects__filters{display:none!important}.projects__cards{align-items:stretch;display:flex;flex-wrap:wrap;gap:1.8rem;justify-content:center}.projects__card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:0 4px 20px #0000000f;display:flex;flex-direction:column;justify-content:space-between;max-width:420px;min-height:300px;min-width:280px;overflow:hidden;padding:1.4rem 1.6rem;position:relative;text-align:left;transition:var(--transition)}.projects__card:before{border-radius:4px 0 0 4px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.projects__card:hover:before{opacity:1}.projects__card:hover{border-color:#00e67673;box-shadow:0 12px 36px #00e6761f;transform:translateY(-3px)}.App.dark-mode .projects__card{background:var(--glass-bg-dark);border-color:var(--glass-border-dark);color:#e8f5e9}.App.dark-mode .projects__card:hover{border-color:#00e67680;box-shadow:0 14px 42px #00e67626}.projects__card p{color:#3a5a3a;font-size:.95rem;line-height:1.65;margin:.6rem 0}.App.dark-mode .projects__card p{color:#a5d6a7}.projects__card-title-row{align-items:center;display:flex;gap:.7rem;margin-bottom:.6rem}.projects__card-title-row h3{color:#1a2e1a;font-size:1.05rem;font-weight:700;margin:0}.App.dark-mode .projects__card-title-row h3{color:#e8f5e9}.projects__gallery{border:1px solid #00e6761a;border-radius:10px;margin:.6rem 0 .9rem;overflow:hidden;position:relative;width:100%}.projects__gallery-track{align-items:stretch;animation:projects-marquee 22s linear infinite;display:inline-flex;gap:8px}.projects__gallery:hover .projects__gallery-track{animation-play-state:paused}.projects__gallery-item{background:#00e6760d;border-radius:8px;cursor:pointer;flex:0 0 auto;height:140px;overflow:hidden;width:220px}.projects__gallery-item img{height:100%;object-fit:cover;transition:transform .25s ease;width:100%}.projects__gallery-item:hover img{transform:scale(1.06)}@keyframes projects-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.projects__tech{align-items:center;background:#030805d9;border-radius:10px;display:flex;flex-wrap:wrap;gap:.5rem;inset:0;justify-content:center;opacity:0;padding:.8rem;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:20}.projects__card:hover .projects__tech{opacity:1;pointer-events:auto}.tech-tag{align-items:center;background:#00e6761f;border:1px solid #00e6764d;border-radius:20px;display:flex;font-size:.82rem;gap:.35rem;padding:.3rem .7rem;white-space:nowrap}.tech-name,.tech-tag{color:#00e676;font-weight:600}.projects__links{border-top:1px solid #00e67614;justify-content:space-between;margin-top:auto;padding-top:.8rem;width:100%}.github-link,.projects__links{align-items:center;display:flex}.github-link{background:#030805;border:1.5px solid #00e6764d;border-radius:50%;color:#00e676!important;font-size:1.2rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.github-link:hover{background:#00e676;border-color:#00e676;box-shadow:0 0 16px #00e67666;color:#030805!important;transform:scale(1.08)}.demo-btn{align-items:center;background:#030805;border:1.5px solid #00e67666;border-radius:50px;color:#00e676;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;height:32px;justify-content:center;padding:4px 16px;transition:all .3s ease}.demo-btn:hover{background:#00e676;border-color:#00e676;box-shadow:0 0 14px #00e67666;color:#030805;transform:translateY(-2px)}.video-btn{align-items:center;background:#030805;border:1.5px solid #00bcd466;border-radius:50px;color:#00bcd4;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;height:32px;justify-content:center;margin:0 .4rem;padding:4px 16px;transition:all .3s ease}.video-btn:hover{background:#00bcd4;border-color:#00bcd4;box-shadow:0 0 14px #00bcd466;color:#030805;transform:translateY(-2px)}.demo-btn-project{align-items:center;background:#00e6761a;border:1.5px solid #00e6764d;border-radius:50px;color:#00a844;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;height:36px;justify-content:center;padding:6px 18px;transition:all .3s ease}.App.dark-mode .demo-btn-project{color:#00e676}.demo-btn-project:hover{background:#00e676;box-shadow:0 0 14px #00e67659;color:#030805;transform:translateY(-2px)}.demo-btn-contact-me{background:#030805;border:1.5px solid #00e67666;border-radius:50px;color:#00e676;cursor:pointer;font-size:.9rem;font-weight:600;padding:.7rem 1.2rem;transition:all .3s ease}.demo-btn-contact-me:hover{background:#00e676;box-shadow:0 0 16px #00e67666;color:#030805}.projects__show-more{display:flex;justify-content:center;margin-top:2rem}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-content,.modal-overlay{align-items:center;display:flex}.modal-content{background:#0b150b;border:1px solid #00e67633;border-radius:16px;box-shadow:0 20px 60px #0009,0 0 0 1px #00e6761a;flex-direction:column;max-height:95vh;max-width:95vw;min-width:400px;overflow:hidden;padding:2rem;position:relative}.modal-title{color:#00e676;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;text-align:center}.modal-close{background:none;border:none;color:#a5d6a7;cursor:pointer;font-size:1.8rem;position:absolute;right:1rem;top:1rem;transition:color .2s}.modal-close:hover{color:#00e676}.modal-screenshot{border-radius:10px;box-shadow:0 4px 24px #0006;max-height:80vh;max-width:95vw;object-fit:contain}.modal-screenshot.slide-in{animation:slideRightToLeft .4s ease-out forwards}@keyframes slideRightToLeft{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.modal-counter{color:#66bb6a;font-size:.95rem;margin-top:.8rem}.modal-nav-left,.modal-nav-right{align-items:center;background:#030805;border:1.5px solid #00e6764d;border-radius:50%;color:#00e676;cursor:pointer;display:flex;font-size:1.3rem;height:2.8rem;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:2.8rem;z-index:10}.modal-nav-left{left:-1.4rem}.modal-nav-right{right:-1.4rem}.modal-nav-left:hover,.modal-nav-right:hover{background:#00e676;box-shadow:0 0 14px #00e67666;color:#030805}.modal-screenshot-container{flex:1 1;margin:1rem 0;min-height:0;position:relative;width:100%}.modal-cta-overlay,.modal-screenshot-container{align-items:center;display:flex;justify-content:center}.modal-cta-overlay{inset:0;pointer-events:none;position:absolute}.modal-cta-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030805e6;border:1px solid #00e67640;border-radius:12px;color:#e8f5e9;display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.25rem;pointer-events:auto;text-align:center}.modal-cta-title{color:#a5d6a7;font-size:.95rem;font-weight:700}.video-modal-content{align-items:center;aspect-ratio:16/9;background:#000;display:flex;justify-content:center;max-width:1000px;padding:0;width:90vw}.video-container{height:100%;position:relative;width:100%}.video-container iframe{border-radius:12px;height:100%;left:0;position:absolute;top:0;width:100%}.card-icon-circle{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0003;display:flex;height:38px;justify-content:center;width:38px}.card-icon-circle img{filter:invert(1);height:20px;width:20px}@media (min-width:768px){.projects__gallery-item{height:160px;width:260px}}@media (min-width:1024px){.projects__card{max-width:560px}.projects__gallery-item{height:175px;width:300px}}@media (max-width:1024px){.projects__cards{align-items:center;flex-direction:column}}@media (max-width:480px){.projects{padding:3rem .8rem 2rem}.projects__card{max-width:100%;min-width:0;padding:1rem .8rem;width:100%}.modal-content{min-width:0;padding:1.2rem;width:95vw}}.services-section{background:#0000;padding:4rem 0 3rem;position:relative}.services-header-top{margin-bottom:2.5rem;text-align:center}.services-title{color:#232725;display:inline-block;font-size:2.2rem;font-weight:800;padding-bottom:.5rem;position:relative}.services-title-accent{color:#00a844}.services-title:after{background:linear-gradient(90deg,#0000,#03cb6a,#0000)}.App.dark-mode .services-title:after,.services-title:after{border-radius:999px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.App.dark-mode .services-title:after{background:linear-gradient(90deg,#0000,#fff,#0000)}.App.dark-mode .services-title{color:#fff}.App.dark-mode .services-title-accent{color:#06b661}.services-container{align-items:flex-start;display:flex;gap:2.5rem;margin:0 auto;max-width:1200px;padding:0 2rem}.services-right{flex:0 0 34%;position:-webkit-sticky;position:sticky;top:90px}.services-image-wrap{border:1px solid #00e6762e;border-radius:18px;box-shadow:0 8px 36px #0003;overflow:hidden;position:relative;width:100%}.services-image{border-radius:18px;display:block;height:auto;object-fit:cover;transition:transform .4s ease;width:100%}.services-image-wrap:hover .services-image{transform:scale(1.03)}.services-image-overlay{background:linear-gradient(180deg,#0000 55%,#03080580);border-radius:18px;inset:0;pointer-events:none;position:absolute}.services-left{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;min-width:0}.services-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.service-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;cursor:default;overflow:hidden;padding:1.2rem 1.3rem;position:relative;transition:var(--transition)}.service-card:after{content:"";height:2px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .35s ease;width:100%}.service-card:hover:after{transform:scaleX(1)}.App.dark-mode .service-card{background:#081208cc;border-color:#00e67624}.App:not(.dark-mode) .service-card:hover{border-color:#00e67666;box-shadow:0 8px 28px #00e6761a;transform:translateY(-2px)}.App.dark-mode .service-card:hover{border-color:#00e67673;box-shadow:0 10px 32px #00e6761f;transform:translateY(-2px)}.service-card-body{align-items:center;display:flex;gap:.8rem;justify-content:space-between}.service-card-text{flex:1 1;min-width:0}.service-card-title{color:#1a2e1a;font-size:.95rem;font-weight:700;line-height:1.3;margin:0 0 .3rem}.App.dark-mode .service-card-title{color:#fff}.service-card-desc{color:#4a6a4a;font-size:.82rem;line-height:1.5;margin:0}.App.dark-mode .service-card-desc{color:#a5d6a7}.service-card-icon-wrap{align-items:center;background:#030805;border:1.5px solid #00e67659;border-radius:50%;box-shadow:0 0 10px #00e6761a;color:#00e676;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.service-card:hover .service-card-icon-wrap{background:#00e676;box-shadow:0 0 18px #00e67666;color:#030805}@media (max-width:1024px){.services-container{gap:2rem}.services-right{flex:0 0 32%}}@media (max-width:900px){.services-container{flex-direction:column;padding:0 1.5rem}.services-right{margin:0 auto;max-width:320px;position:static}.services-left,.services-right{flex:none;width:100%}.services-cards-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.services-section{padding:3rem 0 2rem}.services-container{gap:1.5rem;padding:0 1rem}.services-right{display:none}.services-cards-grid{grid-template-columns:1fr}}@media (max-width:480px){.services-right{display:none}}.contact{background:#0000;overflow:hidden;padding:4rem 2rem 3rem;position:relative;text-align:center}.contact__header{margin-bottom:2.5rem}.contact h2{color:#04180e}.App.dark-mode .contact h2,.contact h2{display:inline-block;font-size:2.2rem;font-weight:800;margin-bottom:.4rem}.App.dark-mode .contact h2{color:#fff}.contact h2 span{color:#00a844}.contact h3{color:#81c784;font-size:1rem;font-weight:400}.App:not(.dark-mode) .contact h3{color:#3a5a3a}.contact__container{grid-gap:2rem;align-items:flex-start;display:grid;gap:2rem;grid-template-columns:.85fr 1.15fr;margin:0 auto;max-width:1100px}.contact__info-side{display:flex;flex-direction:column;gap:1.2rem;margin-top:1rem}.info-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#081208e6;border:1px solid #00e67633;border-radius:18px;box-shadow:0 4px 24px #00000059;padding:1.4rem 1.6rem;text-align:left;transition:border-color .3s ease,box-shadow .3s ease}.App:not(.dark-mode) .info-card{background:#ffffffd9;border-color:#00a84440;box-shadow:0 4px 24px #00000014}.info-card:hover{border-color:#00e67673;box-shadow:0 8px 32px #00e6761f}.info-card__header{align-items:center;display:flex;gap:.9rem;margin-bottom:1.2rem}.info-card__header h3{color:#e8f5e9;font-size:1.1rem;font-weight:700;margin:0}.App:not(.dark-mode) .info-card__header h3{color:#1a2e1a}.info-card__header-icon{align-items:center;background:#00e676;border-radius:50%;box-shadow:0 4px 12px #00e6764d;color:#030805;display:flex;font-size:1.15rem;height:42px;justify-content:center;width:42px}.purple-bg{background:#00e676!important}.green-bg,.purple-bg{color:#030805!important}.green-bg{background:#00bcd4!important}.info-card__items{display:flex;flex-direction:column;gap:.8rem}.info-card__link{border-radius:12px;color:inherit;display:block;padding:.2rem;text-decoration:none;transition:background .2s ease,transform .2s ease}.info-card__link:hover{background:#00e67614;transform:translateX(5px)}.info-card__item{align-items:center;display:flex;gap:.9rem;padding:.4rem}.info-card__item-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.phone-bg{background:#00e67626!important;color:#00e676!important}.gmail-bg{background:#ea433526!important;color:#ea4335!important}.location-bg{background:#00bcd426!important;color:#00bcd4!important}.info-card__item-text{display:flex;flex-direction:column}.info-card__content{color:#a5d6a7;font-size:.93rem;font-weight:500;margin:0}.App:not(.dark-mode) .info-card__content{color:#2a4a2a}.contact__form-wrapper{width:100%}.contact__form{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#081208e6;border:1px solid #00e67633;border-radius:20px;box-shadow:0 8px 36px #0006;display:flex;flex-direction:column;gap:1.4rem;padding:2rem;width:100%}.App:not(.dark-mode) .contact__form{background:#ffffffe0;border-color:#00a84440;box-shadow:0 8px 36px #00000014}.input-group{position:relative;width:100%}.contact__form input,.contact__form textarea{background:#027e0245;border:1px solid #1a3c2c40;border-radius:10px;box-sizing:border-box;color:#e8f5e9;font-size:1rem;outline:none;padding:.85rem 1.1rem;transition:border .2s,box-shadow .2s;width:100%}.App:not(.dark-mode) .contact__form input,.App:not(.dark-mode) .contact__form textarea{background:#fff;border-color:#00a8444d;color:#1a2e1a}.contact__form input::placeholder,.contact__form textarea::placeholder{color:#a5d6a78c}.App:not(.dark-mode) .contact__form input::placeholder,.App:not(.dark-mode) .contact__form textarea::placeholder{color:#1a2e1a66}.contact__form input:focus,.contact__form textarea:focus{border-color:#00e676;box-shadow:0 0 0 3px #00e6761f}.contact__form button[type=submit]{background:#00e676!important;border:none!important;border-radius:50px!important;box-shadow:0 4px 18px #00e6764d!important;color:#030805!important;cursor:pointer!important;font-size:1rem!important;font-weight:700!important;padding:.85rem 1.5rem!important;transition:all .3s ease!important}.contact__form button[type=submit]:hover:not(:disabled){background:#00c853!important;box-shadow:0 6px 24px #00e67673!important;transform:translateY(-1px)!important}.contact__form button[type=submit]:disabled{background:#00e67659!important;cursor:not-allowed!important}.contact__form .error{animation:fadeIn .2s ease-in-out;color:#ff6b6b;font-size:.82rem;left:.2rem;pointer-events:none;position:absolute;top:-1.3rem;white-space:nowrap}.contact__form .success{color:#00e676;font-size:.95rem;font-weight:600;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.contact__container{grid-template-columns:1fr;max-width:700px;padding:0 1.5rem}.contact__info-side{flex-direction:row;flex-wrap:wrap;justify-content:center}.info-card{flex:1 1;min-width:280px}}@media (max-width:768px){.contact{padding:3rem 1rem 2rem}.contact__info-side{flex-direction:column}.info-card{min-width:0}}@media (max-width:480px){.contact{padding:2.5rem .5rem 2rem}.contact__form,.info-card{padding:1.2rem}}.footer{background:#030805!important;border-top:1px solid #00e67626;color:#c8e6c9;font-size:1rem;padding:1.5rem 0;text-align:center;width:100%;z-index:500}.footer__content{margin:0 auto;max-width:1200px;padding:0 2rem}.footer__copyright{color:#66bb6a;font-size:.9rem;font-weight:500;margin:0}.footer__social-link{align-items:center;border-radius:50%;color:#fff!important;display:flex;flex-shrink:0;font-size:.95rem;height:34px;justify-content:center;position:relative;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease;width:34px}.footer__social-link:hover{transform:translateY(-2px) scale(1.12)}.footer__social-label{background:#0b1f0b;border:1px solid #00e67633;border-radius:50px;color:#c8e6c9;font-size:.76rem;font-weight:600;left:calc(100% + 2px);opacity:0;padding:.25rem .55rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s;visibility:hidden;white-space:nowrap;z-index:10}.footer__social-link:hover .footer__social-label{opacity:1;visibility:visible}.footer__social-link:first-child{background:#0077b5}.footer__social-link:first-child:hover{box-shadow:0 0 14px #0077b599}.footer__social-link:nth-child(2){background:#24292e;border:1px solid #ffffff1f}.footer__social-link:nth-child(2):hover{box-shadow:0 0 14px #c8c8c84d}.footer__social-link:nth-child(3){background:#1da1f2}.footer__social-link:nth-child(3):hover{box-shadow:0 0 14px #1da1f299}.footer__social-link:nth-child(4){background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.footer__social-link:nth-child(4):hover{box-shadow:0 0 14px #dc274399}.footer__social-link:nth-child(5){background:#08c}.footer__social-link:nth-child(5):hover{box-shadow:0 0 14px #08c9}@media (min-width:769px){.footer__social{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030805e6;border:1px solid #00e67638;border-radius:999px;box-shadow:0 4px 28px #0000008c,0 0 0 1px #00e6760f;display:flex!important;flex-direction:column;gap:0;justify-content:center;left:12px;margin:0;padding:.65rem .42rem;position:fixed;top:50%;transform:translateY(-50%);z-index:900}.footer__social-icons{display:flex;flex-direction:column;gap:.5rem}}.mobile-social-bar{display:none;position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:900}.mobile-social-icons{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030805eb;border:1px solid #00e67638;border-radius:18px;box-shadow:0 8px 30px #0000008c;display:flex;flex-direction:column;gap:7px;padding:9px 5px}.mobile-social-link{align-items:center;border-radius:8px;color:#fff!important;display:flex;flex-shrink:0;font-size:.88rem;height:30px;justify-content:center;text-decoration:none;transition:transform .25s ease;width:30px}.mobile-social-link:hover{transform:scale(1.15)}.mobile-social-link:first-child{background:#0077b5}.mobile-social-link:nth-child(2){background:#24292e}.mobile-social-link:nth-child(3){background:#1da1f2}.mobile-social-link:nth-child(4){background:linear-gradient(45deg,#f09433,#dc2743,#bc1888)}.mobile-social-link:nth-child(5){background:#08c}@media (max-width:768px){.mobile-social-bar{display:block}.footer__social{display:none!important}.footer{font-size:.88rem;padding:1.2rem 0}}@media (max-width:480px){.mobile-social-bar{right:6px}.mobile-social-link{font-size:.8rem;height:26px;width:26px}.mobile-social-icons{gap:5px;padding:7px 4px}}@media (min-width:1024px){.footer{padding:2rem 0}}:root{--green:#00e676;--green-dim:#00c853;--green-dark:#00a844;--green-glow:#00e67638;--black-deep:#030805;--black-card:#0b150b;--black-card2:#0f1f0f;--glass-bg:#f0fff0bf;--glass-bg-dark:#081208bf;--glass-border:#00e67624;--glass-border-dark:#00e6762e;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--mesh-light:#f0f8f0;--mesh-dark:#030805;--primary:#00e676;--accent:#00bcd4;--primary-glow:#00e67647;--card-radius:16px}.App{background:#f0f8f0;background:var(--mesh-light);color:#1a2e1a;min-height:100vh;overflow:clip;position:relative;transition:background .5s ease}main{padding-bottom:0;transition:background .3s,color .3s}.App:after,.App:before{border-radius:999px;content:"";filter:blur(100px);pointer-events:none;position:fixed;z-index:0}.App:before{background:radial-gradient(circle,#00e6762e 0,#0000 70%);height:28rem;left:-10rem;top:8rem;width:28rem}.App:after{background:radial-gradient(circle,#00bcd424 0,#0000 70%);bottom:10rem;height:22rem;right:-8rem;width:22rem}.scroll-section{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.scroll-section.animate-in{opacity:1;transform:translateY(0)}.about__card,.contact__card,.contact__form,.education__card,.projects__card,.skills__category,.skills__soft-card,.skills__tool-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#f0fff0bf;background:var(--glass-bg);border:1px solid #00e67624;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--card-radius);box-shadow:0 4px 24px #0000000f;color:#1a2e1a;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.App:not(.dark-mode) .about__card:hover,.App:not(.dark-mode) .education__card:hover,.App:not(.dark-mode) .experience-card:hover,.App:not(.dark-mode) .projects__card:hover,.App:not(.dark-mode) .service-card:hover,.App:not(.dark-mode) .skills__category:hover,.App:not(.dark-mode) .skills__soft-card:hover,.App:not(.dark-mode) .skills__tool-card:hover{border-color:#00e67673;box-shadow:0 8px 30px #00e67624,0 0 0 1px #00e67633;transform:translateY(-2px)}.App.dark-mode{background:#030805;background:var(--mesh-dark);color:#e8f5e9}.App.dark-mode main{background:#030805!important;color:#e8f5e9}.App.dark-mode .about,.App.dark-mode .contact,.App.dark-mode .education,.App.dark-mode .hero,.App.dark-mode .projects,.App.dark-mode .skills{background:#0000!important}.App.dark-mode .about__card,.App.dark-mode .contact__card,.App.dark-mode .contact__form,.App.dark-mode .education__card,.App.dark-mode .projects__card,.App.dark-mode .skills__category,.App.dark-mode .skills__soft-card,.App.dark-mode .skills__tool-card{background:#081208bf;background:var(--glass-bg-dark);border:1px solid #00e6762e;border:1px solid var(--glass-border-dark);box-shadow:0 6px 28px #0006;color:#e8f5e9}.App.dark-mode .about__card:hover,.App.dark-mode .education__card:hover,.App.dark-mode .experience-card:hover,.App.dark-mode .projects__card:hover,.App.dark-mode .service-card:hover,.App.dark-mode .skills__category:hover,.App.dark-mode .skills__soft-card:hover,.App.dark-mode .skills__tool-card:hover{border-color:#00e67680;box-shadow:0 16px 40px #00e6761f,0 0 0 1px #00e67638;transform:translateY(-3px)}.btn-primary{background:#00e676;background:var(--green);border:none;color:#030805;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary:hover{background:#00c853;background:var(--green-dim)}.btn-outline{background:#0000;border:1.5px solid #00e676;border:1.5px solid var(--green);color:#00e676;color:var(--green);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-outline:hover{background:#00e67638;background:var(--green-glow)}.App.dark-mode .btn-primary{background:#00e676;background:var(--green);color:#030805}.App.dark-mode .btn-primary:hover{background:#00c853;background:var(--green-dim)}.App.dark-mode .btn-outline{border-color:#00e676;border-color:var(--green);color:#00e676;color:var(--green)}.App.dark-mode .btn-outline:hover{background:#00e6761a}.App.dark-mode .navbar{background:#030805eb;border-bottom:1px solid #00e6761f}.App.dark-mode .navbar__links li a{color:#c8e6c9}.App.dark-mode .navbar__links li a.active,.App.dark-mode .navbar__links li a:hover{color:#00e676;color:var(--green)}.App.dark-mode .footer,.App:not(.dark-mode) .footer{background:#030805!important;border-top:1px solid #00e6761f;color:#c8e6c9}*,.App,body,button,h1,h2,h3,h4,h5,h6,input,p,span,textarea{font-family:Inter,Arial,Helvetica,sans-serif}*{transition:background .3s,color .3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}html{scroll-behavior:smooth}.hero .card-icon-circle{animation:icon-spin 2s linear infinite}.card-icon-circle:hover,.skill-icon-circle:hover{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.scroll-section{transition:none}.card-icon-circle,.skill-icon-circle{animation:none!important}}@media (max-width:480px){main{padding-bottom:0}}
/*# sourceMappingURL=main.88a184b4.css.map*/