.header{background:linear-gradient(135deg,hsla(from var(--color-surface) h s l / .8),hsla(from var(--color-surface) h s l / .6));backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.header.scrolled{padding:var(--spacing-xs) var(--spacing-md)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center}.logo-link{text-decoration:none;color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-xs);transition:var(--transition)}.logo-link:hover{transform:scale(1.05)}.logo-image{height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:height .3s ease}.scrolled .logo-image{height:32px}.nav-links{display:flex;gap:var(--spacing-xs);align-items:center}.nav-link{color:var(--color-primary);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition)}.nav-link:hover,.nav-link.active{background:linear-gradient(135deg,hsla(from var(--color-accent) h s l / .1),hsla(from var(--color-accent) h s l / .05));color:var(--color-accent)}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-xs);z-index:101}.hamburger{display:block;width:24px;height:2px;background:var(--color-primary);position:relative;transition:all .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:24px;height:2px;background:var(--color-primary);transition:all .3s ease}.hamburger:before{top:-6px}.hamburger:after{bottom:-6px}@media (max-width: 1024px){.nav-link{font-size:.9rem;padding:var(--spacing-xs) var(--spacing-xs)}}@media (max-width: 768px){.mobile-menu-button{display:block}.nav-links{position:fixed;top:0;right:0;width:280px;height:100vh;background:var(--color-surface);flex-direction:column;padding:80px var(--spacing-md) var(--spacing-md);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:99;box-shadow:-2px 0 10px #0000001a}.nav-links.open{opacity:1;visibility:visible}.nav-link{font-size:1.1rem;padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-xs) 0;border-radius:var(--border-radius);text-align:left;position:relative;transition:all .3s ease}.nav-link:hover,.nav-link.active{background:linear-gradient(135deg,hsla(from var(--color-accent) h s l / .1),hsla(from var(--color-accent) h s l / .05));color:var(--color-accent);transform:translate(var(--spacing-xs))}body.menu-open{overflow:hidden}.mobile-menu-button.open .hamburger{background:transparent}.mobile-menu-button.open .hamburger:before{transform:rotate(45deg);top:0}.mobile-menu-button.open .hamburger:after{transform:rotate(-45deg);bottom:0}}.footer{padding:var(--spacing-md) var(--spacing-md);background:hsla(from var(--color-surface) h s l / .5);border-top:1px solid var(--color-border)}.footer-content{max-width:800px;margin:0 auto;text-align:center}.footer-title{font-size:2rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.footer-text{color:var(--color-secondary);margin-bottom:var(--spacing-md)}.footer-links{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.footer-link{color:var(--color-primary);text-decoration:none;transition:var(--transition)}.footer-link:hover{color:var(--color-accent)}.footer-copyright{color:var(--color-secondary);font-size:.9rem}@media (max-width: 768px){.footer-links{flex-direction:column;gap:var(--spacing-sm)}}:root{--color-primary: #f8fafc;--color-secondary: #cfe3ff;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-background: #0f0f0f;--color-surface: #1a1a1a;--color-surface-hover: #262626;--color-border: #2a2a2a;--color-border-hover: #404040;--font-primary: "Noto Serif", Georgia, serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--border-radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .5)}@layer base{*{margin:0;padding:0;box-sizing:border-box}}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--color-background);color:var(--color-primary);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:repeating-radial-gradient(circle at 0 0,transparent 0,rgba(229,229,247,.05) 10px),repeating-linear-gradient(45deg,#444cf70d,#43e97b0d);filter:blur(100px);opacity:.6}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 20% 20%,rgba(207,119,255,.65) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,180,58,.65) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,87,87,.65) 0%,transparent 50%);filter:blur(70px);animation:moveSpots 20s ease-in-out infinite}@keyframes moveSpots{0%{transform:translate(0)}33%{transform:translate(-8%,8%)}66%{transform:translate(8%,-8%)}to{transform:translate(0)}}*:focus{outline:2px solid var(--color-accent);outline-offset:2px}