:root{--primary-color:#4f46e5;--primary-dark:#3730a3;--primary-light:#818cf8;--dark:#111827;--medium-dark:#374151;--medium:#6b7280;--light-medium:#9ca3af;--light:#f3f4f6;--white:#fff;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-full:9999px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--dark);background-color:var(--white);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.5rem}p{margin-bottom:var(--spacing-md)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto}h1 .typewriter-text{font-size:inherit;display:inline}h1 .highlight{display:inline}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section-title{text-align:center;margin-bottom:var(--spacing-2xl);position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:50px;height:4px;background-color:var(--primary-color);border-radius:var(--radius-full)}header{position:fixed;top:0;left:0;width:100%;background-color:hsla(0,0%,100%,.98);box-shadow:var(--shadow-sm);z-index:1000;padding:var(--spacing-md) 0;transition:all var(--transition-medium)}header.scrolled{padding:var(--spacing-sm) 0;box-shadow:var(--shadow-md)}header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700}.logo a{color:var(--dark)}.logo .name{position:relative}.logo .name:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--primary-color);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-medium)}.logo:hover .name:after{transform:scaleX(1);transform-origin:left}.main-nav{display:flex;align-items:center}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:var(--spacing-lg)}.nav-links a{color:var(--medium-dark);font-weight:500;position:relative;padding:var(--spacing-xs) 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary-color);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-medium)}.nav-links .active a,.nav-links a:hover{color:var(--primary-color)}.nav-links .active a:after,.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.mobile-toggle{display:none}main{padding-top:70px}footer{background-color:var(--primary-color);background-image:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:var(--white);padding:var(--spacing-2xl) 0;margin-top:var(--spacing-3xl)}.footer-content{display:flex;flex-direction:column;align-items:center}.social-links{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.social-links a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:hsla(0,0%,100%,.15);color:var(--white);transition:all var(--transition-fast)}.social-links a:hover{background-color:var(--white);color:var(--primary-color);transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.copyright{color:hsla(0,0%,100%,.8);font-size:.875rem}.footer-wave{position:relative;overflow:hidden;display:block;width:100%;height:20px;margin-top:-20px}.footer-wave svg{position:absolute;width:100%;height:100%;bottom:0;left:0;fill:var(--primary-color)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-align:center;text-decoration:none;position:relative;z-index:50;pointer-events:auto;border:none}.btn-primary{background-color:var(--primary-color);color:var(--white);border:2px solid var(--primary-color)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.hero{position:relative;min-height:50vh;display:flex;align-items:center;padding:var(--spacing-lg) 0;overflow:hidden;margin-bottom:var(--spacing-lg)}.hero-content{max-width:600px;z-index:10;position:relative}.hero h1{font-size:3rem;margin-bottom:var(--spacing-sm)}.hero .highlight{color:var(--primary-color)}.hero-buttons{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);position:relative;z-index:20}.hero-background{position:absolute;top:0;right:0;width:100%;height:100%;z-index:1;overflow:hidden;pointer-events:none}.shape{position:absolute;border-radius:50%;opacity:.1}.shape-1{width:300px;height:300px;background-color:var(--primary-light);top:-75px;right:-75px}.shape-2{width:250px;height:250px;background-color:var(--primary-color);bottom:40px;right:30%}.shape-3{width:150px;height:150px;background-color:var(--primary-dark);bottom:10%;right:10%}.dynamic-roles{position:relative;margin-bottom:var(--spacing-md);min-height:1.6em;display:flex;align-items:center;padding-left:2px}.role{display:none}.skills{padding:var(--spacing-md) 0 var(--spacing-2xl)}.skills .section-title{margin-bottom:var(--spacing-xl)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.skill-card{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:transform var(--transition-medium),box-shadow var(--transition-medium);text-align:center}.skill-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.skill-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:var(--spacing-md)}.skill-card h3{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.skill-card p{color:var(--medium);font-size:.875rem;margin:0}.featured-projects{padding:var(--spacing-3xl) 0;background-color:var(--light)}.featured-project{display:flex;margin-bottom:var(--spacing-2xl);background-color:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.project-content{flex:1 1;padding:var(--spacing-xl);display:flex;flex-direction:column}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.tech-tag{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--light);color:var(--medium-dark);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.project-links{margin-top:auto;display:flex;gap:var(--spacing-sm)}.view-all{text-align:center;margin-top:var(--spacing-2xl)}.animate-on-load{opacity:0;transform:translateY(20px);animation:fadeUp .6s var(--transition-medium) forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.about-hero .section-title:after{left:0;transform:none}.about-hero{padding-bottom:var(--spacing-3xl)!important}.about-content{display:flex;gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.about-image{flex:1 1;max-width:350px}.about-image img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.about-text{flex:2 1}.about-text h2{margin-bottom:var(--spacing-md)}.about-text .highlight{color:var(--primary-color)}.about-title{text-align:left;margin-left:340px}.about-image{max-width:25%}.cta-section{padding:var(--spacing-3xl) 0;text-align:center;background-color:var(--primary-color);color:var(--white)}.cta-section h2{margin-bottom:var(--spacing-md)}.cta-section p{max-width:600px;margin:0 auto var(--spacing-xl);opacity:.9}.cta-section .btn-primary{background-color:var(--white);color:var(--primary-color);border-color:var(--white)}.cta-section .btn-primary:hover{background-color:transparent;color:var(--white);border-color:var(--white)}.typewriter-text{font-size:1.5rem;font-weight:500;letter-spacing:1px}.typewriter-text,.typewriter-text:after{color:var(--primary-color);position:relative;display:inline-block}.typewriter-text:after{content:"|";animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.education,.experience{padding:var(--spacing-3xl) 0}.education{background-color:var(--light)}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;height:100%;width:2px;background-color:var(--primary-color);left:50px;top:0}.timeline-item{position:relative;margin-bottom:var(--spacing-2xl);padding-left:100px}.timeline-marker{position:absolute;width:16px;height:16px;border-radius:50%;background-color:var(--primary-color);left:43px;top:5px}.timeline-date{font-weight:600;color:var(--primary-color)}.timeline-content h3,.timeline-date{margin-bottom:var(--spacing-xs)}.timeline-content h4{color:var(--medium);font-weight:500;margin-bottom:var(--spacing-md)}.timeline-content ul{padding-left:var(--spacing-lg)}.timeline-content li{margin-bottom:var(--spacing-xs)}.education-item{max-width:800px;margin:0 auto var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.education-year{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-color);color:var(--white);border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;margin-bottom:var(--spacing-sm)}.education-item h3{margin-bottom:var(--spacing-xs)}.education-item h4{color:var(--medium);font-weight:500;margin-bottom:var(--spacing-md)}.skills-detailed{padding:var(--spacing-3xl) 0}.skills-category{margin-bottom:var(--spacing-xl)}.skills-category h3{margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--light-medium);padding-bottom:var(--spacing-sm);color:var(--primary-dark)}.skills-list{list-style-type:none;padding:0;margin:0 0 var(--spacing-lg) 0}.skills-list li{position:relative;padding-left:1.5rem;margin-bottom:var(--spacing-sm);line-height:1.6}.skills-list li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0;font-size:1.2rem}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.skill-tag{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--light);color:var(--medium-dark);border-radius:var(--radius-sm);font-weight:500;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.skill-tag:hover{background-color:var(--primary-light);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.interests{padding:var(--spacing-3xl) 0;background-color:var(--light)}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.interest-card{background-color:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-md);transition:transform var(--transition-medium)}.interest-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.interest-card i{font-size:2rem;color:var(--primary-color);margin-bottom:var(--spacing-md)}.interest-card h3{margin-bottom:var(--spacing-sm)}.interest-card p{color:var(--medium);margin:0}@media (max-width:992px){h1{font-size:2.5rem}h2{font-size:2rem}.hero h1{font-size:3rem}.about-content,.featured-project{flex-direction:column}.about-image{max-width:100%;margin-bottom:var(--spacing-xl)}}@media (max-width:768px){h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}p{font-size:.9375rem}.mobile-toggle,header .container{position:relative}.mobile-toggle{display:block;background:none;border:none;cursor:pointer;width:30px;height:24px;z-index:1001}.mobile-toggle span{display:block;width:100%;height:2px;background-color:var(--dark);position:absolute;left:0;transition:all var(--transition-fast)}.mobile-toggle span:first-child{top:0}.mobile-toggle span:nth-child(2){top:50%;transform:translateY(-50%)}.mobile-toggle span:nth-child(3){bottom:0}.mobile-toggle.active span:first-child{transform:translateY(11px) rotate(45deg)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.nav-links{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background-color:var(--white);box-shadow:var(--shadow-lg);flex-direction:column;justify-content:center;align-items:center;transition:right var(--transition-medium);z-index:1000}.nav-links.active{right:0}.nav-links li{margin:var(--spacing-md) 0;margin-left:0}body.no-scroll{overflow:hidden}.hero{padding:var(--spacing-xl) 0;min-height:auto}.hero h1{font-size:2.25rem}.hero-buttons{flex-direction:column;gap:var(--spacing-sm);width:100%}.hero-buttons .btn{width:100%}.skills-grid{grid-template-columns:1fr}.project-content{padding:var(--spacing-md)}.project-tech{margin-bottom:var(--spacing-md)}.project-links{flex-direction:column;width:100%}.project-links .btn{width:100%}.about-title{text-align:center;margin-left:0}.about-image{max-width:60%;margin:0 auto var(--spacing-lg) auto}.about-content{flex-direction:column;text-align:center}.about-text{text-align:left}.typewriter-text{font-size:1.25rem}}@media (max-width:480px){.container{padding:0 var(--spacing-sm)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.125rem}.about-title,.hero h1{font-size:2rem}.about-image{max-width:80%}.typewriter-text{font-size:1.125rem}.social-links{flex-wrap:wrap;justify-content:center}}@media (prefers-color-scheme:dark){:root{--dark:#f3f4f6;--medium-dark:#d1d5db;--medium:#9ca3af;--light-medium:#6b7280;--light:#1f2937;--white:#111827}header{background-color:rgba(17,24,39,.98)}.education-item,.featured-project,.interest-card,.skill-card{background-color:#1a1a1a}.skill-tag,.tech-tag{background-color:#2c2c2c}.mobile-toggle span{background-color:var(--dark)}.nav-links{background-color:var(--white)}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}