:root{--color-dark: #0D1B2A;--color-dark-lighter: #1B263B;--color-dark-hover: #415A77;--color-text-primary: rgba(255, 255, 255, .87);--color-text-secondary: rgba(255, 255, 255, .85);--color-text-bright: #f6f6f6;--color-text-full: #ffffff;--color-border-light: rgba(255, 255, 255, .2);--color-border-medium: rgba(255, 255, 255, .3);--color-border-hover: rgba(255, 255, 255, .4);--color-border-subtle: rgba(255, 255, 255, .1);--color-bg-primary: var(--color-dark);--color-bg-secondary: var(--color-dark-lighter);--color-bg-hover: var(--color-dark-hover);--color-bg-tag: rgba(255, 255, 255, .2);--color-shadow: rgba(0, 0, 0, .5);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar{background-color:var(--color-bg-primary);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 0;max-width:80vw;margin:0 auto 2rem;border-bottom:1px solid var(--color-border-light);position:fixed;top:0;left:0;right:0;z-index:1000}.navbar-title,.navbar-links a,.navbar-social a{display:inline-block;padding:.5rem 1rem;font-size:1rem;font-weight:400;color:var(--color-text-bright);text-decoration:none;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:10px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.navbar-links a:hover,.navbar-social a:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-text-full)}.navbar-title{justify-self:start}.navbar-links{display:flex;gap:1rem;justify-self:center;align-items:center;padding:0;border:none;background:none}.navbar-social{display:flex;gap:1rem;justify-self:end;align-items:center}@media screen and (max-width: 768px){.navbar{grid-template-columns:1fr auto;padding:.75rem 2rem;font-size:.75rem}.navbar-links{display:none}.navbar-title{justify-self:start;font-size:.8rem;font-weight:700}.navbar-social{display:flex;gap:.75rem}.navbar-social a{font-size:.8rem}}#home{min-height:80vh;padding:8rem 2rem 4rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4rem;flex-wrap:wrap;max-width:80vw;margin:0 auto}.home-photo img{width:300px;height:300px;object-fit:cover;border-radius:50%;border:4px solid var(--color-border-medium);box-shadow:0 4px 20px var(--color-shadow)}.home-text{max-width:600px}.home-text h1{font-size:4rem;font-weight:700;margin-bottom:1rem;color:var(--color-text-bright)}.home-text p{font-size:2rem;font-weight:400;margin-top:0;color:var(--color-text-secondary)}@media screen and (max-width: 768px){#home{padding:6rem 1rem 2rem;gap:2rem}.home-photo img{width:200px;height:200px}.home-text h1{font-size:2.5rem}.home-text p{font-size:1.5rem}}#about{padding:4rem 2rem;text-align:center;max-width:80vw;margin:0 auto}#about h2{font-size:2.5rem;margin-bottom:2rem}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;margin:0 auto}.about-card{padding:1rem 1.5rem;border:1px solid var(--color-border-light);border-radius:10px;background-color:var(--color-bg-secondary);text-align:left;box-sizing:border-box;font-size:1rem;line-height:1.6}.about-card h3{font-size:1.5rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-subtle)}.about-card p{margin-bottom:1rem}.about-card ul{list-style-type:disc;margin:0 0 1rem 1.5rem;padding-left:0}.about-card li{margin-bottom:.5rem}.tech-stack-group{margin-bottom:1rem}.tech-stack-group h4{font-size:1rem;margin:0 0 .5rem;color:var(--color-text-bright);padding-bottom:.25rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}#projects{padding:4rem 2rem;text-align:center;max-width:80vw;margin:0 auto}#projects h2{font-size:2.5rem;margin-bottom:2rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;margin:0 auto}.project-card{padding:1rem 1.5rem;border:1px solid var(--color-border-light);border-radius:10px;background-color:var(--color-bg-secondary);text-align:left}.project-card h3{font-size:1.5rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-subtle)}.project-card p{font-size:1rem;margin-bottom:1rem;line-height:1.4}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-stack span{background:var(--color-bg-tag);color:var(--color-text-bright);padding:.3rem .7rem;border-radius:12px;font-size:.9rem}.github-button{display:inline-block;margin-top:1rem;padding:.5rem 1rem;font-size:1rem;font-weight:400;color:var(--color-text-bright);text-decoration:none;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:10px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.github-button:hover{background-color:var(--color-bg-hover);color:var(--color-text-full);border-color:var(--color-border-hover)}.footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;max-width:80vw;margin:2rem auto 0;border-top:1px solid var(--color-border-light);color:var(--color-text-bright);font-size:1rem}.credits{text-align:left}.counter-number{text-align:right}.credits,.counter-number{display:inline-block;padding:.5rem 1rem;font-size:1rem;font-weight:400;color:var(--color-text-bright);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:10px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}@media screen and (max-width: 768px){.footer{flex-direction:column;gap:.25rem;padding:.75rem 2rem}.counter-number{order:-1;text-align:center}.credits{text-align:center;white-space:normal;word-wrap:break-word;max-width:100%}.credits,.counter-number{font-size:.8rem}}#root{max-width:1280px;margin:0 auto;text-align:center}