@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--md-sys-color-primary: #D0BCFF;--md-sys-color-on-primary: #381E72;--md-sys-color-primary-container: #4F378B;--md-sys-color-on-primary-container: #EADDFF;--md-sys-color-secondary: #CCC2DC;--md-sys-color-on-secondary: #332D41;--md-sys-color-secondary-container: #4A4458;--md-sys-color-on-secondary-container: #E8DEF8;--md-sys-color-tertiary: #EFB8C8;--md-sys-color-on-tertiary: #492532;--md-sys-color-tertiary-container: #633B48;--md-sys-color-on-tertiary-container: #FFD8E4;--md-sys-color-surface: #141218;--md-sys-color-surface-dim: #141218;--md-sys-color-surface-container: #211F26;--md-sys-color-surface-container-high: #2B2930;--md-sys-color-surface-container-highest: #36343B;--md-sys-color-on-surface: #E6E0E9;--md-sys-color-on-surface-variant: #CAC4D0;--md-sys-color-outline: #938F99;--md-sys-color-outline-variant: #49454F;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-full: 9999px;--md-sys-elevation-level1: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px 0px rgba(0, 0, 0, .3);--md-sys-elevation-level2: 0px 2px 6px 2px rgba(0, 0, 0, .15), 0px 1px 2px 0px rgba(0, 0, 0, .3);--md-sys-elevation-level3: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15);--md-sys-typescale-display-large-font: "Roboto", sans-serif;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-size: 3.5rem;--md-sys-typescale-display-large-weight: 400}[data-theme=light]{--md-sys-color-primary: #6750A4;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #EADDFF;--md-sys-color-on-primary-container: #21005D;--md-sys-color-secondary: #625B71;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #E8DEF8;--md-sys-color-on-secondary-container: #1D192B;--md-sys-color-tertiary: #7D5260;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #FFD8E4;--md-sys-color-on-tertiary-container: #31111D;--md-sys-color-surface: #FEF7FF;--md-sys-color-surface-dim: #DED8E1;--md-sys-color-surface-container: #F3EDF7;--md-sys-color-surface-container-high: #ECE6F0;--md-sys-color-surface-container-highest: #E6E0E9;--md-sys-color-on-surface: #1C1B1F;--md-sys-color-on-surface-variant: #49454F;--md-sys-color-outline: #79747E;--md-sys-color-outline-variant: #CAC4D0;--md-sys-elevation-level1: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px 0px rgba(0, 0, 0, .3);--md-sys-elevation-level2: 0px 2px 6px 2px rgba(0, 0, 0, .15), 0px 1px 2px 0px rgba(0, 0, 0, .3);--md-sys-elevation-level3: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;width:100%;position:relative}body{font-family:Roboto,sans-serif;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s ease,color .5s ease}.text-primary{color:var(--md-sys-color-primary)}.text-variant{color:var(--md-sys-color-on-surface-variant)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:10}.app-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.app-header{position:fixed;top:0;left:0;right:0;z-index:50;height:64px;display:flex;align-items:center;transition:background-color .3s ease,box-shadow .3s ease;background-color:transparent}.app-header.scrolled{background-color:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level2)}.header-content{width:100%;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.375rem;font-weight:400;color:var(--md-sys-color-on-surface);text-decoration:none;display:flex;align-items:center;gap:.75rem}.logo-icon{width:40px;height:40px;border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);display:flex;align-items:center;justify-content:center}.nav-links{display:flex;gap:1.5rem}.nav-link{color:var(--md-sys-color-on-surface);text-decoration:none;font-weight:500;font-size:.875rem;padding:.5rem 1rem;border-radius:var(--md-sys-shape-corner-full);transition:background-color .2s}.nav-link:hover{background-color:#e6e0e914}@media (max-width: 768px){.nav-links{display:none}}.hero{padding:10rem 0 6rem;display:flex;align-items:center;justify-content:center;text-align:center;background-color:var(--md-sys-color-surface)}.hero-title{font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);margin-bottom:1.5rem;color:var(--md-sys-color-on-surface);letter-spacing:-.25px}.hero-subtitle{font-size:1.125rem;color:var(--md-sys-color-on-surface-variant);max-width:650px;margin:0 auto 3rem;line-height:1.5}.scroll-indicator{display:inline-flex;flex-direction:column;align-items:center;margin-top:3rem;color:var(--md-sys-color-primary);text-decoration:none;font-weight:500;gap:.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (max-width: 768px){.hero-title{font-size:2.5rem;line-height:1.2}.hero{padding:6rem 0 4rem}.projects-section{padding:3rem 0 5rem}}.projects-section{padding:4rem 0 8rem;background-color:var(--md-sys-color-surface)}.section-header{margin-bottom:3rem}.section-title{font-size:2.25rem;font-weight:400;margin-bottom:.5rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.md3-card{background-color:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-extra-large);overflow:hidden;transition:background-color .2s,box-shadow .2s,transform .2s;display:flex;flex-direction:column}.md3-card:hover{background-color:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-level1);transform:translateY(-2px)}.project-image-wrapper{width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--md-sys-color-surface-container)}.project-image{width:100%;height:100%;object-fit:cover}.project-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.project-title{font-size:1.375rem;font-weight:500;margin-bottom:.5rem;color:var(--md-sys-color-on-surface)}.project-desc{font-size:1rem;color:var(--md-sys-color-on-surface-variant);margin-bottom:2rem;line-height:1.5;flex:1}.md3-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:var(--md-sys-shape-corner-full);padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;text-decoration:none;transition:background-color .2s ease,box-shadow .2s ease;align-self:flex-start}.md3-button:hover{background-color:#e6d8ff;box-shadow:var(--md-sys-elevation-level1)}.md3-button:active{background-color:#c1a6ff}.project-tags{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.md3-chip{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding:.25rem .75rem;border-radius:var(--md-sys-shape-corner-medium);font-size:.75rem;font-weight:500}.app-footer{margin-top:auto;padding:2rem 0;background-color:var(--md-sys-color-surface-container)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.footer-text{color:var(--md-sys-color-on-surface-variant);font-size:.875rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.text-center{text-align:center}.flex{display:flex}.justify-center{justify-content:center}