@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-card: #ffffff;--bg-card-alt: #f5f5f5;--text-primary: #000000;--text-secondary: #666666;--text-muted: #999999;--border-color: #e5e5e5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--leadership-badge: #000000;--leadership-badge-text: #ffffff;--hover-bg: #f5f5f5;--btn-primary-bg: #000000;--btn-primary-text: #ffffff;--btn-primary-hover: #333333;--btn-secondary-bg: transparent;--btn-secondary-text: #000000;--btn-secondary-border: #000000;--btn-secondary-hover: #f5f5f5;--radius: 8px;--radius-sm: 4px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--icon-bg: var(--bg-card);--active-nav-bg: rgb(82, 168, 255);--active-nav-shadow: 0 2px 8px rgba(82, 168, 255, .25)}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #111111;--bg-card-alt: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #999999;--border-color: #2a2a2a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5);--leadership-badge: #ffffff;--leadership-badge-text: #000000;--hover-bg: #1a1a1a;--btn-primary-bg: #ffffff;--btn-primary-text: #000000;--btn-primary-hover: #e5e5e5;--btn-secondary-bg: transparent;--btn-secondary-text: #ffffff;--btn-secondary-border: #ffffff;--btn-secondary-hover: #1a1a1a;--radius: 8px;--radius-sm: 4px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--icon-bg: var(--bg-card-alt);--active-nav-bg: rgb(82, 168, 255);--active-nav-shadow: 0 2px 8px rgba(82, 168, 255, .4)}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .4s ease,color .4s ease;line-height:1.6;font-weight:400;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:500;letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;color:var(--text-primary)}h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500;letter-spacing:-.01em;font-family:Space Grotesk,sans-serif}h3{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;letter-spacing:-.01em;font-family:Space Grotesk,sans-serif}p{color:var(--text-secondary);line-height:1.8;font-size:clamp(1rem,2vw,1.125rem)}a{color:var(--text-primary);text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.7}section{padding:clamp(3rem,6vw,5rem) 1.5rem;max-width:1400px;margin:0 auto;width:100%}.section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:500;letter-spacing:-.01em;margin-bottom:2rem;background:linear-gradient(135deg,var(--text-primary) 0%,#6366f1 50%,var(--text-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;position:relative;padding-left:0;padding-bottom:.5rem}[data-theme=dark] .section-title{background:linear-gradient(135deg,var(--text-primary) 0%,#818cf8 50%,var(--text-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title:after{content:"";position:absolute;left:0;bottom:0;width:60px;height:2px;background:linear-gradient(90deg,#6366f1,#6366f100);border-radius:1px}[data-theme=dark] .section-title:after{background:linear-gradient(90deg,#818cf8,#818cf800)}.card{border-radius:var(--radius, 8px)}.btn,.btn-primary,.leadership-badge,.theme-toggle{border-radius:var(--radius-sm, 4px)}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm, 4px);font-weight:400;cursor:pointer;transition:all .2s ease;display:inline-block;text-align:center;font-size:.9rem;background:transparent;border:1px solid var(--border-color);color:var(--text-primary);font-family:Inter,sans-serif}.btn:hover{background:var(--hover-bg);border-color:var(--text-primary);transform:translateY(-2px)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.btn-primary:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover);transform:translateY(-2px)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.btn-secondary:hover{background:var(--btn-secondary-hover);border-color:var(--btn-secondary-border)}.card{position:relative;background:var(--bg-card);border-radius:var(--radius, 8px);padding:0;transition:all .2s ease;border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--text-primary);opacity:.95}.leadership-badge{display:inline-block;padding:.25rem .75rem;background:var(--leadership-badge);color:var(--leadership-badge-text);border-radius:var(--radius-sm, 4px);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.horizontal-scroll{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:1.5rem;padding-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.horizontal-scroll::-webkit-scrollbar{height:6px}.horizontal-scroll::-webkit-scrollbar-track{background:transparent}.horizontal-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.horizontal-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.toolkit-icon-container{transition:background-color .3s ease,border-color .3s ease}.toolkit-icon img{width:100%;height:100%;object-fit:contain}[data-theme=light] .chatgpt-icon{filter:invert(1) brightness(0)}[data-theme=dark] .chatgpt-icon{filter:invert(1) brightness(2)}@media(max-width:768px){section{padding:clamp(2rem,4vw,3rem) 1rem!important}.section-title{font-size:clamp(1.5rem,4vw,2rem)!important;margin-bottom:1.5rem!important}#projects>div>div,#toolkit>div>div>div,#opensource>div>div>div,#recommendations>div>div>div,#contact>div>div{grid-template-columns:1fr!important;max-width:100%!important;width:100%!important}#projects>div>div>div{max-width:100%!important;width:100%!important}#toolkit>div>div>div{gap:1.5rem!important}#contact>div>div{gap:2rem!important}#experience>div>div{gap:1.5rem!important}#experience>div>div>div>div{padding:1rem!important}.bottom-nav{bottom:1rem!important;padding:.5rem 1rem!important;gap:.25rem!important;max-width:calc(100vw - 2rem)!important}.bottom-nav a{font-size:.75rem!important;padding:.4rem .75rem!important}#hero{padding:1.5rem 1rem!important;min-height:auto!important}#hero h1{font-size:clamp(1.5rem,6vw,2.5rem)!important}#recommendations>div>div>div>div{padding:1.5rem!important}#opensource>div>div>div>a>div{padding:1.25rem!important}}@media(max-width:480px){section{padding:clamp(1.5rem,3vw,2rem) 1rem!important}.section-title{font-size:clamp(1.25rem,5vw,1.75rem)!important;margin-bottom:1.25rem!important}#projects>div>div,#toolkit>div>div>div,#opensource>div>div>div,#recommendations>div>div>div{gap:1rem!important}#contact>div>div{gap:1.5rem!important}}.reveal{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.reveal.active{opacity:1;transform:translateY(0)}