@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&display=swap");:root{--color-cream:#faf8f5;--color-warm-gray:#f5f3f0;--color-light-gray:#e8e6e3;--color-medium-gray:#d1cfcc;--color-dark-gray:#8a8885;--color-deep-gray:#5a5856;--color-near-black:#2a2928;--color-blue-gray:#64748b;--color-light-blue-gray:#94a3b8;--color-accent-blue:#3b82f6;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.07);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.15)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background:linear-gradient(135deg,var(--color-cream) 0,var(--color-warm-gray) 100%);color:var(--color-near-black);line-height:1.6;overflow-x:hidden;min-height:100vh}body,html{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.custom-scroll-indicator{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:50;height:200px;width:4px;display:flex;align-items:center;pointer-events:none}.scroll-bar-bg{width:4px;height:100%;background:var(--color-light-gray);border-radius:2px;position:relative;margin:0 auto}.scroll-bar-fill{width:100%;background:linear-gradient(180deg,var(--color-accent-blue) 0,var(--color-blue-gray) 100%);border-radius:2px;position:absolute;left:0;top:0;transition:height .2s cubic-bezier(.4,0,.2,1)}.email-display{position:fixed;top:50%;left:20px;transform:translateY(-50%);z-index:50;display:flex;align-items:center;pointer-events:none}.email-link{writing-mode:sideways-lr;text-orientation:mixed;background:none;color:transparent;padding:1rem .8rem;border-radius:0 12px 12px 0;font-size:.9rem;font-weight:600;letter-spacing:.1em;box-shadow:none;pointer-events:auto;text-decoration:none;transition:all .2s;background:linear-gradient(135deg,var(--color-accent-blue) 0,var(--color-blue-gray) 100%);-webkit-background-clip:text;background-clip:text}.email-link,.email-link:hover{-webkit-text-fill-color:transparent}.email-link:hover{background:linear-gradient(135deg,var(--color-blue-gray) 0,var(--color-accent-blue) 100%);-webkit-background-clip:text;background-clip:text}.global-footer{width:100%;background:var(--color-light-gray);padding:1rem 0;box-shadow:0 -2px 12px rgba(0,0,0,.04);position:relative;z-index:10}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;justify-content:space-between}.footer-content,.footer-copyright{display:flex;align-items:center}.footer-text{font-size:.75rem;color:var(--color-dark-gray)}.footer-social{gap:2rem;justify-content:center}.footer-social,.social-link{display:flex;align-items:center}.social-link{color:var(--color-dark-gray);text-decoration:none;font-size:1.2rem;transition:var(--transition-fast)}.social-link:hover{color:var(--color-accent-blue);transform:translateY(-2px)}.footer-time{font-size:.85rem;color:white;font-family:var(--font-mono);background:linear-gradient(135deg,var(--color-accent-blue) 0,var(--color-blue-gray) 100%);padding:.5rem 1rem;border-radius:20px;box-shadow:0 2px 8px rgba(59,130,246,.3)}.app-wrapper{position:relative;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}.main-content{flex:1;position:relative;z-index:1}.nav-container{background:var(--color-cream);border-bottom:1px solid var(--color-medium-gray);padding:1rem 0;position:sticky;top:0;z-index:40}.nav-content{max-width:1200px;margin:0 auto;padding:0 2rem;justify-content:space-between}.nav-brand,.nav-content{display:flex;align-items:center}.brand-text{font-size:3.5rem;font-weight:1000;font-style:italic;font-family:Brush Script MT,cursive,serif;background:linear-gradient(135deg,rgb(31,41,55),rgb(59,130,246) 50%,rgb(139,92,246));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3));transition:all .3s ease}.nav-sections{display:flex;gap:2rem}.nav-item{background:none;border:none;padding:.5rem 1rem;color:rgb(31,41,55);font-weight:500;cursor:pointer;transition:var(--transition-fast);border-radius:6px}.nav-item:hover{background:linear-gradient(135deg,rgb(31,41,55),rgb(59,130,246));-webkit-background-clip:text;background-clip:text;background-color:rgba(59,130,246,.1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.2)}.nav-item.active,.nav-item:hover{-webkit-text-fill-color:transparent;border-radius:8px}.nav-item.active{background:linear-gradient(135deg,rgb(31,41,55),rgb(59,130,246));-webkit-background-clip:text;background-clip:text;background-color:rgba(59,130,246,.15);transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,.25)}.nav-label{font-size:.95rem}@media (max-width:768px){.mobile-nav-container,.nav-arrow-section{display:flex;align-items:center;justify-content:center}.nav-arrow-section{gap:0;position:relative;width:180px;height:44px}.nav-arrow{position:absolute;width:32px;height:32px;border:2px solid rgba(31,41,55,.3);background:linear-gradient(135deg,rgba(31,41,55,.1),rgba(59,130,246,.1) 50%,rgba(139,92,246,.1));color:rgb(31,41,55);font-size:16px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 8px rgba(31,41,55,.15),inset 0 1px 0 rgba(255,255,255,.1);text-shadow:0 1px 2px rgba(255,255,255,.2)}.nav-arrow.left{left:0}.nav-arrow.right{right:0}.nav-arrow.visible{opacity:1;transform:scale(1)}.nav-arrow.hidden{opacity:.25;transform:scale(.8);pointer-events:none;background:linear-gradient(135deg,rgba(107,114,128,.05),rgba(156,163,175,.05));border-color:rgba(107,114,128,.15);color:rgba(107,114,128,.3);box-shadow:0 1px 3px rgba(107,114,128,.1)}.nav-arrow:hover.visible{background:linear-gradient(135deg,rgba(31,41,55,.2),rgba(59,130,246,.2) 50%,rgba(139,92,246,.2));border-color:rgba(59,130,246,.6);color:rgb(31,41,55);transform:scale(1.08) translateY(-1px);box-shadow:0 4px 16px rgba(59,130,246,.25),inset 0 1px 0 rgba(255,255,255,.2);text-shadow:0 1px 3px rgba(255,255,255,.3)}.nav-arrow:active.visible{transform:scale(.95);box-shadow:0 1px 4px rgba(31,41,55,.2),inset 0 1px 0 rgba(255,255,255,.1)}.section-name-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;text-align:center}.current-section{font-size:.8rem;font-weight:700;background:linear-gradient(135deg,rgb(31,41,55),rgb(59,130,246) 50%,rgb(139,92,246));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;letter-spacing:.3px;line-height:1.2;display:block;padding:5px 10px;border-radius:8px;background-color:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid rgba(31,41,55,.2);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(31,41,55,.1),inset 0 1px 0 rgba(255,255,255,.1);position:relative;overflow:hidden}.current-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.current-section:hover{background-color:rgba(255,255,255,.12);border-color:rgba(59,130,246,.4);box-shadow:0 4px 16px rgba(59,130,246,.2),inset 0 1px 0 rgba(255,255,255,.15);transform:translateY(-1px) scale(1.02)}.current-section:hover:before{left:100%}}@media (min-width:769px){.mobile-nav-container,.nav-arrow,.nav-arrow-section,.section-name-container{display:none!important}}@keyframes mailPulse{0%,to{transform:scale(1);box-shadow:0 4px 20px rgba(59,130,246,.3)}50%{transform:scale(1.05);box-shadow:0 6px 25px rgba(59,130,246,.4)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.portfolio-container{width:100%;min-height:100vh}.main-sections,.section{width:100%}.section{padding:4rem 0}.section-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 2rem}.section-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,rgb(31,41,55),rgb(59,130,246));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.1rem;color:var(--color-deep-gray);line-height:1.6;font-weight:500}@media (min-width:769px){.hero-code-window .mobile-mission{display:none!important;text-align:left!important}.hero-code-window .desktop-mission{display:inline!important}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem;color:var(--color-deep-gray)}a{color:var(--color-accent-blue);text-decoration:none;transition:var(--transition-fast);position:relative}a:hover{color:var(--color-blue-gray)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-accent-blue);transition:var(--transition-fast)}a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--color-light-gray) 0,var(--color-medium-gray) 100%);border:1px solid var(--color-medium-gray);border-radius:8px;color:var(--color-near-black);font-weight:500;font-size:.9rem;text-decoration:none;transition:var(--transition-fast);cursor:pointer;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-normal)}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--color-medium-gray) 0,var(--color-dark-gray) 100%);color:var(--color-cream)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--color-accent-blue) 0,var(--color-blue-gray) 100%);color:var(--color-cream);border-color:var(--color-accent-blue)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-blue-gray) 0,var(--color-accent-blue) 100%)}.education-container{width:100%;max-width:1200px;padding:0 2rem}.education-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2.5rem}.wide-education-cards{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:2.5rem}.education-card{background:var(--color-cream);border-radius:18px;box-shadow:0 2px 16px rgba(30,41,59,.07);padding:2rem;display:flex;flex-direction:column;gap:1.2rem;border:1px solid var(--color-medium-gray);transition:box-shadow .2s,border .2s;max-width:700px}.education-card:hover{box-shadow:0 6px 32px rgba(30,41,59,.13);border:1.5px solid var(--color-accent-blue)}.education-card-header{align-items:baseline;gap:1rem}.education-degree{font-size:1.15rem;color:var(--color-near-black)}.education-period{font-size:.95rem;color:var(--color-accent-blue);font-family:var(--font-mono)}.education-institution{font-size:1rem;font-weight:500;color:var(--color-blue-gray);margin-bottom:.2rem}.education-highlights{list-style:disc inside;color:var(--color-deep-gray);font-size:.97rem;margin:0;padding-left:1rem}.education-highlight-item{margin-bottom:.2rem}.experience-container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;scroll-behavior:smooth;contain:layout style}.experience-timeline{display:flex;flex-direction:column;gap:2rem;contain:layout style;will-change:auto}.experience-card,.experience-item{position:relative}.experience-card{background:#ffffff;border-radius:16px;box-shadow:0 2px 8px rgba(30,41,59,.04);padding:2rem;border:1px solid rgba(226,232,240,.6);transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);overflow:hidden;will-change:transform;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden}.experience-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#3b82f6;border-radius:0 2px 2px 0}.experience-card:hover{transform:translate3d(0,-2px,0);box-shadow:0 4px 12px rgba(30,41,59,.08)}.experience-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.experience-title{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,rgb(31,41,55),rgb(59,130,246));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.experience-period{font-size:.95rem;color:var(--color-accent-blue);font-family:var(--font-mono);font-weight:600}.experience-company{font-size:1.1rem;font-weight:600;color:rgb(31,41,55);margin-bottom:1rem}.experience-description{font-size:1rem;color:var(--color-deep-gray);line-height:1.6;margin-bottom:1.5rem}.experience-achievements{background:var(--color-light-gray);border-radius:12px;padding:1.5rem;border:1px solid var(--color-medium-gray)}.experience-achievements h4{font-size:1rem;font-weight:600;color:var(--color-accent-blue);margin-bottom:1rem}.experience-achievements ul{list-style:none;padding:0}.experience-achievements li{color:var(--color-deep-gray);font-size:.95rem;line-height:1.6;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.experience-achievements li:before{content:"•";color:var(--color-accent-blue);font-weight:700;position:absolute;left:0}.skills-container{width:100%;max-width:1400px;padding:0 1rem}.skills-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}@media (min-width:1200px){.skills-container{padding:0 2rem}.skills-category-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (min-width:768px) and (max-width:1199px){.skills-category-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:767px){.skills-category-grid{grid-template-columns:1fr;gap:1.2rem}}.skills-category-card{background:linear-gradient(135deg,var(--color-light-gray) 0,var(--color-warm-gray) 100%);border-radius:16px;box-shadow:0 2px 12px rgba(30,41,59,.06);padding:1.5rem;border:1px solid var(--color-medium-gray);display:flex;flex-direction:column;gap:1.2rem;transition:all .3s ease;position:relative;overflow:hidden}.skills-category-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-accent-blue) 0,var(--color-blue-gray) 100%)}.skills-category-card:hover{box-shadow:0 8px 25px rgba(30,41,59,.12);border:1px solid var(--color-accent-blue);transform:translateY(-2px)}.skills-category-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.skills-category-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--color-cream);box-shadow:0 3px 8px rgba(59,130,246,.25);flex-shrink:0}.skills-category-icon,.skills-category-title{background:linear-gradient(135deg,var(--color-accent-blue) 0,var(--color-blue-gray) 100%)}.skills-category-title{font-size:1.1rem;color:var(--color-accent-blue);margin-bottom:0;letter-spacing:.02em;line-height:1.2}.skills-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.8rem}@media (min-width:1200px){.skills-cards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}}@media (min-width:768px) and (max-width:1199px){.skills-cards-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.8rem}}@media (max-width:767px){.skills-cards-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:.6rem}}@media (max-width:480px){.skills-cards-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem}}@media (max-width:360px){.skills-container{padding:0 .5rem}.skills-category-grid{gap:1rem}.skills-category-card{padding:1rem}.skills-cards-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:.4rem}.skill-card{padding:.5rem .2rem;min-height:70px}.skill-icon{width:24px;height:24px;font-size:.8rem;margin-bottom:.3rem}.skill-name{font-size:.6rem}.skills-category-title{font-size:1rem}.skills-category-icon{width:36px;height:36px}}.skill-card{background:var(--color-cream);border-radius:12px;padding:.8rem .5rem;border:1px solid var(--color-medium-gray);transition:all .2s ease;text-align:center;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px}.skill-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(59,130,246,.15);border-color:var(--color-accent-blue);background:linear-gradient(135deg,var(--color-cream) 0,rgba(59,130,246,.05) 100%)}.skill-icon{width:32px;height:32px;margin:0 auto .5rem;color:inherit;font-size:1.2rem;transition:all .2s ease;flex-shrink:0}.skill-card:hover .skill-icon{transform:scale(1.1);color:var(--color-accent-blue)}.skill-name{font-size:.7rem;color:var(--color-near-black);transition:all .2s ease;line-height:1.2;text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.skill-card:hover .skill-name{color:var(--color-accent-blue);font-weight:700}.projects-container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin-bottom:2.5rem}.project-card{background:linear-gradient(135deg,var(--color-light-gray) 0,var(--color-warm-gray) 100%);border:1px solid var(--color-medium-gray);border-radius:16px;padding:2rem;transition:var(--transition-fast);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-accent-blue) 0,var(--color-blue-gray) 100%)}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-accent-blue)}.project-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.project-category{background:var(--color-accent-blue);color:var(--color-cream);padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.project-icon{font-size:3rem;text-align:center}.project-content,.project-icon{margin-bottom:1.5rem}.project-name{font-size:1.25rem;font-weight:600;color:var(--color-near-black);margin-bottom:1rem}.project-description,.project-tech{margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:var(--color-accent-blue);color:var(--color-cream);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.project-actions{gap:.5rem}.home-container{width:100%}.hero-section{padding:0}.hero-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{display:flex;flex-direction:column;gap:2rem}.hero-greeting{display:flex;align-items:center;gap:.5rem}.greeting-text{font-size:1.1rem;color:var(--color-deep-gray);font-weight:500}.hero-title{display:flex;flex-direction:column;gap:.5rem}.title-line{font-size:3.5rem;font-weight:700;color:var(--color-near-black);line-height:1.1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;color:var(--color-accent-blue);font-weight:600}.hero-description{max-width:500px}.hero-description p{font-size:1.1rem;color:var(--color-deep-gray);line-height:1.7}.hero-actions{display:flex;gap:1rem}.hero-image,.hero-visual{display:flex;justify-content:center;align-items:center}.hero-image{width:100%;max-width:400px;aspect-ratio:1;background:var(--color-light-gray);border-radius:20px;box-shadow:var(--shadow-lg)}.center-icon{margin-bottom:var(--space-md);animation:float 3s ease-in-out infinite,rotate 8s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-deep-gray);font-size:1.5rem;font-weight:600}.placeholder-text{text-align:center}.about-section{padding:4rem 0;background:var(--color-warm-gray)}.about-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text{display:flex;flex-direction:column;gap:.005rem}.about-subtitle{font-size:2rem;font-weight:600;color:var(--color-near-black)}.about-description{font-size:1.1rem;color:var(--color-deep-gray);line-height:1.7}.about-details{display:flex;flex-direction:column;gap:1.5rem}.detail-item{background:var(--color-cream);border-radius:12px;padding:1.5rem;border:1px solid var(--color-medium-gray)}.detail-content{display:flex;flex-direction:column;gap:.5rem}.detail-title{font-size:1.1rem;font-weight:600;color:var(--color-accent-blue)}.detail-text{font-size:.95rem;color:var(--color-deep-gray);line-height:1.6}.about-image,.about-visual{display:flex;justify-content:center;align-items:center}.about-image{width:100%;max-width:400px;aspect-ratio:1;background:var(--color-light-gray);border-radius:20px;box-shadow:var(--shadow-lg)}.contact-section{padding:4rem 0}.contact-content{max-width:1200px;margin:0 auto;padding:0 2rem}.contact-intro{text-align:center;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.contact-subtitle{font-size:1.5rem;font-weight:600;color:var(--color-near-black);margin-bottom:1rem}.contact-description{font-size:1.1rem;color:var(--color-deep-gray);line-height:1.7}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{background:var(--color-cream);border-radius:12px;padding:1.5rem;border:1px solid var(--color-medium-gray)}.contact-details{display:flex;flex-direction:column;gap:.5rem}.contact-label{font-size:.9rem;font-weight:600;color:var(--color-accent-blue);text-transform:uppercase;letter-spacing:.5px}.contact-value{font-size:1.1rem;color:var(--color-near-black);font-weight:500}.contact-form{background:var(--color-cream);border-radius:16px;padding:2rem;border:1px solid var(--color-medium-gray);max-width:600px;margin:0 auto}.form-header{text-align:center;margin-bottom:2rem}.form-title{font-size:1.5rem;font-weight:600;color:var(--color-near-black);margin-bottom:.5rem}.form-subtitle{font-size:1rem;color:var(--color-deep-gray)}.form-content{gap:1.5rem}.form-content,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{font-size:.9rem;font-weight:600;color:var(--color-near-black)}.form-input,.form-textarea{padding:1rem;border:1px solid var(--color-medium-gray);border-radius:8px;font-size:1rem;color:var(--color-near-black);background:var(--color-light-gray);transition:var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent-blue);background:var(--color-cream)}.form-textarea{resize:vertical;min-height:120px}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.live{background:#10b981;color:white}.status-badge.in-progress{background:#f59e0b;color:white}@media (max-width:900px){.footer-content{padding:0 1rem}.email-link{font-size:.8rem;padding:.8rem .6rem}.custom-scroll-indicator{right:10px;height:150px}.education-cards-grid,.skills-category-grid{grid-template-columns:1fr;gap:1.5rem}.skills-cards-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.8rem}.hero-content{grid-template-columns:1fr;gap:1rem;padding:0 1rem;text-align:center}.about-content,.contact-grid{grid-template-columns:1fr;gap:2rem}.nav-sections{gap:1rem}.nav-label{font-size:.9rem}.mobile-nav-item{padding:.3rem .6rem;font-size:.65rem;min-width:1.8rem}.brand-text{font-size:1.2rem!important}.section-title{font-size:1.8rem;margin-bottom:.8rem}.section-subtitle{font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.title-line{font-size:2rem;line-height:1.1}.hero-greeting{justify-content:center;margin-bottom:.5rem!important}.hero-subtitle{font-size:1.1rem;margin-bottom:.8rem}.hero-visual{order:-1;margin-bottom:.8rem}.hero-image{max-width:280px;margin:0 auto}.hero-code-window{padding:.8rem!important;margin:.8rem 0!important;max-width:calc(100vw - 2rem)!important;width:100%!important;font-size:.55rem!important;border-radius:12px!important;overflow-x:hidden!important;box-sizing:border-box!important}.hero-code-window div:last-child{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.hero-code-window .mobile-mission{display:inline!important}.hero-code-window div:last-child{text-align:left!important}.hero-code-window .desktop-mission{display:none!important}.hero-code-window div:first-child{gap:6px!important;margin-bottom:8px!important}.hero-code-window div:first-child span{width:10px!important;height:10px!important}.hero-typewriter{font-size:.85rem!important;margin-bottom:.5rem!important;min-height:1.8em!important}.hero-actions-row{gap:.5rem!important;justify-content:center!important}.hero-gradient-btn{min-width:120px!important;padding:.7rem 1.2rem!important;font-size:.95rem!important}.hero-gradient-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important}.hero-gradient-btn:nth-child(2):hover{box-shadow:0 8px 25px rgba(245,158,11,.4)!important;transform:translateY(-2px) scale(1.02)!important}.hero-action-icon:hover{transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important}.typewriter-text{font-size:.9rem!important;margin-bottom:1rem}.typewriter-text span{line-height:1.4}.section-header{margin-bottom:1.2rem;text-align:center}.experience-card{margin-bottom:1.2rem;border-radius:12px;will-change:transform}.experience-card:before{width:2px!important}.experience-card:hover{transform:translateY(-1px)}.about-text:before{left:-.5rem;height:40px;width:3px}.experience-timeline{gap:1.5rem}.experience-card{padding:1.5rem}.skills-category-card{padding:1.2rem}.skill-card{padding:.8rem .5rem}.skill-icon{width:30px;height:30px;font-size:1.1rem}}@media (max-width:600px){.nav-container{padding:.5rem 0}.nav-content{flex-direction:row;gap:1rem;padding:0 1rem;align-items:center}.nav-brand{text-align:left;flex:1;display:flex;justify-content:flex-start}.brand-text{font-size:1.5rem!important;text-align:left;font-weight:800}.nav-sections{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;max-width:100%}.nav-item{padding:.3rem .6rem;font-size:.8rem;white-space:nowrap}.material-mobile-nav{position:relative;width:40px;height:40px;border-radius:20px;border:none;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden}.material-mobile-nav:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);border-radius:20px;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.material-mobile-nav:hover:before{opacity:1;transform:scale(1)}.material-mobile-nav .nav-letter{font-size:.875rem;font-weight:600;color:rgba(255,255,255,.7);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.material-mobile-nav:hover .nav-letter{color:rgba(255,255,255,.9);transform:scale(1.1)}.material-mobile-nav.active{background:rgba(59,130,246,.2);box-shadow:0 2px 8px rgba(59,130,246,.3)}.material-mobile-nav.active:before{background:rgba(59,130,246,.1);opacity:1;transform:scale(1)}.material-mobile-nav.active .nav-letter{color:#ffffff;font-weight:700}.material-mobile-nav:active{transform:scale(.95)}.footer-content{flex-direction:column;gap:.5rem;min-height:60px;padding:0 1rem}.footer-social{gap:2rem;order:1;margin-bottom:0}.footer-copyright{order:2;justify-content:center;margin-top:0}.email-display,.footer-time{display:none}}@media (max-width:1024px){.custom-scroll-indicator,.email-display{display:none}.education-cards-grid,.skills-category-grid{grid-template-columns:1fr;gap:1rem}.skills-cards-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:.6rem}.education-card,.skills-category-card{padding:1.5rem}.section-title{font-size:2rem}.title-line{font-size:2.5rem}.hero-actions,.project-actions{flex-direction:column}.section{padding:3rem 0}.section-header{padding:0 1rem}.experience-header{flex-direction:column;align-items:flex-start;gap:.5rem}.experience-card{padding:1.5rem}.experience-achievements{padding:1rem}.contact-form{padding:1.5rem}.skills-category-card{padding:1.2rem}.skill-card{padding:.7rem .4rem}.skill-icon{width:28px;height:28px;font-size:1rem}.about-content,.contact-content,.education-container,.experience-container,.footer-content,.hero-content,.nav-content,.projects-container,.skills-container{padding:0 1rem}}@media (max-width:480px){.section-title{font-size:1.8rem}.title-line{font-size:2.2rem}.skills-cards-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem}.skill-card{padding:.6rem .3rem}.skill-icon{width:26px;height:26px;font-size:.9rem}.skill-name{font-size:.65rem}.contact-form,.education-card,.experience-card,.skills-category-card{padding:1.2rem}.nav-sections{gap:.2rem;justify-content:center}.nav-item{padding:.25rem .5rem}.nav-item,.nav-label{font-size:.75rem}.brand-text{font-size:1.1rem}}.footer-social .social-link{color:var(--color-dark-gray);transition:color .2s,transform .2s,box-shadow .2s}.footer-social .social-link[aria-label=LinkedIn]{color:#0077b5}.footer-social .social-link[aria-label=GitHub]{color:#181717}.footer-social .social-link[aria-label=GitLab]{color:#fc6d26}.footer-social .social-link[aria-label=Mail]{color:#3b82f6}.footer-social .social-link[aria-label="Download Resume"]{color:#2563eb}.footer-social .social-link:hover{transform:scale(1.18) translateY(-2px);box-shadow:0 4px 16px rgba(59,130,246,.18);filter:brightness(1.2)}.nav-brand .brand-text{background:linear-gradient(90deg,#3b82f6,#60a5fa 50%,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;letter-spacing:.04em;font-weight:1000;font-size:3rem;transition:background-position .7s cubic-bezier(.4,0,.2,1),text-shadow .2s;background-size:200% 200%;background-position:0 50%;text-shadow:0 2px 12px rgba(59,130,246,.1)}.nav-brand .brand-text:hover{background-position:100% 50%;text-shadow:0 4px 24px rgba(59,130,246,.25);filter:brightness(1.15)}.experience-projects{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.experience-project-card{background:var(--color-light-gray);border-radius:14px;box-shadow:0 2px 8px rgba(30,41,59,.06);padding:1.5rem 1.5rem 1.2rem;border:1.5px solid var(--color-medium-gray);transition:box-shadow .2s,border .2s,border-color .2s;margin-top:0;position:relative;overflow:hidden}.experience-project-card:before{display:none}.experience-project-card:hover{border-color:var(--color-accent-blue);box-shadow:0 6px 24px rgba(59,130,246,.1);background:var(--color-light-gray)}.experience-project-title{font-size:.85rem;color:var(--color-accent-blue);font-weight:700;letter-spacing:.02em;margin-bottom:.1rem;margin-top:0;display:block}.experience-role-block.intern-role{margin-top:2.5rem}.experience-project-description{font-size:.98rem;color:var(--color-deep-gray);margin-bottom:.8rem}.experience-project-responsibilities{list-style:disc inside;color:var(--color-near-black);font-size:.97rem;margin:0;padding-left:1rem}.experience-project-responsibilities li{margin-bottom:.3rem;line-height:1.6}.gradient-link{background:linear-gradient(90deg,#3b82f6,#60a5fa 50%,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;border:none;background-size:200% 200%;background-position:0 50%;cursor:pointer;font-size:1rem;padding:0;margin-top:.5rem;text-decoration:underline;transition:background-position .5s,text-shadow .2s;text-shadow:0 2px 8px rgba(59,130,246,.1)}.gradient-link:hover{background-position:100% 50%;text-shadow:0 4px 16px rgba(59,130,246,.18);filter:brightness(1.15)}.sub-date{font-size:.85rem;color:var(--color-dark-gray);font-weight:500;margin-left:.5rem}.redesigned-education-card{background:white;border-radius:16px;box-shadow:0 1px 8px rgba(0,0,0,.03);border:1px solid #f1f5f9;padding:0;margin-bottom:2rem;transition:all .3s ease;position:relative;max-width:800px;margin-left:auto;margin-right:auto;overflow:hidden}.redesigned-education-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.06);border-color:#e2e8f0;transform:translateY(-1px)}.education-card-header{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:white;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;position:relative}.education-header-left{flex:1}.education-degree{font-size:1.3rem;font-weight:700;color:white;display:flex;align-items:center;gap:.5rem;line-height:1.3;margin-bottom:0}.education-period{font-size:1rem;color:#fbbf24;font-weight:600;background:rgba(251,191,36,.15);padding:.25rem .75rem;border-radius:20px;border:1px solid rgba(251,191,36,.3)}.education-institution{background:#f8fafc;margin:0;padding:1rem 2rem;font-size:1.1rem;color:#374151;font-weight:600;text-align:center;border-bottom:1px solid #f1f5f9;position:relative}.education-institution:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:2px;background:#fbbf24;border-radius:1px}.education-cgpa-block{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;padding:.75rem 1rem;margin:1rem 2rem;font-size:1rem;font-weight:600;border:none;position:relative;box-shadow:0 2px 8px rgba(59,130,246,.1)}.education-cgpa-label{color:#64748b;font-weight:500}.education-cgpa-value{color:#1e40af;font-weight:700;font-size:1.1rem}.education-internship-block,.education-project-block{background:#ffffff;border-radius:12px;box-shadow:0 1px 6px rgba(0,0,0,.03);padding:0;margin:1.5rem;border:1px solid #f1f5f9;position:relative;overflow:hidden}.education-project-block{border-left:3px solid #1e3a8a}.education-internship-block{border-left:3px solid #fbbf24}.education-content-area{padding:1.25rem}.education-internship-title,.education-project-title{font-size:1.1rem;font-weight:700;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;color:#1e293b;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.education-internship-period,.education-project-subtitle{font-size:.9rem;color:#1e3a8a;margin-bottom:.75rem;font-weight:600;padding:.375rem .75rem;background:rgba(30,58,138,.08);border-radius:8px;display:inline-block;border:1px solid rgba(30,58,138,.15)}.education-internship-period{color:#fbbf24;background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.15)}.education-internship-project,.education-project-description{font-size:.95rem;color:#475569;margin-bottom:1rem;line-height:1.6;text-align:left}.education-internship-bullets{margin:0;list-style:none;background:#f8fafc;border-radius:8px;padding:.75rem}.education-internship-bullets li{position:relative;margin-bottom:.75rem;font-size:.9rem;color:#475569;padding-left:1.5rem;line-height:1.6;text-align:left}.education-internship-bullets li:last-child{margin-bottom:0}.education-internship-bullets li:before{content:"";position:absolute;left:.375rem;top:.6rem;width:4px;height:4px;background:#fbbf24;border-radius:50%}.education-container{max-width:1000px;margin:0 auto;padding:0 1rem}.wide-education-cards{display:flex;flex-direction:column;gap:3rem}@media (max-width:900px){.education-container{padding:0 .75rem}.redesigned-education-card{margin-bottom:2rem}.education-card-header{padding:1.25rem 1.5rem;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.education-header-left{flex:none}.education-degree{font-size:1.2rem;justify-content:center}.education-period{font-size:.9rem}.education-institution{font-size:1rem;padding:.875rem 1.25rem}.education-cgpa-block{margin:.875rem 1.25rem;padding:.625rem .875rem}.education-internship-block,.education-project-block{margin:1.25rem}}@media (max-width:600px){.education-container{padding:0 .5rem}.redesigned-education-card{border-radius:12px;margin-bottom:1.5rem}.education-card-header{padding:1rem;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.education-header-left{flex:none}.education-degree{font-size:1.1rem;justify-content:center}.education-period{font-size:.875rem;padding:.2rem .6rem}.education-institution{font-size:.95rem;padding:.75rem 1rem}.education-cgpa-block{margin:.75rem;padding:.5rem .75rem;font-size:.9rem}.education-cgpa-value{font-size:1rem}.education-internship-block,.education-project-block{margin:1rem;border-radius:10px}.education-content-area{padding:1rem}.education-internship-title,.education-project-title{font-size:1rem;flex-direction:column;align-items:flex-start;gap:.375rem}.education-internship-period,.education-project-subtitle{font-size:.8rem;padding:.3rem .6rem}.education-internship-project,.education-project-description{font-size:.875rem;line-height:1.5}.education-internship-bullets{padding:.625rem}.education-internship-bullets li{font-size:.825rem;padding-left:1.25rem;line-height:1.5;margin-bottom:.5rem}}@media (max-width:400px){.education-card-header{padding:.875rem}.education-degree{font-size:1rem}.education-period{font-size:.8rem;padding:.15rem .5rem}.education-institution{font-size:.9rem;padding:.625rem .875rem}.education-cgpa-block{margin:.5rem;padding:.5rem .625rem;font-size:.85rem}.education-internship-block,.education-project-block{margin:.75rem}.education-content-area{padding:.875rem}.education-internship-title,.education-project-title{font-size:.95rem}.education-internship-bullets li{font-size:.8rem}}.redesigned-experience-card{background:#ffffff;border-radius:16px;box-shadow:0 2px 8px rgba(30,41,59,.04);border:1px solid rgba(226,232,240,.6);padding:2.5rem 2.2rem 2.2rem 2.8rem;margin-bottom:2rem;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;will-change:transform;transform:translateZ(0)}.redesigned-experience-card:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(59,130,246,.03) 0,transparent 70%);pointer-events:none;transition:all .4s ease}.redesigned-experience-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 48px rgba(30,41,59,.12),0 4px 16px rgba(59,130,246,.08);border-color:rgba(59,130,246,.2)}.redesigned-experience-card:hover:after{background:radial-gradient(circle,rgba(59,130,246,.06) 0,transparent 70%)}.redesigned-experience-card.accent-blue:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#3b82f6,#6366f1 50%,#8b5cf6);border-radius:0 2px 2px 0;opacity:.8}.redesigned-experience-card.accent-orange:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#f59e42,#fbbf24);border-radius:8px}.redesigned-experience-bullets{margin:1.1rem 0 0 .5rem;padding-left:1.1rem;list-style:none}.redesigned-experience-bullets li{position:relative;margin-bottom:.7rem;font-size:1.04rem;color:#475569;padding-left:1.4rem;line-height:1.7}.experience-bullet-dot{position:absolute;left:0;top:.7em;width:.7em;height:.7em;background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:50%;display:inline-block;box-shadow:0 1px 4px rgba(59,130,246,.13)}@media (max-width:900px){.redesigned-experience-card{padding:1.3rem .7rem 1rem 1.5rem}.redesigned-experience-bullets li{font-size:.97rem;margin-bottom:.45rem;padding-left:1.1rem}}@media (max-width:600px){.redesigned-experience-card{padding:.8rem .3rem .7rem 1rem;margin-bottom:1rem}.redesigned-experience-bullets li{font-size:.93rem;margin-bottom:.3rem;padding-left:.9rem}}.projects-category-filter{display:flex;justify-content:center;gap:.5rem;margin-bottom:3rem;flex-wrap:wrap;padding:0 1rem}.category-filter-btn{display:flex;align-items:center;gap:.3rem;padding:.5rem 1rem;background:var(--color-warm-gray);border:2px solid transparent;border-radius:50px;color:var(--color-deep-gray);font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.category-filter-btn:hover{background:var(--color-light-gray);transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-filter-btn.active{background:linear-gradient(135deg,var(--color-accent-blue),#8b5cf6);color:white;border-color:var(--color-accent-blue);box-shadow:var(--shadow-lg)}.category-icon{font-size:1.1rem}.enhanced-projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 1rem;max-width:1200px;margin:0 auto}@media (max-width:600px){.enhanced-projects-grid{grid-template-columns:1fr;gap:1.25rem;padding:0 .5rem}}.enhanced-project-card{background:white;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:all .4s ease;border:1px solid var(--color-light-gray);position:relative}.enhanced-project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-accent-blue)}.project-image-container{position:relative;height:220px;overflow:hidden;background:#f8fafc;display:flex;align-items:center;justify-content:center;border-radius:12px 12px 0 0}.image-background-effect{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(139,92,246,.1));transition:all .4s ease;z-index:1;opacity:.8}.project-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .4s ease;background:transparent;border-radius:8px;padding:8px;position:relative;z-index:2}.enhanced-project-card:hover .project-image{transform:scale(1.02)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:10}.enhanced-project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem;z-index:11}.project-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:white;border-radius:50%;color:var(--color-near-black);text-decoration:none;transition:all .3s ease;box-shadow:var(--shadow-md);z-index:12}.project-link:hover{transform:scale(1.1);background:var(--color-accent-blue);color:white}.project-link.github-link:hover{background:#333}.project-link.live-link:hover{background:#10b981}.project-status-badge{position:absolute;top:1rem;right:1rem;z-index:15}.status-indicator{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-indicator.live{background:#10b981;color:white}.status-indicator.in-progress{background:#f59e0b;color:white}.status-indicator.demo-live{background:#6b7280;color:white}.project-content{padding:1.5rem}.project-header{margin-bottom:1rem}.project-category-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:var(--color-light-gray);border-radius:20px;font-size:.8rem;font-weight:600;color:var(--color-deep-gray)}.category-icon-small{font-size:.9rem}.project-title{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,rgb(31,41,55),rgb(59,130,246));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;line-height:1.3}.project-description{color:var(--color-deep-gray);line-height:1.6;margin-bottom:1.25rem;font-size:.95rem}.project-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:0}.tech-chip{padding:.3rem .7rem;background:linear-gradient(135deg,var(--color-accent-blue),#8b5cf6);color:white;border-radius:15px;font-size:.8rem;font-weight:500;transition:all .3s ease}.tech-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.project-actions{display:flex;gap:.75rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;flex:1;justify-content:center}.action-btn.github-btn{background:#333;color:white}.action-btn.github-btn:hover{background:#555;transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-btn.live-btn{background:linear-gradient(135deg,var(--color-accent-blue),#8b5cf6);color:white}.action-btn.live-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width:900px){.enhanced-projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.projects-category-filter{gap:.75rem}.category-filter-btn{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width:600px){.enhanced-projects-grid{grid-template-columns:1fr;gap:1.25rem;padding:0 .5rem}.projects-category-filter{gap:.5rem;margin-bottom:2rem}.category-filter-btn{padding:.5rem 1rem;font-size:.85rem}.project-image-container{height:180px}.project-content{padding:1.25rem}.project-title{font-size:1.25rem}.project-actions{flex-direction:column}.action-btn{padding:.75rem 1rem}}@media (max-width:480px){.enhanced-projects-grid{padding:0 .25rem}.project-content{padding:1rem}.project-title{font-size:1.1rem}.project-description{font-size:.9rem}.tech-chip{font-size:.75rem;padding:.25rem .6rem}}.slider-controls{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:20;opacity:0;transition:opacity .3s ease}.enhanced-project-card:hover .slider-controls{opacity:1}.slider-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.9);border:none;border-radius:50%;color:var(--color-near-black);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);font-size:.9rem;z-index:21}.slider-btn:hover{background:var(--color-accent-blue);color:white;transform:scale(1.1)}.slider-indicators{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:22}.slider-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);cursor:pointer;transition:all .3s ease}.slider-dot.active{transform:scale(1.2)}.slider-dot.active,.slider-dot:hover{background:var(--color-accent-blue)}@media (max-width:600px){.slider-controls{padding:0 .5rem}.slider-btn{width:35px;height:35px;font-size:.8rem}.slider-indicators{bottom:.75rem}.slider-dot{width:6px;height:6px}}.projects-status-filter{display:flex;justify-content:center;gap:.4rem;margin-bottom:2rem;margin-top:-1.2rem;flex-wrap:wrap}.status-filter-btn{padding:.4rem 1rem;font-size:.8rem;border-radius:25px;background:transparent;color:#64748b;border:1.5px solid #e2e8f0;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.status-filter-btn:hover{border-color:#cbd5e0;color:#475569;transform:translateY(-1px)}.status-filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600;box-shadow:0 2px 8px rgba(59,130,246,.3)}.status-filter-btn.active.live{background:#22c55e;border-color:#22c55e;box-shadow:0 2px 8px rgba(34,197,94,.3)}.status-filter-btn.active.inprogress{background:#f59e0b;border-color:#f59e0b;box-shadow:0 2px 8px rgba(245,158,11,.3)}.status-filter-btn.active.code{background:#6b7280;border-color:#6b7280;box-shadow:0 2px 8px rgba(107,114,128,.3)}.skills-container{padding:.5rem 0;max-width:1200px;margin:0 auto}.skills-category-list{display:flex;flex-direction:column;gap:2.2rem}.skills-category-block{background:rgba(255,255,255,.85);border-radius:18px;box-shadow:0 4px 24px 0 rgba(59,130,246,.08),0 1.5px 6px 0 rgba(139,92,246,.06);padding:1.5rem 2rem 1.2rem;transition:box-shadow .3s;border-left:6px solid var(--color-accent-blue);position:relative}.skills-category-block:hover{box-shadow:0 8px 32px 0 rgba(59,130,246,.18),0 2px 8px 0 rgba(139,92,246,.12)}.skills-category-title-row{margin-bottom:1rem;display:flex;align-items:center}.skills-category-title{font-size:1.25rem;font-weight:700;letter-spacing:.01em;background:linear-gradient(90deg,#3b82f6 60%,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-left:.2rem}.skills-icons-row{display:flex;flex-direction:row;gap:1.2rem;align-items:center;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:thin;scrollbar-color:#3b82f6 #e5e7eb}.skills-icons-row::-webkit-scrollbar{height:6px}.skills-icons-row::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}.skill-icon-block{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;max-width:40px;max-height:40px;border-radius:12px;background:rgba(243,244,246,.7);box-shadow:0 1px 4px 0 rgba(59,130,246,.08);transition:transform .18s,box-shadow .18s,background .18s;font-size:2rem;cursor:pointer;position:relative}.skill-icon-block:hover{transform:scale(1.18) rotate(-4deg);box-shadow:0 4px 16px 0 rgba(59,130,246,.18),0 2px 8px 0 rgba(139,92,246,.12);background:rgba(59,130,246,.08);z-index:2}.skill-icon-block[title]:hover:after{content:attr(title);position:absolute;left:50%;top:110%;transform:translateX(-50%);background:#1e293b;color:#fff;font-size:.85rem;padding:.25rem .7rem;border-radius:8px;white-space:nowrap;box-shadow:0 2px 8px 0 rgba(59,130,246,.12);pointer-events:none;opacity:.97;margin-top:.2rem}@media (max-width:900px){.skills-category-block{padding:1.2rem 1rem 1rem}.skills-category-title{font-size:1.1rem}.skills-icons-row{gap:.8rem}}@media (max-width:600px){.skills-container{padding:1.2rem 0 1rem}.skills-category-block{padding:.9rem .5rem .7rem;border-left-width:4px}.skills-category-title{font-size:1rem}.skills-icons-row{gap:.6rem;padding-bottom:.1rem}.skill-icon-block{min-width:32px;min-height:32px;max-width:32px;max-height:32px;font-size:1.5rem}}.skills-workflow-container{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem;justify-content:flex-start;overflow-x:auto;padding-bottom:2rem;position:relative}.skills-workflow-stage{display:flex;flex-direction:column;align-items:center;min-width:260px;max-width:320px;flex:0 0 auto}.skills-workflow-connector{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:24px;flex:0 0 auto;opacity:.7}@media (max-width:1100px){.skills-workflow-stage{min-width:200px;max-width:240px}}@media (max-width:900px){.skills-workflow-container{gap:.2rem}.skills-workflow-stage{min-width:160px;max-width:200px}}@media (max-width:700px){.skills-workflow-container{flex-direction:column;align-items:stretch;gap:.5rem;padding-bottom:.5rem}.skills-workflow-stage{min-width:0;max-width:100%;width:100%}.skills-workflow-connector{min-width:100%;min-height:32px;justify-content:flex-start;transform:rotate(90deg) translateY(-12px)}.skills-workflow-connector svg{width:32px;height:48px;transform:rotate(90deg)}}.minimal-skills-section{padding:4rem 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden}.minimal-skills-section .container{max-width:1200px;margin:0 auto;padding:0 1rem}.skills-circle-container{position:relative;width:100%;max-width:100%;margin:0 auto;padding:1rem;display:none;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.skills-mobile-container{display:block;width:100%;max-width:500px;margin:0 auto;padding:0 1rem}@media (max-width:768px){.skills-circle,.skills-circle-container{display:none!important}.skills-mobile-container{display:block!important;width:100%;max-width:500px;margin:0 auto;padding:0 1rem}.skills-mobile-category{margin-bottom:2rem}.skills-mobile-category:last-child{margin-bottom:0}.skills-category-header{text-align:center;margin-bottom:1rem}.skills-category-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.skills-category-desc{font-size:.8rem;color:#64748b;font-weight:500;text-align:left}.skills-mobile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.skill-mobile-card{background:rgba(255,255,255,.95);border-radius:12px;padding:1rem .75rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid #f1f5f9;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:100px;justify-content:center;animation:skillPulse 4s ease-in-out infinite}.skill-mobile-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px rgba(59,130,246,.15);border-color:#3b82f6;background:linear-gradient(135deg,rgba(255,255,255,1),rgba(248,250,252,1))}.skill-mobile-card:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.skill-mobile-card:hover .skill-mobile-icon{transform:rotate(5deg) scale(1.1);filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}.skill-mobile-card:hover .skill-mobile-name{color:#3b82f6;font-weight:600}.skill-mobile-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:10px;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-mobile-icon img,.skill-mobile-icon svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;-o-object-fit:contain;object-fit:contain}.skill-mobile-card .w-6,.skill-mobile-card img,.skill-mobile-icon .w-6,.skill-mobile-icon img,.skills-category-title .w-6,.skills-category-title img{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;-o-object-fit:contain!important;object-fit:contain!important}.skill-mobile-name{font-size:.75rem;font-weight:600;color:#374151;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}}@media (min-width:769px){.skills-mobile-container{display:none!important}.skills-circle-container{display:flex!important;position:relative;max-width:800px;width:100%;aspect-ratio:1;flex-direction:row;padding:.5rem}.skills-circle{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));max-width:100%;max-height:100%;display:block!important}.skill-icon{width:48px;height:48px}.skill-icon img{-o-object-fit:contain;object-fit:contain}.skill-icon img,.skill-icon svg{width:22px;height:22px}.center-title{font-size:1.5rem}.center-subtitle{font-size:.9rem}}.category-label{font-family:var(--font-primary);font-size:.5rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.category-section{transition:all var(--transition-normal);cursor:pointer}.category-section:hover{filter:brightness(1.1)}.central-circle{fill:url(#centralGradient);filter:drop-shadow(var(--shadow-lg));animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 10px rgba(59,130,246,.5))}50%{filter:drop-shadow(0 0 20px rgba(16,185,129,.7))}}@keyframes skillPulse{0%,to{box-shadow:0 2px 8px rgba(0,0,0,.04)}50%{box-shadow:0 4px 16px rgba(59,130,246,.08)}}.skill-connection{transition:all var(--transition-fast)}.skill-node:hover+svg .skill-connection{stroke-opacity:.8!important;stroke-width:2.5}.circle-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;pointer-events:none}.center-icon{animation:spin 15s linear infinite;margin-bottom:var(--space-sm);display:flex;justify-content:center;align-items:center;color:var(--color-cream)}.center-title{font-size:1.25rem;font-weight:800;color:var(--color-cream);margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:2px}.center-subtitle,.center-title{font-family:var(--font-primary)}.center-subtitle{font-size:.75rem;color:rgba(250,248,245,.9);margin:var(--space-xs) 0 0 0;font-weight:500;letter-spacing:1px}.skills-outer-ring{pointer-events:none}.skill-node{position:absolute;pointer-events:all;z-index:5;cursor:pointer}.skill-svg-icon,.skill-svg-icon .skill-icon{pointer-events:all;transition:all .4s ease}.skill-svg-icon .skill-icon{cursor:pointer;border:2px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.skill-svg-icon .skill-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent);transition:left .6s ease;border-radius:50%}.skill-svg-icon .skill-icon:hover:before{left:100%}.skill-svg-icon .skill-icon:hover{background:rgba(255,255,255,1);border-width:3px;box-shadow:0 4px 20px rgba(59,130,246,.25);border-radius:50%}.skill-icon{width:48px;height:48px;background:var(--color-cream);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-normal);cursor:pointer;border:2px solid var(--color-light-gray);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-icon svg{filter:drop-shadow(var(--shadow-sm))}.skill-icon img,.skill-icon svg{transition:all var(--transition-fast)}.skill-icon img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.about-text{position:relative}.about-text:before{content:"";position:absolute;left:-1rem;top:0;width:4px;height:40px;background:linear-gradient(180deg,#3b82f6,#6366f1);border-radius:2px;opacity:.8}.about-description b{color:#2d3748;font-weight:600}.send-message-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;z-index:1}.send-message-btn:hover:before{left:100%}.send-message-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.6);background:linear-gradient(135deg,#764ba2,#667eea)}.send-message-btn:active{transform:translateY(0);box-shadow:0 4px 15px rgba(102,126,234,.4)}.skill-tooltip{position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.95);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:1001;margin-bottom:var(--space-xs);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);pointer-events:none}.skill-name,.skill-tooltip{color:white;font-size:.875rem;font-weight:600}.skill-name{margin:0}.skill-tooltip:after{border:6px solid transparent;border-top-color:rgba(0,0,0,.95)}.skill-sub-skills{display:flex;flex-direction:column;gap:var(--space-xs)}.sub-skill{font-size:.7rem;font-weight:400;color:var(--color-light-gray);padding:2px 6px;background:rgba(255,255,255,.1);border-radius:4px;border:1px solid rgba(255,255,255,.2)}.skill-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top:8px solid var(--color-near-black)}.skill-node:hover .skill-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-6px)}.skills-summary{margin-top:var(--space-3xl);display:flex;justify-content:center;padding:0 var(--space-lg)}.summary-card{background:var(--color-cream);padding:var(--space-2xl);border-radius:var(--space-lg);box-shadow:var(--shadow-lg);max-width:600px;text-align:center;border:1px solid var(--color-light-gray);width:100%}.summary-header{display:flex;flex-direction:column;align-items:center}.summary-title{font-size:1.5rem;font-weight:700;color:var(--color-near-black);margin:0 0 var(--space-md) 0}.summary-text,.summary-title{font-family:var(--font-primary)}.summary-text{font-size:1.125rem;color:var(--color-blue-gray);line-height:1.7;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skill-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.skill-modal{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px rgba(0,0,0,.4);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;border:1px solid rgba(255,255,255,.3);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.skill-modal-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--border-color);position:relative}.skill-modal-icon{width:60px;height:60px;border-radius:var(--radius-md);border:2px solid;display:flex;align-items:center;justify-content:center;background:var(--card-bg);box-shadow:var(--shadow-md);flex-shrink:0}.skill-modal-icon svg{width:32px;height:32px;color:var(--text-primary)}.skill-modal-icon img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.skill-modal-title-section{flex:1}.skill-modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.skill-modal-category{font-size:.875rem;font-weight:500;opacity:.8}.skill-modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.skill-modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.skill-modal-content{padding:var(--space-xl)}.skill-modal-section{margin-bottom:var(--space-xl)}.skill-modal-section:last-child{margin-bottom:0}.skill-modal-section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0}.skill-modal-usage{color:var(--text-secondary);line-height:1.6;margin:0}.skill-modal-sub-skills{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-modal-sub-skill{background:var(--card-bg);border:1px solid;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text-primary);transition:all var(--transition-fast)}.skill-modal-sub-skill:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media (max-width:600px){.minimal-skills-section{padding:var(--space-xl) 0}.minimal-skills-section .container{padding:0 var(--space-xs)}.skills-circle-container{max-width:320px;padding:var(--space-xs);margin:0 auto}.skill-icon{width:36px;height:36px}.skill-icon svg{width:18px;height:18px}.center-title{font-size:1rem;letter-spacing:1px}.category-label,.center-subtitle{font-size:.7rem}.summary-card{padding:var(--space-lg);margin:0 var(--space-sm)}.summary-title{font-size:1.125rem}.summary-text{font-size:.9rem}.skill-tooltip{font-size:.7rem;padding:var(--space-xs) var(--space-sm)}.skill-icon{width:35px;height:35px}.skill-icon img{width:16px;height:16px}.skill-modal-overlay{padding:var(--space-sm)}.skill-modal{max-height:90vh}.skill-modal-header{padding:var(--space-lg);flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.skill-modal-icon{width:50px;height:50px}.skill-modal-icon img,.skill-modal-icon svg{width:24px;height:24px}.skill-modal-title{font-size:1.25rem}}@media (max-width:480px){.skills-circle-container{max-width:300px;padding:.25rem}.minimal-skills-section .container{padding:0 .5rem}.skill-node{position:absolute}.center-title{font-size:.9rem;letter-spacing:.5px}.center-subtitle{font-size:.6rem}}.skill-modal-content{padding:var(--space-lg)}.skill-modal-section-title{font-size:1rem}.skill-modal-sub-skill{font-size:.8rem;padding:var(--space-xs) var(--space-sm)}