:root{--color-bg:#1a1e23;--color-bg-deep:#101418;--color-surface:rgba(255,255,255,0.06);--color-surface-strong:rgba(20,24,29,0.92);--color-primary:#b673f8;--color-primary-glow:rgba(182,115,248,0.3);--color-accent:#f472b6;--color-heading:#f0f0f5;--color-text:#f0f0f5;--color-text-muted:rgba(226,232,240,0.72);--color-dark:#292f36;--color-white:#f0f0f5;--color-border:rgba(255,255,255,0.12);--gradient:linear-gradient(90deg,var(--color-primary),var(--color-accent));--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--font-primary:"DM Sans",sans-serif;--font-body:"DM Sans",sans-serif;--font-accent:"IBM Plex Mono",monospace;--text-xs:clamp(0.75rem,0.6rem + 0.2vw,0.65rem);--text-sm:clamp(0.85rem,0.6rem + 0.2vw,0.85rem);--text-base:clamp(0.95rem,0.9rem + 0.3vw,1.05rem);--line-height-relaxed:1.7;--line-height-tight:1.12;--font-h1:clamp(2.4rem,2rem + 3vw,4.4rem);--font-h2:clamp(1.8rem,1.55rem + 1.8vw,2.8rem);--font-h3:clamp(1.3rem,1.1rem + 0.8vw,1.8rem);--font-h4:clamp(1.05rem,1rem + 0.4vw,1.2rem);--header-height:92px;--section-spacing:clamp(1.5rem,1rem + 2vw,2.5rem);--touch-target:48px;--radius-xs:4px;--radius-sm:12px;--radius-lg:24px;--shadow-card:0 25px 50px -12px rgba(0,0,0,0.45);--app-background-pattern:url("../assets/svg/endless-constellation.svg");--app-background-pattern-opacity:0.3;--app-background-pattern-size:max(100vw,100vh);--app-background-pattern-position:center top}*,*::before,*::after{box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth;scrollbar-gutter:stable}body{position:relative;isolation:isolate;margin:0;min-height:100vh;font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg-deep);background:radial-gradient(circle at top,rgba(182,115,248,0.18),transparent 32%),radial-gradient(circle at bottom right,rgba(244,114,182,0.12),transparent 28%),linear-gradient(180deg,var(--color-bg-deep) 0%,var(--color-bg) 42%,#111418 100%);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.menu-open,body.drawer-open,body.image-viewer-open{overflow:hidden}body::before{content:"";position:fixed;inset:auto auto 12% -12%;width:24rem;height:24rem;border-radius:999px;background:radial-gradient(circle,rgba(182,115,248,0.08),transparent 65%);pointer-events:none;z-index:0}body::after{content:"";position:fixed;inset:0;background-image:var(--app-background-pattern);background-position:var(--app-background-pattern-position);background-repeat:no-repeat;background-size:var(--app-background-pattern-size) auto;opacity:var(--app-background-pattern-opacity);pointer-events:none;z-index:0}main,footer{position:relative;z-index:1}img,svg{display:block;max-width:100%}button,input,textarea{font:inherit}h1,h2,h3,h4{margin:0 0 1.5rem;color:var(--color-heading);line-height:var(--line-height-tight);font-weight:500}h1{font-size:var(--font-h1)}h2{font-size:var(--font-h2);font-family:var(--font-accent);text-align:left}h3{font-size:var(--font-h3);margin:10px 0}h4{font-size:var(--font-h4)}p{margin:0 0 1rem;color:var(--color-text-muted)}a{color:inherit;text-decoration:none;transition:color 0.3s ease}ul,ol{margin:0;padding:0}section[id]{scroll-margin-top:calc(var(--header-height) + 20px)}section:focus{outline:none}.container{width:min(100%,800px);margin:0 auto}.skip-link{position:absolute;top:-100px;left:20px;padding:12px 24px;font-weight:700;color:var(--color-bg-deep);background:var(--color-primary);border-radius:0 0 8px 8px;transition:top 0.3s ease;z-index:3000}.skip-link:focus{top:0;outline:3px solid var(--color-white)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none !important;transition:none !important}}