:root{--gradient-start: #209fb5;--gradient-end: #8839ef;--text-primary: #40435b;--text-secondary: #686c84;--text-light: #838699;--bg-primary: #eff1f5;--bg-secondary: #e6e9ef;--bg-dark: #cfd3dd;--bg-ultra-dark: rgb(74, 80, 94);--bg-primary-hover: #dcdfe6;--bg-secondary-hover: #d5d9e1;--bg-dark-hover: #c7cbd2;--white: rgb(231, 232, 236);--gray-light: rgb(197, 198, 204);--white-hover: rgb(227, 229, 233);--red-light: rgb(221, 120, 120);--red: rgb(210, 15, 57);--blue: rgb(30, 102, 245);--blue-light: rgb(4, 165, 229);--green: rgb(64, 160, 43);--green-light: rgb(134, 200, 119);--yellow: rgb(223, 142, 29);--purple: rgb(136, 57, 239);--pink: rgb(234, 118, 203);--red-light-hover: rgb(197, 95, 95);--red-hover: rgb(175, 28, 28);--blue-hover: rgb(24, 33, 214);--blue-light-hover: rgb(21, 108, 179);--green-hover: rgb(31, 140, 51);--green-light-hover: rgb(184, 230, 173);--yellow-hover: rgb(209, 186, 11);--purple-hover: rgb(162, 44, 212);--pink-hover: rgb(197, 82, 176);--shadow-light: 0 6px 12px rgba(0, 0, 0, .05);--shadow-medium: 0 8px 20px rgba(0, 0, 0, .1);--shadow-dark: 0 8px 25px rgba(0, 0, 0, .2);--font: "Roboto Slab", -apple-system, BlinkMacSystemFont, sans-serif;--font-title: "Josefin Sans", sans-serif;--font-monospace: "Space Mono", "Courier New", Courier, monospace}html{font-family:var(--font);scroll-behavior:auto}body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.35em}*{box-sizing:border-box}main{flex:1}#main-content{min-height:100vhcalc 95vh}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.posts-section,.projects-section{padding:4rem 0;background-color:var(--bg-secondary);contain:layout style}.posts-section h2,.projects-section h2{text-align:center;margin-bottom:3rem;font-size:2.5rem;color:var(--text-primary)}.projects-grid,.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;contain:layout}.project-card,.post-card{background:var(--bg-primary);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-light);transition:var(--transition);contain:layout style}.project-card:hover,.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.project-card h3,.post-card h3{margin-bottom:1rem;color:var(--text-primary);font-size:1.5rem}.project-card p,.post-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.project-links,.post-links{display:flex;gap:1rem}.project-link,.post-link{color:var(--blue);text-decoration:none;font-weight:500;transition:color .3s ease}.project-link:hover,.post-link:hover{color:var(--blue-hover);text-decoration:underline}#hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 0;text-align:center}#hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}#hero-subtitle{font-size:1.25rem;opacity:.9;font-weight:300;position:relative;z-index:1}@media(max-width:768px){.posts-section h2,.projects-section h2{font-size:2rem}.projects-grid,.posts-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#navbar{background-color:var(--bg-primary);box-shadow:var(--shadow-medium);position:sticky;top:0;z-index:1000;border-bottom:var(--bg-dark)}#nav-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:70px}#nav-name a{text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.5rem}#name-text{font-family:var(--font-title);background:linear-gradient(45deg,var(--blue-light) 10%,var(--pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#name-text:hover{opacity:.85;transition:opacity .5 ease}#nav-links{display:flex;gap:2rem;align-items:center}#nav-links a{text-decoration:none;color:var(--text-primary);font-weight:500;transition:color .3s ease;position:relative}#nav-links a:hover{color:var(--blue)}#nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--blue);transition:width .3s ease}#nav-links a:hover:after{width:100%}#nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem}.nav-hamburger{width:25px;height:3px;background-color:var(--text-primary);margin:3px 0;transition:.3s;border-radius:2px}@media(max-width:768px){#nav-links{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary);flex-direction:column;padding:1rem;box-shadow:var(--shadow-light);gap:1rem}#nav-links.active,#nav-toggle{display:flex}#nav-toggle.active .nav-hamburger:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}#nav-toggle.active .nav-hamburger:nth-child(2){opacity:0}#nav-toggle.active .nav-hamburger:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}