/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600&display=swap");.icon{height:36px;width:36px;display:flex;border-radius:8px;overflow:hidden}.icon img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.logo{display:flex;align-items:center;gap:12px}.software-title{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:500;margin:0;letter-spacing:-.01em;color:hsla(0,0%,100%,.95)}.transparent-header{position:fixed;top:0;left:0;right:0;font-family:Inter,-apple-system,sans-serif;padding:1rem 2rem;color:#fff;z-index:1000;transition:all .3s ease;background-color:transparent}.transparent-header.scrolled{background-color:rgba(0,0,0,.85);backdrop-filter:blur(12px);border-bottom:1px solid hsla(0,0%,100%,.08)}.transparent-header-nav{display:none;position:relative;width:100%;max-width:1400px;margin:0 auto}.transparent-header-nav ul{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}.transparent-header-nav li{font-size:.95rem;font-weight:500;padding:.5rem 1rem;margin:0;border-radius:8px;transition:all .2s ease;color:hsla(0,0%,100%,.8);cursor:pointer;letter-spacing:-.01em}.transparent-header-nav li:hover{color:#fff;background-color:hsla(0,0%,100%,.08)}.transparent-header-nav a{text-decoration:none;color:inherit}.sidebar-icon{display:flex;justify-content:space-between;align-items:center;width:100%}.sidebar-toggle{padding:.5rem;cursor:pointer;z-index:10000;display:flex;flex-direction:column;gap:5px;border-radius:8px;transition:background-color .2s ease}.sidebar-toggle:hover{background-color:hsla(0,0%,100%,.08)}.sidebar-toggle span{display:block;width:24px;height:2px;background-color:hsla(0,0%,100%,.9);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:2px}.sidebar-toggle.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.sidebar-toggle.open span:nth-child(2){opacity:0;transform:translateX(-10px)}.sidebar-toggle.open span:last-child{transform:rotate(-45deg) translate(6px,-6px)}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background:hsla(0,0%,5%,.98);backdrop-filter:blur(20px);transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:9999;padding-top:80px;border-right:1px solid hsla(0,0%,100%,.08)}.sidebar.open{transform:translateX(0)}.sidebar ul{list-style:none;padding:0 1rem;margin:0;display:flex;flex-direction:column;gap:.25rem}.sidebar li{font-size:1rem;font-weight:500;padding:.875rem 1rem;border-radius:10px;transition:all .2s ease;color:hsla(0,0%,100%,.8);letter-spacing:-.01em}.sidebar li:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.sidebar a{text-decoration:none;color:inherit;display:block}@media (min-width:1000px){.sidebar-toggle{display:none}.transparent-header-nav{display:flex;justify-content:space-between;align-items:center}}@media (max-width:999px){.transparent-header{padding:1rem 1.5rem}.sidebar{width:260px}}@media (max-width:480px){.transparent-header{padding:.875rem 1rem}.software-title{font-size:.9rem}.icon{height:32px;width:32px}.sidebar{width:75vw;max-width:300px}}.hero-section:before{display:none;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(124,189,230,.08) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,189,230,.06) 0,transparent 50%),radial-gradient(circle at 40% 20%,hsla(0,0%,100%,.02) 0,transparent 50%);pointer-events:none}.wrapper{z-index:1;gap:1.5rem;max-width:1200px}.typing-demo{font-size:clamp(2.5rem,10vw,6rem);line-height:1.1;animation:typing 2s steps(16) forwards,blink .75s step-end infinite;margin:0}.typing-demo.visible{animation:typing 2s steps(16) forwards,blink .75s step-end 3}.typing-demo-2{transition:opacity 1s ease-in-out 2s;margin:0}.arrow{bottom:3rem;transform:translateX(-50%);width:20px;height:20px;border-right:2px solid hsla(0,0%,100%,.4);border-bottom:2px solid hsla(0,0%,100%,.4);transform-origin:center;margin-top:0}.arrow:hover{border-color:hsla(0,0%,100%,.8)}.hero-section{animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:1024px){.typing-demo{font-size:clamp(2rem,8vw,4.5rem)}.typing-demo-2{font-size:clamp(1rem,2.2vw,1.5rem)}}@media screen and (max-width:768px){.hero-section{padding:1.5rem}.wrapper{gap:1.25rem}.typing-demo{font-size:clamp(1.75rem,9vw,3rem)}.typing-demo-2{font-size:clamp(.95rem,4vw,1.25rem);padding:0 1rem}.arrow{bottom:2rem}}@media screen and (max-width:480px){.hero-section{padding:1rem}.typing-demo{font-size:2rem;border-right-width:2px}.typing-demo-2{font-size:1rem}@keyframes typing{to{width:100%}}}*,: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:rgba(59,130,246,.5);--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:rgba(59,130,246,.5);--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.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}h1,h2,h3,h4,h5,h6{font-family:Oswald,sans-serif;text-transform:uppercase}body{overflow-x:hidden;margin:0}body::-webkit-scrollbar{display:none}.button{font-family:Oswald,sans-serif;font-size:300}.about-section,.education-section,.section,.skill-section{min-height:120vh;width:100%;max-width:120%;background-color:transparent;color:#fff;margin-bottom:100px;position:relative}.education-content{align-items:center;text-align:center;margin-top:10px;padding:50px}@media screen and (max-width:1000px){.education-content{margin-top:300px}}.about-section{height:120vh;background-size:cover;background-repeat:no-repeat;padding:40px}@media screen and (max-width:1000px){.about-section{height:120vh}}@media screen and (max-width:700vh){.about-section{height:130vh;margin-bottom:100px}}.about-section p{margin-bottom:30px;font-size:1.5rem;margin-left:2vw;color:#fff}.about-section h1{font-size:6rem;margin-left:3vw;margin-bottom:2px}@media (max-width:1000px){.about-section p{font-size:.7rem;padding:0;margin-left:0}.about-section h1{font-size:2rem;margin-left:5vw}}.education-section{background-size:auto 100%;background-repeat:no-repeat;background-position:100% 0}.education-card{padding:40px}.skill-section{margin-top:-120px;background-size:cover;background-repeat:no-repeat;padding:40px;color:#fff;position:relative}.hero-section{background-size:100%;padding:10px;place-items:center}.hero-section:after{content:"";position:absolute;bottom:0;top:0;left:0;width:100%;height:160%;background:linear-gradient(0deg,#000 0,rgba(0,0,0,.967) 50%,transparent);pointer-events:none}@media screen and (max-width:1000px){.hero-section:after{height:200%}.about-section:after{height:500%}}p{font-family:Quicksand,sans-serif;font-weight:300}.section-project{padding:40px;min-height:400vh;font-family:Oswald,sans-serif;font-size:300}.section-.section-project{content:"";position:absolute;bottom:0;top:0;left:0;width:100%;height:130%;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.7) 50%,transparent);pointer-events:none}.section-contact h1{font-size:40px}.education-section h1,.section-contact h1{margin-left:25px;margin-top:25px;position:relative;margin-right:25px}.education-section h1{font-size:5rem;font-family:Oswald,sans-serif;text-transform:uppercase}@media (max-width:1000px){.education-section h1{font-size:3rem}}.education-section p,.section p,.section-contact p{font-size:20px;padding:10px}.about-content{text-align:center}@media screen and (max-width:1000px){.about-content{flex-direction:column}}.image-container{background-repeat:no-repeat;margin-left:80px;height:100%;width:100%}@media screen and (max-width:1000px){.image-container{opacity:0}}.wrapper{display:grid;place-items:center;margin:10vw}@media (max-width:1000px){.wrapper{margin:0}}.typing-demo{width:0;animation:typing 2s steps(22),blink .5s step-end infinite alternate;overflow:hidden;border-right:2px solid;font-family:Archivo Black,sans-serif;text-transform:uppercase;font-size:6vw;animation-fill-mode:forwards;margin-top:100px}.typing-demo-2{position:relative;color:#fff;white-space:nowrap;overflow:hidden;font-size:2vw;font-weight:700;transition:opacity 1s ease-in-out;margin-bottom:400px}@media (max-width:1000px){.typing-demo{font-size:7vw}.typing-demo-2{font-size:4vw}}.link{margin-right:10px}.link:hover{background-color:#aaa}.section-box{color:#000;max-width:1000px;margin:0 auto;border-radius:10px;background:#e0e0e0;box-shadow:20px 20px 60px #171717,-20px -20px 60px #1e1e1e}.education-content{display:flex;flex-direction:column}.contact-box{text-align:center;margin-top:50px}.contact-content{text-align:left}.section h1{margin-top:10px}.section h1,.section p{margin-bottom:10px}.image-container{justify-content:center;display:flex}.about-image{width:400px;max-width:600px;height:auto;margin-right:30%;border-radius:80px}@media (max-width:1000px){.about-image{opacity:0}}.about-text{padding:20px}.section-box{padding:20px;max-width:800px}.contact-content,.education-content{gap:10px}.contact-item{margin-bottom:10px}.card-contact{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;width:40%;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.container-contact{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%}.container-contact h1{margin-top:0}.contact-content{margin-top:20px}.contact-content,.contact-item{display:flex;flex-direction:column;align-items:center}.contact-item{margin-bottom:20px}.link{color:#fff;text-decoration:none;font-weight:700;font-size:20px;font-weight:400;margin-bottom:10px}.link:hover{text-decoration:underline}.fa{font-size:24px;margin-right:10px}.projects-row{margin-left:50px;margin-right:50px;margin-bottom:-50px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}.project-card{margin-top:20px;margin-left:10px;margin-right:10px;height:500px;background-color:#adadad;border-radius:2px;color:#fff;justify-content:space-between;transition:all .3s}.project-card:hover{opacity:.8;transform:scale(1.05)}.project-card h2{font-size:20px;font-weight:700;color:#000}.project-card p{font-size:20px;line-height:1.4;color:#000}.project-card button:hover{background-color:#aaa}.project-image{max-width:700px;max-height:200px;-o-object-fit:contain;object-fit:contain;border-radius:4px}.skills-section{max-width:800px;text-align:center;margin:50px auto 0}.skills-heading{font-size:40px;margin-bottom:20px}.skills-table{display:flex;justify-content:space-between;gap:20px}@media (max-width:768px){.skills-table{flex-direction:column;padding:80px}}.skills-column{flex-basis:30%}.skills-category{font-size:24px;margin-bottom:10px}.skills-list{list-style:none;padding:0;margin:0}.skills-list li{margin-bottom:10px;padding:10px}.skill-name{font-size:20px}.skill-bar{background-color:#e0e0e0;height:20px;border-radius:10px;overflow:hidden}.skill-progress{background-color:#4d4848;height:100%;animation:slide-in 2s ease-in-out}@keyframes slide-in{0%{width:0}to{width:100%}}.section-project{min-height:250vh;margin-top:0;margin-bottom:0}.slideshow-container{display:flex;flex-wrap:wrap;justify-content:center}.project-card{margin:40px;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);width:400px}.project-image{max-width:400px;height:200px}.project-card h2{font-size:24px;margin-bottom:10px}.project-card p{font-size:16px;margin-bottom:10px}.project-card button{font-size:16px;padding:8px 16px;background-color:#2a2c2e;color:#fff;border:none;border-radius:4px;cursor:pointer}.arrow,.arrow:before{position:absolute;left:50%;right:50%;top:50%;bottom:25vw}.arrow{width:40px;height:40px;position:flex;transform:translateX(-10%) rotate(45deg);border:4px solid #fff;border-top:none;border-left:none}.arrow:before{content:"";width:20px;height:20px;position:absolute;bottom:50%;margin:-10px 0 -10px -10px;border-right:3px solid #fff;border-bottom:3px solid #fff;animation-duration:2s;animation-iteration-count:infinite;animation-name:arrow}@keyframes arrow{0%{opacity:1}to{opacity:0;transform:translate(-10px,-10px)}}@media (max-width:1000px){.arrow,.arrow:before{left:50%;right:50%}.arrow{bottom:90vw}}.section-contact{width:100%;height:100vh;background-color:transparent;color:#fff;background-size:cover;background-repeat:no-repeat;padding:100px}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@600;700&display=swap");.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent!important;position:relative;padding:2rem;z-index:1}.hero-section:after,.hero-section:before{display:none!important}.wrapper{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;max-width:100%;width:100%;padding:0 2rem 12rem}.typing-demo,.wrapper{margin:0 auto;text-align:center}.typing-demo{font-family:Space Grotesk,-apple-system,sans-serif;font-size:clamp(2.5rem,8vw,6rem);font-weight:700;color:#fff;letter-spacing:-.04em;line-height:1.2;white-space:nowrap;border-right:3px solid hsla(0,0%,100%,.75);animation:typing 1.5s steps(16) forwards,blink .75s step-end infinite;display:inline-block}.typing-demo.visible{animation:typing 1.5s steps(16) forwards,blink .75s step-end 3}.typing-demo-2{font-family:Inter,-apple-system,sans-serif;font-size:clamp(1.125rem,2.5vw,1.75rem);font-weight:400;color:hsla(0,0%,100%,.65);letter-spacing:-.01em;opacity:0;transition:opacity .6s ease-in-out 1.2s;margin:0 auto;max-width:600px;text-align:center}.typing-demo-2.visible{opacity:1}.arrow{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%) rotate(45deg);width:28px;height:28px;border-right:2px solid hsla(0,0%,100%,.5);border-bottom:2px solid hsla(0,0%,100%,.5);animation:arrowFloat 2s ease-in-out infinite;cursor:pointer;transition:all .3s ease;z-index:10}.arrow:hover{border-color:hsla(0,0%,100%,.9);transform:translateX(-50%) rotate(45deg) scale(1.1)}@keyframes typing{0%{width:0}to{width:100%;border-right:none}}@keyframes blink{0%,50%{border-color:hsla(0,0%,100%,.75)}51%,to{border-color:transparent}}@keyframes arrowFloat{0%,to{transform:translateX(-50%) translateY(0) rotate(45deg);opacity:.5}50%{transform:translateX(-50%) translateY(12px) rotate(45deg);opacity:1}}@media screen and (max-width:1024px){.wrapper{padding:0 1.5rem 10rem}.typing-demo{font-size:clamp(2rem,7vw,4.5rem)}.typing-demo-2{font-size:clamp(1rem,2.2vw,1.5rem)}.arrow{bottom:2.5rem}}@media screen and (max-width:768px){.hero-section{padding:1.5rem .5rem}.wrapper{gap:1.5rem;padding:0 1rem 8rem}.typing-demo{font-size:clamp(1.75rem,8vw,3rem)}.typing-demo-2{font-size:clamp(.95rem,4vw,1.25rem);padding:0 .5rem}.arrow{bottom:2rem;width:24px;height:24px}}@media screen and (max-width:480px){.wrapper{padding:0 .5rem 6rem}.typing-demo{font-size:clamp(1.5rem,9vw,2.5rem);border-right-width:2px}.typing-demo-2{font-size:1rem}.arrow{bottom:1.5rem;width:22px;height:22px}}@media (prefers-reduced-motion:reduce){.arrow,.typing-demo,.typing-demo-2{animation:none!important}.typing-demo{width:auto;border-right:none}.typing-demo-2{opacity:1}}.about-section,.education-section,.hero-section,.section,.section-contact,.section-experience,.section-project,.skill-section{position:relative;z-index:1}.about-section{min-height:100vh;width:100%;background-color:transparent;color:#fff;padding:10rem 2rem 4rem;position:relative;display:flex;flex-direction:column;align-items:center}.about-section h1{font-size:clamp(3rem,8vw,5rem);font-weight:600;margin:0 0 3rem;text-align:center;letter-spacing:-.03em;width:100%}.about-content{display:flex;flex-direction:column;align-items:center;max-width:900px;width:100%;margin:0 auto}.about-text{text-align:left;width:100%}.about-paragraph{font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.75;color:hsla(0,0%,100%,.85);margin-bottom:1.5rem;font-weight:300;letter-spacing:-.01em}.about-paragraph:last-child{margin-bottom:0}@media screen and (max-width:1024px){.about-section{padding:9rem 2rem 4rem}.about-section h1{font-size:clamp(2.75rem,7vw,4rem);margin-bottom:2.5rem}.about-paragraph{font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.7}}@media screen and (max-width:768px){.about-section{padding:8rem 1.5rem 3rem}.about-section h1{font-size:clamp(2.5rem,9vw,3.5rem);margin-bottom:2rem}.about-paragraph{font-size:1.05rem;line-height:1.65}.about-paragraph,.about-text{text-align:center}}@media screen and (max-width:480px){.about-section{padding:7rem 1.25rem 2.5rem}.about-section h1{font-size:2.25rem;margin-bottom:1.75rem}.about-paragraph{font-size:1rem;line-height:1.6}}@media screen and (max-width:360px){.about-section{padding:6.5rem 1rem 2rem}.about-section h1{font-size:2rem}.about-paragraph{font-size:.95rem}}*{box-sizing:border-box}.section-experience{padding:8rem 2rem;background-color:#00000000;min-height:100vh}.section-experience h1{color:#fff;font-size:clamp(2.5rem,8vw,5rem);font-weight:600;margin-bottom:4rem;text-align:center;letter-spacing:-.03em}.timeline{position:relative;max-width:1100px;margin:0 auto;padding:2rem 0}.timeline:after{content:"";position:absolute;width:2px;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0));top:0;bottom:0;left:50%;transform:translateX(-50%)}.container{padding:0 40px;position:relative;width:50%;margin-bottom:4rem}.left,.left-second{left:0;padding-right:40px}.right{left:50%;padding-left:40px}.container:after{content:"";position:absolute;width:20px;height:20px;background-color:#fff;border:4px solid #000;top:24px;border-radius:50%;z-index:2;transition:all .3s ease}.left-second:after,.left:after{right:-10px}.right:after{left:-10px}.container:hover:after{background-color:#7cbde6;transform:scale(1.2)}.content{padding:2rem;background:hsla(0,0%,7%,.8);backdrop-filter:blur(12px);border-radius:20px;border:1px solid hsla(0,0%,100%,.1);color:#fff;transition:all .3s ease;position:relative}.content:hover{transform:translateY(-4px);border-color:hsla(0,0%,100%,.2);box-shadow:0 20px 40px rgba(0,0,0,.4)}.content h4{font-size:1.25rem;font-weight:600;margin:.5rem 0 .75rem;color:#fff;letter-spacing:-.02em}.content h2{font-size:.95rem;color:#7cbde6;font-weight:400;margin-bottom:1rem;letter-spacing:0}.bullet-list{list-style:none;padding-left:0;margin-top:1rem}.bullet-list li{padding-left:1.5rem;margin-bottom:.75rem;position:relative;line-height:1.6;font-size:.95rem;color:hsla(0,0%,100%,.85);font-weight:300}.bullet-list li:before{content:"•";position:absolute;left:0;color:hsla(0,0%,100%,.5);font-size:1.2rem}.content img{border-radius:12px;-o-object-fit:cover;object-fit:cover}@media screen and (max-width:1000px){.section-experience{padding:4rem 1.5rem}.section-experience h1{margin-bottom:3rem}.timeline:after{left:20px}.container{width:100%;padding-left:60px;padding-right:20px;margin-bottom:3rem}.left,.left-second,.right{left:0;padding-left:60px;padding-right:20px}.container:after{left:12px;top:20px}.content{padding:1.5rem}.content h4{font-size:1.1rem}.content h2{font-size:.85rem}.bullet-list li{font-size:.9rem}}@media screen and (max-width:600px){.section-experience{padding:3rem 1rem}.container,.left,.left-second,.right{padding-left:50px;padding-right:10px}.content{padding:1.25rem}.content h4{font-size:1rem}.bullet-list li{font-size:.85rem}}.education-section{background-color:transparent;padding:40px 0}.education-section h1{text-align:center;font-size:4rem;margin-bottom:2rem;color:#fff}@media screen and (max-width:600px){.education-section h1{font-size:2.5rem}}.education-section p{color:#949494}@media screen and (max-width:600px){.education-section p{font-size:1rem}}.education-content{max-width:900px;margin:0 auto;color:#acacac}.education-card{background-color:transparent;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.1);padding:5vw}.education-item{margin-bottom:20px}.education-item p{margin-bottom:5px}.education-item p:first-child{margin-top:0}.education-item p:last-child{margin-bottom:0}.education-title{font-size:28px;font-weight:700;color:#acacac;text-align:center;margin-bottom:20px}.objective-title{font-size:24px;font-weight:700;color:#acacac;margin-bottom:10px}.objective-text{color:#acacac;text-align:center}.skill-section{padding:8rem 2rem;background-color:transparent}.skills-heading{text-align:center;font-size:clamp(2.5rem,8vw,4rem);font-weight:600;margin-bottom:1rem;color:#fff}.skills-category{text-align:center;font-size:1.25rem;font-weight:400;margin-bottom:3rem;color:hsla(0,0%,100%,.6);letter-spacing:.05em;text-transform:uppercase}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;max-width:1000px;margin:0 auto}.skill-item{display:flex;flex-direction:column;align-items:center;width:120px;text-align:center;transition:all .3s ease;opacity:0;transform:translateY(20px)}.skill-item.visible{opacity:1;transform:translateY(0)}.skill-icon{width:72px;height:72px;margin-bottom:1rem;border-radius:16px;-o-object-fit:cover;object-fit:cover;background:hsla(0,0%,100%,.05);padding:12px;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.1)}.skill-item:hover .skill-icon{transform:translateY(-4px);background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2)}.skill-name{font-size:.9rem;font-weight:500;color:hsla(0,0%,100%,.9)}.skills-navigation{display:flex;justify-content:center;gap:1rem;margin-top:3rem}.navigation-button{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;width:48px;height:48px;color:#fff;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.navigation-button:hover{background:hsla(0,0%,100%,.12);transform:scale(1.1)}.slide-indicators{display:flex;justify-content:center;gap:8px;margin-top:2rem}.slide-indicator{width:8px;height:8px;border-radius:50%;background-color:hsla(0,0%,100%,.2);transition:all .3s ease;margin-bottom:15px}.slide-indicator.active{background-color:#fff;width:24px;border-radius:4px}.section-project{padding:8rem 2rem 4rem;background-color:transparent;min-height:100vh;display:flex;flex-direction:column;align-items:center}.section-project h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:600;margin:0 0 4rem;text-align:center;color:#fff;letter-spacing:-.03em;width:100%}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2.5rem;max-width:1400px;width:100%;margin:0 auto;padding:0 2rem;justify-items:center}@media screen and (min-width:1400px){.project-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}@media screen and (min-width:1024px) and (max-width:1399px){.project-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media screen and (min-width:768px) and (max-width:1023px){.project-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media screen and (max-width:767px){.project-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}}@media screen and (max-width:480px){.project-grid{padding:0 .5rem;gap:1.25rem}}.project-card{background:hsla(0,0%,7%,.6);backdrop-filter:blur(10px);border-radius:24px;border:1px solid hsla(0,0%,100%,.08);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;width:100%;max-width:420px;height:540px}.project-card:hover{transform:translateY(-8px);border-color:hsla(0,0%,100%,.15);box-shadow:0 20px 40px rgba(0,0,0,.3)}.project-card>a:first-child,.project-card>div:first-child{display:block;margin-bottom:0}.project-image{width:100%;height:240px;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease;margin-bottom:1.5rem}.project-card:hover .project-image{transform:scale(1.05)}.project-card h2{font-size:clamp(1.15rem,2vw,1.4rem);font-weight:600;margin:0 1.75rem 1rem;color:#fff;line-height:1.3;letter-spacing:-.02em;-webkit-line-clamp:2;min-height:2.6em}.project-card h2,.project-card p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.project-card p{font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.65;margin:0 1.75rem 1.75rem;color:hsla(0,0%,100%,.75);font-weight:300;flex-grow:1;-webkit-line-clamp:3}.project-card>a:last-child{display:block;margin:0 1.75rem 1.75rem;text-decoration:none}.project-card a button,.project-card button{width:100%;background-color:#fff;color:#000;border:none;padding:8px 28px;border-radius:12px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,sans-serif;text-align:center}.project-card button:hover{background-color:hsla(0,0%,100%,.92);transform:translateY(-2px);box-shadow:0 6px 16px hsla(0,0%,100%,.25)}@media screen and (max-width:767px){.section-project{padding:4rem 1rem 3rem}.section-project h1{margin-bottom:3rem}.project-card{max-width:100%}.project-image{height:220px;margin-bottom:1.25rem}.project-card h2{margin:0 1.5rem .875rem;font-size:1.15rem}.project-card p{font-size:.95rem}.project-card p,.project-card>a:last-child{margin:0 1.5rem 1.5rem}.project-card button{padding:12px 24px}}@media screen and (max-width:480px){.section-project{padding:3rem .75rem 2rem}.project-card{border-radius:20px}.project-image{height:200px;margin-bottom:1rem}.project-card h2{margin:0 1.25rem .75rem;font-size:1.1rem;min-height:auto}.project-card p{font-size:.9rem;-webkit-line-clamp:2}.project-card p,.project-card>a:last-child{margin:0 1.25rem 1.25rem}.project-card button{font-size:.9rem;padding:11px 20px}}.project-card{animation:fadeInUp .6s ease-out forwards;opacity:0}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.15s}.project-card:nth-child(5){animation-delay:.25s}.project-card:nth-child(6){animation-delay:.35s}.project-card:nth-child(7){animation-delay:.2s}.project-card:nth-child(8){animation-delay:.3s}.project-card:nth-child(9){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:1600px){.project-grid{max-width:1600px}}.section{display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:transparent;padding:10rem 2rem 4rem}.section h1{color:#fff;font-size:clamp(2.5rem,8vw,5rem);font-weight:600;margin:0 0 3rem;text-align:center;letter-spacing:-.03em}.button-content{display:flex;justify-content:center;margin-bottom:2.5rem}.resume-content{max-width:900px;width:100%;margin:0 auto}.resume-content img{width:100%;height:auto;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.08)}.download-button{background-color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:1.05rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#000;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-family:Inter,-apple-system,sans-serif;box-shadow:0 4px 12px hsla(0,0%,100%,.1)}.download-button:hover{background-color:hsla(0,0%,100%,.95);transform:translateY(-2px);box-shadow:0 6px 20px hsla(0,0%,100%,.2)}.resume-image{margin-top:0;border-radius:16px}@media screen and (max-width:768px){.section{padding:8rem 1rem 3rem}.section h1{font-size:2.5rem;margin-bottom:2rem}.download-button{padding:12px 24px;font-size:.95rem}.resume-content{max-width:100%}.resume-content img{border-radius:12px}}@media screen and (max-width:480px){.section{padding:7rem .75rem 2rem}.download-button{padding:11px 20px;font-size:.9rem}.resume-content img{border-radius:10px}}.section-contact{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10rem 2rem 4rem;background:transparent;position:relative;z-index:1}.contact-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:600;margin:0 0 3rem;text-align:center;color:#fff;letter-spacing:-.03em}.contact-wrapper{width:100%;max-width:1000px;margin:0 auto}.contact-card{display:flex;align-items:center;justify-content:space-between;gap:3rem;background:hsla(0,0%,7%,.6);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:2.5rem 3rem;transition:all .3s ease}.contact-card:hover{border-color:hsla(0,0%,100%,.15);transform:translateY(-4px)}.contact-left{display:flex;flex-direction:column;align-items:center;gap:.75rem;min-width:160px}.profile-image{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(156,163,175,.2);transition:all .3s ease}.profile-image:hover{border-color:rgba(156,163,175,.5);transform:scale(1.05)}.profile-name{font-size:1.25rem;font-weight:600;color:#fff;margin:0;letter-spacing:-.01em;text-align:center}.profile-role{font-size:.9rem;color:hsla(0,0%,100%,.5);margin:0;text-align:center}.contact-middle{flex:1;display:flex;flex-direction:column;gap:1rem;padding:0 1rem}.info-row{display:flex;align-items:center;gap:1rem;color:hsla(0,0%,100%,.85);font-size:.95rem;text-decoration:none;transition:all .2s ease}.info-row:hover{color:#fff;transform:translateX(4px)}.info-row svg{width:18px;color:rgba(156,163,175,.6)}.contact-right{display:flex;flex-direction:column;gap:.75rem;min-width:140px}.social-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px;text-decoration:none;font-size:.9rem;font-weight:500;border:1px solid transparent;transition:all .2s ease}.social-btn svg{font-size:1.1rem}.linkedin-btn{background:rgba(10,102,194,.1);color:#0a66c2;border-color:rgba(10,102,194,.2)}.linkedin-btn:hover{background:rgba(10,102,194,.2);border-color:rgba(10,102,194,.4);transform:translateY(-2px)}.github-btn{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.9);border-color:hsla(0,0%,100%,.1)}.github-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px)}@media screen and (max-width:900px){.contact-card{flex-direction:column;gap:2rem;padding:2rem}.contact-left,.contact-middle,.contact-right{width:100%;align-items:center;text-align:center}.contact-middle{padding:0}.info-row{justify-content:center}.contact-right{flex-direction:row;max-width:400px}.social-btn{flex:1}}@media screen and (max-width:600px){.section-contact{padding:8rem 1rem 3rem}.contact-title{font-size:2.5rem;margin-bottom:2rem}.contact-card{padding:1.75rem 1.5rem;gap:1.5rem}.profile-image{width:90px;height:90px}.profile-name{font-size:1.15rem}.profile-role{font-size:.85rem}.info-row{font-size:.9rem}.contact-right{flex-direction:column;max-width:100%}.social-btn{width:100%}}@media screen and (max-width:400px){.contact-card{padding:1.5rem 1.25rem}.info-row{font-size:.85rem;gap:.75rem}.info-row svg{width:16px}}