:root{--bg-color: #f8fafc;--bg-color-alt: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--accent-color: #3b82f6;--accent-hover: #2563eb;--nav-bg: rgba(255, 255, 255, .85);--border-color: #e2e8f0;--card-bg: #ffffff;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--gradient-1: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-2: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);--gradient-3: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--font-body: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--header-height: 4.5rem;--container-width: 1100px;--transition-speed: .3s}body.dark{--bg-color: #0f172a;--bg-color-alt: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #3b82f6;--accent-hover: #60a5fa;--nav-bg: rgba(15, 23, 42, .85);--border-color: #334155;--card-bg: #1e293b;--shadow: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--gradient-1: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%);--gradient-2: linear-gradient(135deg, #141e30 0%, #243b55 100%);--gradient-3: linear-gradient(135deg, #232526 0%, #414345 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-speed),color var(--transition-speed);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}ul{list-style:none}a{text-decoration:none;color:inherit;transition:color var(--transition-speed)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.section{padding:6rem 0}.section:nth-child(2n){background-color:var(--bg-color-alt)}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.25rem;color:var(--text-primary);margin-bottom:.5rem}.section-subtitle{font-size:1rem;color:var(--accent-color);font-weight:600;text-transform:uppercase;letter-spacing:1px}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed);border:none;font-family:var(--font-body);font-size:1rem}.btn-primary{background-color:var(--accent-color);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-secondary{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.btn-outline{background-color:transparent;color:var(--accent-color);border:1px solid var(--accent-color)}.btn-outline:hover{background-color:var(--accent-color);color:#fff}.header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background-color:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid transparent;transition:border-color var(--transition-speed)}.header.scroll-header{border-bottom:1px solid var(--border-color);box-shadow:var(--shadow)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--text-primary)}.logo span{color:var(--accent-color)}.nav-list{display:flex;gap:2rem}.nav-link{font-size:.95rem;font-weight:500;color:var(--text-secondary);position:relative;cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--accent-color)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:var(--accent-color);transition:width .3s}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1rem}.theme-toggle,.nav-toggle,.nav-close{font-size:1.25rem;color:var(--text-primary);cursor:pointer;transition:color var(--transition-speed)}.theme-toggle:hover,.nav-toggle:hover{color:var(--accent-color)}.nav-toggle,.nav-close{display:none}.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--header-height)}.hero-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-greeting{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.hero-title{font-size:3.5rem;margin-bottom:.5rem}.hero-subtitle{font-size:1.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:1.5rem}.hero-subtitle span{color:var(--accent-color)}.hero-description{color:var(--text-secondary);max-width:450px;margin-bottom:2rem;font-size:1.1rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:2.5rem}.hero-socials{display:flex;gap:1rem}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--card-bg);color:var(--text-primary);box-shadow:var(--shadow);font-size:1.25rem}.social-icon:hover{color:#fff;background-color:var(--accent-color);transform:translateY(-3px)}.hero-image-wrapper{display:flex;justify-content:center}.hero-image{position:relative;width:350px;height:350px;background:var(--gradient-1);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:morph 8s ease-in-out infinite;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-hover)}.placeholder-icon{font-size:6rem;color:#fffc}@keyframes morph{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.about-container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px;margin:0 auto}.about-text p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.05rem}.about-info{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;margin-top:1rem}.info-box{background-color:var(--card-bg);padding:1.5rem;border-radius:1rem;border:1px solid var(--border-color);display:flex;align-items:center;gap:1rem;text-align:left;min-width:200px;box-shadow:var(--shadow);transition:transform var(--transition-speed)}.info-box:hover{transform:translateY(-5px)}.info-box span.icon{font-size:2rem;color:var(--accent-color);display:flex}.info-title{display:block;font-weight:600;color:var(--text-primary)}.info-desc{font-size:.875rem;color:var(--text-secondary)}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skills-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;box-shadow:var(--shadow);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.skills-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.skills-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary)}.skills-title span.icon{color:var(--accent-color);display:flex}.skills-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.skill-item{display:flex;align-items:center;gap:.75rem}.skill-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background-color:var(--bg-color)}.skill-item span{font-weight:500;color:var(--text-secondary)}.html{color:#e34f26}.css{color:#1572b6}.js{color:#f7df1e}.react{color:#61dafb}.py{color:#3776ab}.flask{color:#000}body.dark .flask{color:#fff}.db{color:#4479a1}.node{color:#393}.git{color:#f05032}.github{color:#181717}body.dark .github{color:#fff}.figma{color:#f24e1e}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.project-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}.project-img-wrapper{width:100%;height:200px;overflow:hidden}.project-mockup{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-speed)}.project-card:hover .project-mockup{transform:scale(1.05)}.project-mockup span.icon{font-size:4rem;color:#ffffffe6;display:flex}.abstract-bg-1{background:var(--gradient-1)}.abstract-bg-2{background:var(--gradient-2)}.abstract-bg-3{background:var(--gradient-3)}.project-content{padding:1.5rem}.project-title{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary)}.project-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.25rem;line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{font-size:.75rem;font-weight:600;padding:.25rem .75rem;background-color:var(--bg-color);color:var(--accent-color);border-radius:1rem}.project-links{display:flex;gap:1rem}.project-link{font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.25rem;color:var(--text-secondary)}.project-link:hover{color:var(--accent-color)}.timeline-container{max-width:800px;margin:0 auto}.timeline{position:relative;border-left:2px solid var(--border-color);margin-left:1rem;padding-left:2rem}.timeline-item{position:relative;margin-bottom:3rem}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-2.4rem;top:0;width:1rem;height:1rem;background-color:var(--accent-color);border-radius:50%;border:4px solid var(--bg-color-alt)}.timeline-content{background-color:var(--card-bg);padding:1.5rem;border-radius:1rem;border:1px solid var(--border-color);box-shadow:var(--shadow)}.timeline-date{font-size:.85rem;font-weight:600;color:var(--accent-color);display:inline-block;margin-bottom:.5rem}.timeline-title{font-size:1.25rem;color:var(--text-primary);margin-bottom:.25rem}.timeline-company{font-size:.95rem;color:var(--text-secondary);display:block;margin-bottom:1rem;font-weight:500}.timeline-desc{color:var(--text-secondary);font-size:.95rem}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;background-color:var(--card-bg);padding:3rem;border-radius:1.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow)}.contact-info{display:flex;flex-direction:column}.contact-heading{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.contact-text{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem}.contact-item span.icon{font-size:1.5rem;color:var(--accent-color);width:3rem;height:3rem;background-color:var(--bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.contact-item-title{display:block;font-weight:600;color:var(--text-primary)}.contact-item-desc{color:var(--text-secondary);font-size:.9rem}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{width:100%}.form-control{width:100%;padding:1rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:.5rem;font-family:var(--font-body);font-size:1rem;color:var(--text-primary);transition:border-color var(--transition-speed)}.form-control:focus{outline:none;border-color:var(--accent-color)}.submit-btn{width:fit-content;margin-top:.5rem}.footer{background-color:var(--bg-color-alt);padding:2rem 0;border-top:1px solid var(--border-color);margin-top:4rem}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.footer-logo{font-size:1.25rem}.footer-socials{display:flex;gap:1rem}.footer-copy{text-align:center;color:var(--text-secondary);font-size:.9rem;padding-top:2rem;border-top:1px solid var(--border-color)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}@media screen and (max-width: 992px){.hero-title{font-size:2.75rem}.hero-subtitle{font-size:1.5rem}.hero-image{width:300px;height:300px}.contact-container{grid-template-columns:1fr;gap:3rem;padding:2rem}}@media screen and (max-width: 768px){.nav-menu{position:fixed;top:-100%;left:0;width:100%;background-color:var(--card-bg);padding:4rem 0;box-shadow:0 4px 6px #0000001a;transition:top .4s;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.nav-menu.show-menu{top:0}.nav-list{flex-direction:column;align-items:center}.nav-toggle,.nav-close{display:block}.nav-close{position:absolute;top:1.5rem;right:1.5rem}.hero-container{grid-template-columns:1fr;text-align:center}.hero-content{align-items:center;order:2}.hero-description{text-align:center}.hero-image-wrapper{order:1}.about-info{flex-direction:column;gap:1rem}.section{padding:4rem 0}}