:root{--color-bg: #ffffff;--color-text: #0a0a0a;--color-text-light: #6b7280;--color-accent: #2563eb;--color-border: #e5e7eb;--color-hover: #1e40af;--spacing-xs: .75rem;--spacing-sm: 1.5rem;--spacing-md: 3rem;--spacing-lg: 6rem;--spacing-xl: 9rem;--spacing-2xl: 12rem;--content-width: 680px;--content-width-narrow: 560px}[data-theme=dark]{--color-bg: #0a0a0a;--color-text: #f5f5f5;--color-text-light: #9ca3af;--color-accent: #60a5fa;--color-border: #374151;--color-hover: #93c5fd}[data-theme=dark] .case-study,[data-theme=dark] .project-card,[data-theme=dark] .skill-category,[data-theme=dark] .about-content,[data-theme=dark] .contact-links-card{background-color:#1c1e1f}[data-theme=dark] nav{background-color:#1c1e1fd9}@media (min-width: 769px){[data-theme=dark] nav{background-color:#1c1e1fa8}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.7;font-size:16px;transition:background-color .3s ease,color .3s ease}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.container{max-width:var(--content-width);margin:0 auto;padding:0 var(--spacing-md)}.container-narrow{max-width:var(--content-width-narrow);margin:0 auto;padding:0 var(--spacing-md)}nav{position:sticky;top:0;padding:var(--spacing-sm) 0;background-color:#ffffffd9;z-index:100;border-bottom:1px solid transparent;transition:border-bottom-color .3s}@media (min-width: 769px){nav{background-color:#ffffffbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}nav.scrolled{border-bottom-color:var(--color-border)}nav .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px}.logo{font-family:Space Mono,monospace;font-weight:700;font-size:1rem;color:var(--color-text);text-decoration:none;letter-spacing:.05em}.nav-links{display:flex;gap:var(--spacing-md)}.nav-links a{font-family:DM Sans,sans-serif;font-weight:600;color:var(--color-text-light);text-decoration:none;transition:color .2s;font-size:.9rem}.nav-links a:hover{color:var(--color-text)}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:0;background-color:#fffffff2;border:1px solid var(--color-border);padding:.5rem 0;min-width:120px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;margin-top:.5rem}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown-menu:hover{opacity:1;visibility:visible}.nav-dropdown-menu a{padding:.4rem 1rem;font-size:.85rem!important;white-space:nowrap}.nav-dropdown-menu a:hover{background-color:var(--color-border)}[data-theme=dark] .nav-dropdown-menu{background-color:#1c1e1ff2}.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;z-index:101}.hamburger span{width:24px;height:2px;background-color:var(--color-text);transition:all .3s ease}.hamburger.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 768px){.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:250px;flex-direction:column;background-color:#fffffffa;padding:80px 30px 30px;gap:var(--spacing-lg);transition:right .3s ease;box-shadow:-2px 0 10px #0000001a}.nav-links.active{right:0}[data-theme=dark] .nav-links{background-color:#1c1e1ffa}.nav-links a{font-size:1.1rem}.nav-dropdown-menu{position:static;transform:none;opacity:1;visibility:visible;background:none;border:none;padding:0;margin-top:.75rem;min-width:0;padding-left:1rem;gap:.75rem;display:flex}.nav-dropdown-menu a{padding:0;font-size:.95rem!important;color:var(--color-text-light)}.nav-dropdown-menu a:hover{background-color:transparent}}h1,h2,h3,h4{font-family:Space Mono,monospace;font-weight:700;line-height:1.1;color:var(--color-text)}h1{font-size:3.5rem;margin-bottom:var(--spacing-md);letter-spacing:-.02em}h2{font-size:2.5rem;margin-bottom:var(--spacing-md);letter-spacing:-.01em}h3{font-size:1.75rem;margin-bottom:var(--spacing-sm)}h4{font-size:1.25rem;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-sm);color:var(--color-text);line-height:1.8}p.lead{font-size:1.25rem;line-height:1.7;color:var(--color-text-light)}a{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:.2em;transition:text-decoration-color .2s}a:hover{text-decoration-color:var(--color-text)}section{padding:var(--spacing-xl) 0}footer{padding:var(--spacing-lg) 0;margin-top:var(--spacing-lg);border-top:1px solid var(--color-border)}footer p{font-size:.875rem;color:var(--color-text-light)}@media (max-width: 768px){footer{padding-bottom:calc(var(--spacing-lg) + 2rem)}}@media (max-width: 768px){:root{--spacing-md: 1.5rem;--spacing-lg: 3rem;--spacing-xl: 4.5rem;--spacing-2xl: 6rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.nav-links{gap:var(--spacing-sm)}p.lead{font-size:1.125rem}}#theme-toggle{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background-color:var(--color-bg);border:2px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9999;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;transform:translateZ(0);will-change:transform;backface-visibility:hidden}#theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}#theme-toggle svg{position:absolute;transition:all .3s ease;color:var(--color-text)}[data-theme=light] #theme-toggle .sun-icon{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] #theme-toggle .moon-icon{opacity:0;transform:rotate(90deg) scale(0)}[data-theme=dark] #theme-toggle .sun-icon{opacity:0;transform:rotate(-90deg) scale(0)}[data-theme=dark] #theme-toggle .moon-icon{opacity:1;transform:rotate(0) scale(1)}@media (max-width: 768px){#theme-toggle{bottom:1.5rem;right:1.5rem;width:58px;height:58px}#theme-toggle svg{width:24px;height:24px}}