@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffe6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a1a;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}a{color:#f50057;font-weight:500;text-decoration:none;transition:color .3s}a:hover{color:#ff4081}body{background:linear-gradient(135deg,#0a0a1a 0%,#121229 100%);min-height:100vh;margin:0;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}button{cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;transition:all .3s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#121229}::-webkit-scrollbar-thumb{background:#f50057;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff4081}::selection{background-color:#f500574d}.bg-grid{background-image:linear-gradient(#740f7a0d 1px,#0000 1px),linear-gradient(90deg,#740f7a0d 1px,#0000 1px);background-size:30px 30px}#root{text-align:left;width:100%;margin:0;padding:0}.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffe6;background-color:#0a0a1a}.light-mode{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1a1a2e;background-color:#f9f9fb}.portfolio-header{z-index:1000;padding:1.5rem 0;position:sticky;top:0}.portfolio-header.dark{background:linear-gradient(90deg,#0a0a1af2 0%,#121229f2 100%);box-shadow:0 4px 20px #0000004d}.portfolio-header.light{background:#fffffff2;box-shadow:0 4px 20px #0000000d}.nav-link{border-radius:4px;padding:.5rem 1rem;font-weight:500;transition:all .3s}.nav-link.dark{color:#fffc}.nav-link.dark:hover,.nav-link.dark.active{color:#fff;background-color:#f500571a}.nav-link.light{color:#000000b3}.nav-link.light:hover,.nav-link.light.active{color:#f50057;background-color:#f500570d}.hero-section{align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.hero-section.dark{background-image:url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cpattern%20id='grid'%20width='40'%20height='40'%20patternUnits='userSpaceOnUse'%3e%3cpath%20d='M%2040%200%20L%200%200%200%2040'%20fill='none'%20stroke='rgba(142,%2036,%20170,%200.03)'%20stroke-width='1'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='40'%20height='40'%20fill='url(%23grid)'%20/%3e%3c/svg%3e"),linear-gradient(135deg,#0a0a1ae6 0%,#121229e6 100%);background-size:40px 40px,cover}.hero-section.light{background-image:url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cpattern%20id='grid'%20width='40'%20height='40'%20patternUnits='userSpaceOnUse'%3e%3cpath%20d='M%2040%200%20L%200%200%200%2040'%20fill='none'%20stroke='rgba(245,%200,%2087,%200.03)'%20stroke-width='1'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='40'%20height='40'%20fill='url(%23grid)'%20/%3e%3c/svg%3e"),linear-gradient(135deg,#f9f9fbe6 0%,#ffffffe6 100%);background-size:40px 40px,cover}.hero-content{z-index:2;position:relative}.animated-bg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.animated-bg.dark{background:radial-gradient(circle,#f500571a 0%,#0a0a1a00 70%)}.animated-bg.light{background:radial-gradient(circle,#f500570d 0%,#fff0 70%)}.section-title{margin-bottom:2rem;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,#f50057,#8e24aa);border-radius:2px;width:80px;height:4px;position:absolute;bottom:-10px;left:0}.project-card{border-radius:12px;transition:all .3s;overflow:hidden}.project-card.dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121229b3;border:1px solid #ffffff0d}.project-card.light{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000000d;box-shadow:0 10px 25px #0000000d}.project-card:hover{transform:translateY(-5px)}.tech-chip{transition:all .3s}.tech-chip.dark{color:#fff;background:#f500571a;border:1px solid #f500574d}.tech-chip.light{color:#1a1a2e;background:#f500570d;border:1px solid #f5005733}.tech-chip.dark:hover,.tech-chip.dark.active{background:#f5005733;border-color:#f5005780}.tech-chip.light:hover,.tech-chip.light.active{background:#f500571a;border-color:#f500574d}.view-btn{color:#fff;background:linear-gradient(90deg,#f50057,#8e24aa);border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;transition:all .3s}.view-btn:hover{box-shadow:0 5px 15px #f500574d}.dark-section{background-color:#0a0a1a80}.light-section{background-color:#f5f5fa80}.footer.dark{background:linear-gradient(90deg,#0a0a1af2 0%,#121229f2 100%);border-top:1px solid #ffffff0d}.footer.light{background:linear-gradient(90deg,#f9f9fbf2 0%,#fffffff2 100%);border-top:1px solid #0000000d}.footer{margin-top:4rem;padding:2rem 0}.social-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.social-icon.dark{color:#fff;background:#ffffff0d}.social-icon.light{color:#1a1a2e;background:#0000000d}.social-icon.dark:hover{color:#f50057;background:#f5005733;transform:translateY(-2px)}.social-icon.light:hover{color:#f50057;background:#f500571a;transform:translateY(-2px)}.form-input.dark{color:#fff;background-color:#1212294d;border:1px solid #ffffff1a}.form-input.light{color:#1a1a2e;background-color:#ffffffe6;border:1px solid #0000001a}