@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--linear-ease: linear( 0, .068, .19 2.7%, .804 8.1%, 1.037, 1.199 13.2%, 1.245, 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, .996 28%, .949, .928 33.3%, .926, .933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, .995 68%, 1.001 85%, 1 );--color-1: #ff6b6b;--color-2: #4ecdc4;--color-3: #45b7d1;--color-4: #96ceb4}.gooey-nav-container{position:relative;width:100%;display:flex;justify-content:center}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px);justify-content:center;width:auto}.gooey-nav-container nav ul{display:flex;gap:2em;list-style:none;padding:0;margin:0;position:relative;z-index:3;justify-content:center}.gooey-nav-container nav ul li{border-radius:100vw;position:relative;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;box-shadow:0 0 .5px 1.5px transparent}.gooey-nav-container nav ul li a{display:inline-block;padding:.6em 1em;text-decoration:none;font-size:16px;font-weight:500;transition:color .3s ease}.gooey-nav-container nav ul li a{color:#000}.gooey-nav-container nav ul li:after{content:"";position:absolute;inset:0;border-radius:100vw;background:#000;opacity:0;transform:scale(0);transition:all .3s ease;z-index:-1}.gooey-nav-container nav ul li.active a{color:#fff}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.about-section .gooey-nav-container nav ul li a,.contact-section .gooey-nav-container nav ul li a{color:#fff}.about-section .gooey-nav-container nav ul li:after,.contact-section .gooey-nav-container nav ul li:after{background:#fff}.about-section .gooey-nav-container nav ul li.active a,.contact-section .gooey-nav-container nav ul li.active a{color:#000}.gooey-nav-container .effect{position:absolute;left:0;top:0;width:0;height:0;opacity:1;pointer-events:none;display:grid;place-items:center;z-index:1}.gooey-nav-container .effect.text{transition:color .3s ease}.gooey-nav-container .effect.text{color:#000}.gooey-nav-container .effect.text.active,.about-section .gooey-nav-container .effect.text,.contact-section .gooey-nav-container .effect.text{color:#fff}.about-section .gooey-nav-container .effect.text.active,.contact-section .gooey-nav-container .effect.text.active{color:#000}.gooey-nav-container .effect.filter{filter:blur(7px) contrast(100) blur(0);mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{content:"";position:absolute;inset:-75px;z-index:-2;background:transparent}.gooey-nav-container .effect.filter:after{content:"";position:absolute;inset:0;background:#000;transform:scale(0);opacity:0;z-index:-1;border-radius:100vw}.about-section .gooey-nav-container .effect.filter:before,.contact-section .gooey-nav-container .effect.filter:before{background:transparent}.about-section .gooey-nav-container .effect.filter:after,.contact-section .gooey-nav-container .effect.filter:after{background:#fff}.gooey-nav-container .effect.active:after{animation:pill .3s ease both}@keyframes pill{to{transform:scale(1);opacity:1}}.particle,.point{display:block;opacity:0;width:20px;height:20px;border-radius:100%;transform-origin:center}.particle{--time: 5s;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);animation:particle calc(var(--time)) ease 1 -.35s}.point{background:var(--color);opacity:1;animation:point calc(var(--time)) ease 1 -.35s}@keyframes particle{0%{transform:rotate(0) translate(calc(var(--start-x)),calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2),calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)),calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5),calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{transform:scale(0);opacity:0}}@media(max-width:768px){.gooey-nav-container nav ul{gap:.5em}.gooey-nav-container nav ul li a{padding:.4em .8em;font-size:14px}}@media(max-width:480px){.gooey-nav-container nav ul{gap:.3em}.gooey-nav-container nav ul li a{padding:.3em .6em;font-size:12px}}.sidebar .sidebar-gooey-wrapper{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%}.sidebar .gooey-nav-container{width:100%}.sidebar .gooey-nav-container nav{width:100%}.sidebar .gooey-nav-container nav ul{flex-direction:column;gap:1.5em;align-items:center;width:100%}.sidebar .gooey-nav-container nav ul li{width:100%;text-align:center}.sidebar .gooey-nav-container nav ul li a{display:block;width:100%;padding:.8em 1em;font-size:18px}.sidebar .gooey-nav-container nav ul li a{color:#fff}.sidebar .gooey-nav-container nav ul li:after{background:#fff}.sidebar .gooey-nav-container nav ul li.active a{color:#000}.sidebar .gooey-nav-container .effect.text{color:#fff}.sidebar .gooey-nav-container .effect.text.active{color:#000}.sidebar .gooey-nav-container .effect.filter:before,.sidebar .gooey-nav-container .effect.filter:after{background:transparent}@media(max-width:768px){.sidebar .gooey-nav-container nav ul{gap:1em}.sidebar .gooey-nav-container nav ul li a{padding:.6em 1em;font-size:16px}}@media(max-width:480px){.sidebar .gooey-nav-container nav ul{gap:.8em}.sidebar .gooey-nav-container nav ul li a{padding:.5em 1em;font-size:14px}}:root{font-family:Inter,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#fff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{min-width:320px;overflow-x:hidden}body.modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}a{color:#000;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:600}button{font-family:inherit;cursor:pointer;background:none}.app{position:relative;min-height:100vh}.section{padding:80px 20px}.home-section{background-color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden}.about-section{background-color:#000;color:#fff}.projects-section{background-color:#fff}.contact-section{background-color:#000;color:#fff}.wave-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.home-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#fffc,#fffffff2);pointer-events:none;z-index:0}.desktop-header{position:fixed;top:20px;left:50%;transform:translate(-50%);width:60%;max-width:1200px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:15px 30px;border-bottom:1px solid rgba(0,0,0,.1);border-radius:50px;box-shadow:0 4px 15px #0000000d;transition:all .3s ease}.desktop-header.scrolled{top:10px;background:#fffffffa;box-shadow:0 8px 25px #0000001a}.about-section .desktop-header,.contact-section .desktop-header{background:#000000f2;border-bottom:1px solid rgba(255,255,255,.1)}.menu-toggle{display:none;position:fixed;top:20px;right:20px;left:auto;z-index:1002;width:45px;height:45px;background:#000;border:none;border-radius:50%;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.menu-toggle span{width:24px;height:2px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.menu-toggle:hover{transform:scale(1.05);background:#333}.about-section .menu-toggle,.contact-section .menu-toggle{background:#fff}.about-section .menu-toggle span,.contact-section .menu-toggle span{background:#000}.sidebar{position:fixed;top:0;right:-300px;width:280px;height:100vh;background:#000;z-index:1001;transition:right .4s cubic-bezier(.4,0,.2,1);padding:80px 30px;box-shadow:-2px 0 10px #0000001a}.sidebar.open{right:0}.sidebar-nav{display:flex;flex-direction:column;gap:30px}.sidebar-nav a{color:#fff;text-decoration:none;font-size:18px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:5px 0}.sidebar-nav a:hover,.sidebar-nav a.active{transform:translate(10px)}.sidebar-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar-nav a:hover:after,.sidebar-nav a.active:after{width:100%}.sidebar-nav a.active{font-weight:600}.home-container{text-align:center;position:relative;z-index:1}.profile{display:flex;flex-direction:column;align-items:center}.profile-image-wrapper{position:relative;display:inline-block}.profile-pic{width:200px;height:200px;border-radius:50%;border:3px solid #000;object-fit:cover;transition:all .3s ease}.profile-ring{position:absolute;inset:-10px;border-radius:50%;border:2px solid #000;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:0}}.profile h1{font-size:48px;font-weight:700;margin-top:30px;letter-spacing:2px}.tagline{font-size:18px;color:#666;margin-top:10px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:2px}.cursor{display:inline-block;width:2px;margin-left:2px;animation:blink 1s infinite;font-weight:100}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.personal-link{display:flex;justify-content:center;gap:30px;margin-top:40px}.social-link{display:inline-block;transition:all .3s ease}.social-link:hover{transform:translateY(-5px)}.p-link{width:35px;height:35px;filter:grayscale(100%);transition:all .3s ease}.social-link:hover .p-link{filter:grayscale(0%)}.about-wrapper{max-width:800px;margin:0 auto}.section-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:50px;position:relative}.about-section .section-title{color:#fff}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:currentColor}.about-text{text-align:center}.quote{font-size:18px;line-height:1.8;margin-bottom:30px;font-style:italic}.skills{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:40px}.skill-tag{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;border:2px solid;border-radius:50px;font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;background:transparent;position:relative}.about-section .skill-tag{border-color:#fff;color:#fff}.about-section .skill-tag:hover{background:#fff;color:#000;transform:translateY(-3px);box-shadow:0 5px 15px #fff3}.skill-icon{display:inline-flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s ease}.skill-tag:hover .skill-icon{transform:scale(1.15) rotate(5deg)}.project-section{max-width:1200px;margin:0 auto;padding:40px 0}.project-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto;position:relative;z-index:1;align-items:start}.project{position:relative;background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;z-index:1;display:flex;flex-direction:column}.project:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 30px 50px #0003;z-index:100;border-color:#000}body.modal-open .project{pointer-events:none!important}body.modal-open .project:hover{transform:none!important;box-shadow:none!important}.project-image-wrapper{position:relative;width:100%;overflow:hidden;flex-shrink:0;background-color:#f5f5f5}.project.large .project-image-wrapper{padding-bottom:56.25%}.project.medium .project-image-wrapper{padding-bottom:75%}.project.small .project-image-wrapper{padding-bottom:100%}.project.landscape.large .project-image-wrapper{padding-bottom:56.25%}.project.landscape.medium .project-image-wrapper{padding-bottom:66.67%}.project.landscape.small .project-image-wrapper{padding-bottom:75%}.project.portrait.large .project-image-wrapper{padding-bottom:133.33%}.project.portrait.medium .project-image-wrapper{padding-bottom:150%}.project.portrait.small .project-image-wrapper{padding-bottom:200%}.project.square .project-image-wrapper{padding-bottom:100%}.project.large{grid-column:span 2;grid-row:span 2}.project.medium{grid-column:span 1;grid-row:span 1}.project.small{grid-column:span 1;grid-row:span 1;transform:scale(.95)}.project.small:hover{transform:translateY(-15px) scale(.97)}.project.small .project-title{font-size:16px;padding:12px 15px 8px}.project.small .project-text{font-size:12px;padding:0 15px 15px}.project.small .project-overlay-content{padding:12px}.project.small .project-overlay-content h4{font-size:14px}.project.small .project-overlay-content p{font-size:10px}.project.small .project-tech-tags span{padding:1px 6px;font-size:8px}.project.medium .project-title{font-size:18px}.project.medium .project-text{font-size:13px}.project.portrait.large{grid-row:span 3}.project.portrait.medium,.project.portrait.small{grid-row:span 2}.project-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);background-color:#f5f5f5}.project.portrait .project-image{object-fit:contain}.project.landscape .project-image,.project.square .project-image{object-fit:cover}.project:hover .project-image{transform:scale(1.08)}.project-overlay-content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:20px;transform:translateY(100%);transition:transform .3s ease;color:#fff;z-index:2}.project:hover .project-overlay-content{transform:translateY(0)}.project-overlay-content h4{font-size:18px;font-weight:600;margin:0 0 5px;color:#fff}.project-overlay-content p{font-size:12px;margin:0 0 10px;color:#e0e0e0}.project-tech-tags{display:flex;gap:5px;flex-wrap:wrap}.project-tech-tags span{padding:2px 8px;background:#fff3;border-radius:12px;font-size:10px;color:#fff}.contact-container{max-width:600px;margin:0 auto}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.contact-section .form-group label{color:#fff}.form-group input,.form-group textarea{width:100%;padding:12px;font-size:14px;border:1px solid;border-radius:8px;background:transparent;transition:all .3s ease}.contact-section .form-group input,.contact-section .form-group textarea{border-color:#fff;color:#fff}.contact-section .form-group input:focus,.contact-section .form-group textarea:focus{outline:none;border-color:#fff;background:#ffffff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group textarea{min-height:120px;resize:vertical}.contact-container button{width:100%;padding:12px;background:#fff;color:#000;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-container button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}footer{text-align:center;padding:30px;font-size:14px;border-top:1px solid #e0e0e0;background-color:#fff}footer p{margin:0;color:#000;opacity:.7}.scroll-top{position:fixed;bottom:30px;right:30px;width:45px;height:45px;background:#000;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;box-shadow:0 2px 10px #0003}.scroll-top.visible{opacity:1;visibility:visible}.scroll-top:hover{transform:translateY(-3px);background:#333}.about-section .scroll-top{background:#fff;color:#000}.about-section .scroll-top:hover{background:#e0e0e0}@media(max-width:1024px){.project-container{grid-template-columns:repeat(2,1fr);gap:20px}.project.large{grid-column:span 2;grid-row:span 1}.project.portrait.large{grid-row:span 2}}@media(max-width:768px){.desktop-header{display:none}.menu-toggle{display:flex;position:fixed!important;top:20px!important;right:20px!important;left:auto!important;transform:none!important}.section{padding:60px 20px}.profile h1{font-size:32px}.section-title{font-size:28px}.project-container{grid-template-columns:repeat(2,1fr);gap:15px}.project.large{grid-column:span 2}.project.portrait{grid-row:span 2}.project.small{transform:scale(1)}.project.small:hover{transform:translateY(-15px) scale(1.02)}.quote{font-size:16px}.skills{gap:12px}.skill-tag{font-size:13px;padding:8px 18px;gap:8px}.skill-icon{font-size:20px}.personal-link{gap:20px}.p-link{width:30px;height:30px}.tagline{font-size:16px;min-height:38px}.scroll-top{bottom:20px;right:20px;width:40px;height:40px;font-size:18px}html{scroll-padding-top:60px}}@media(max-width:480px){.menu-toggle{top:15px!important;right:15px!important;width:40px!important;height:40px!important}.project-container{grid-template-columns:1fr;gap:15px}.project.large,.project.portrait{grid-column:span 1;grid-row:span 1}.project.small{transform:scale(1)}.profile h1{font-size:24px}.tagline{font-size:14px;min-height:36px}.section-title{font-size:24px}.personal-link{gap:20px}.p-link{width:28px;height:28px}.profile-pic{width:150px;height:150px}.skills{gap:10px}.skill-tag{font-size:12px;padding:6px 14px;gap:6px}.skill-icon{font-size:18px}.form-group input,.form-group textarea{padding:10px;font-size:12px}.contact-container button{padding:10px;font-size:14px}.scroll-top{bottom:15px;right:15px;width:35px;height:35px;font-size:16px}}.resume-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.resume-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;border-radius:50px;cursor:pointer;transition:all .3s ease;border:2px solid;background:transparent}.resume-btn svg{transition:transform .3s ease}.resume-btn.download{border-color:#000;color:#000}.resume-btn.download:hover{background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.resume-btn.download:hover svg{transform:translateY(2px)}.resume-btn.preview{border-color:#000;color:#000}.resume-btn.preview:hover{background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.resume-preview-overlay{position:fixed;inset:0;background:#000000d9;z-index:999999!important;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.resume-preview-modal{width:90%;max-width:900px;height:85vh;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 25px 50px #0000004d;position:relative;z-index:1000000!important;margin-top:85px}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.resume-preview-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e0e0e0;background:#fff;position:sticky;top:0;z-index:1000001!important}.resume-preview-header h3{margin:0;font-size:18px;font-weight:600;color:#000}.close-preview{background:none;border:none;font-size:28px;cursor:pointer;color:#666;transition:color .3s ease;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-preview:hover{color:#000}.resume-preview-content{flex:1;overflow:auto;background:#f5f5f5;position:relative}.resume-iframe{width:100%;height:100%;border:none;min-height:400px}.resume-preview-footer{display:flex;gap:12px;justify-content:flex-end;padding:15px 20px;border-top:1px solid #e0e0e0;background:#fff;position:sticky;bottom:0;z-index:1000001!important}.resume-preview-footer .resume-btn{margin:0}.resume-preview-overlay .resume-preview-modal{pointer-events:auto!important}@media(max-width:768px){.resume-buttons{flex-direction:column;align-items:center;gap:12px}.resume-btn{width:200px;justify-content:center}.resume-preview-modal{width:95%;height:80vh}.resume-preview-header h3{font-size:16px}}@media(max-width:480px){.resume-btn{width:180px;padding:8px 16px;font-size:12px}.resume-preview-modal{height:70vh}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#000;border-radius:5px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#333}