:root{--primary-color: #5c95d1;--primary-color-rgb: 92, 149, 209;--primary-color-dark: #4678b2;--text-color: #333;--text-color-light: #666;--bg-color: #ffffff;--border-color: #ddd;--accent-bg: #f5f7fa;--accent-hover: #e0e5ec;--card-bg: #ffffff;--shadow-color: rgba(0, 0, 0, .1);--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size: 16px;--line-height: 1.6;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--transition-speed: .3s;--container-max: 1200px;--container-narrow: 800px}html.dark-theme{--primary-color: #7eaddd;--primary-color-rgb: 126, 173, 221;--primary-color-dark: #6393c5;--text-color: #e0e0e0;--text-color-light: #a0a0a0;--bg-color: #121212;--border-color: #383838;--accent-bg: #2a2a2a;--accent-hover: #3a3a3a;--card-bg: #1e1e1e;--shadow-color: rgba(0, 0, 0, .5)}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:var(--line-height);display:flex;flex-direction:column;min-height:100vh;padding:0;transition:background-color .3s ease,color .3s ease;font-size:clamp(16px,2.5vw,18px)}h1{font-size:clamp(1.8rem,5vw,2.5rem)}h2{font-size:clamp(1.4rem,4vw,1.8rem)}h3{font-size:clamp(1.2rem,3vw,1.4rem)}p{margin-bottom:1rem}.theme-toggle{background:none;border:none;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;margin-left:auto;background-color:var(--accent-bg);box-shadow:0 2px 5px #0000001a;transition:all .3s ease}.theme-toggle:hover{background-color:var(--accent-hover);transform:scale(1.05)}.theme-toggle-light,.theme-toggle-dark{font-size:1.2rem;position:absolute;transition:transform .3s ease}header{margin-bottom:2rem;padding:1rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-color);box-shadow:0 2px 8px var(--shadow-color);position:sticky;top:0;z-index:100}.header-content{max-width:var(--container-max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.logo-menu{display:flex;align-items:center;gap:1rem}.logo{font-size:1.3rem;font-weight:700;color:var(--primary-color);text-decoration:none;white-space:nowrap}.menu-toggle{display:none;background:none;border:none;color:var(--text-color);font-size:1.4rem;cursor:pointer;padding:.5rem;transition:color .3s ease}.menu-toggle:hover{color:var(--primary-color)}.header-right{display:flex;align-items:center;gap:1.5rem}main{flex:1;padding:1rem;max-width:var(--container-max);width:100%;margin:0 auto;box-sizing:border-box}footer{padding:1.5rem;text-align:center;border-top:1px solid var(--border-color);background-color:var(--accent-bg);color:var(--text-color);margin-top:auto}.footer-content{max-width:var(--container-max);margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0 1rem}nav{display:flex;gap:1.5rem}nav a{text-decoration:none;color:var(--text-color);font-weight:500;padding:.5rem;transition:color .2s ease;white-space:nowrap}nav a:hover,nav a.active{color:var(--primary-color)}.social-icons{display:flex;gap:1rem}.social-icons a{color:var(--text-color);font-size:1.2rem;transition:color .3s ease,transform .3s ease}.social-icons a:hover{color:var(--primary-color);transform:translateY(-3px)}.container{max-width:var(--container-max);margin:0 auto;padding:0 1rem;width:100%}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 1rem;width:100%}@media (max-width: 1024px){:root{--container-max: 90%}}@media (max-width: 768px){.header-content{padding:.5rem;position:relative}.menu-toggle{display:block}nav{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);box-shadow:0 4px 6px var(--shadow-color);flex-direction:column;align-items:center;padding:1rem;gap:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility 0s linear .3s;z-index:-1}nav.show{transform:translateY(0);opacity:1;visibility:visible;transition:transform .3s ease,opacity .3s ease,visibility 0s linear 0s}nav a{width:100%;text-align:center;padding:.8rem;font-size:1.1rem;border-bottom:1px solid var(--border-color)}nav a:last-child{border-bottom:none}.header-right{gap:1rem}main{padding:1rem .5rem}.social-icons{gap:.8rem}.projects-grid{grid-template-columns:1fr}}@media (max-width: 480px){header{padding:.75rem .5rem}.logo{font-size:1.1rem}.header-content{padding:0 .5rem}.social-icons{gap:.5rem}.social-icons a{font-size:1.1rem}.theme-toggle{width:36px;height:36px}main{padding:.75rem .5rem}footer{padding:1rem .5rem}}.cta-buttons{display:flex;gap:1rem;margin-top:2rem}.cta-button{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:700;transition:background-color .2s ease}.cta-button:hover{background-color:var(--primary-color-dark)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.project-card{border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:transform .2s ease,background-color .3s ease;background-color:var(--card-bg)}.project-card:hover{transform:translateY(-5px)}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-stack span{background-color:var(--accent-bg);padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.project-link{display:inline-block;margin-top:1rem;text-decoration:none;color:var(--primary-color);font-weight:700}.dark-theme .card{background-color:var(--card-bg);border-color:var(--border-color)}.dark-theme a{color:var(--primary-color)}.dark-theme button:not(.theme-toggle){background-color:var(--primary-color);color:var(--bg-color)}.dark-theme code{background-color:var(--card-bg);color:#f8f8f2}