:root{--brand-color: #00608a;--brand-hover: #004d6e;--ambient-color: #0f172a;--bg-base: #fafbfc;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--text-main: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--card-border: #e2e8f0}body{background-color:var(--bg-base);color:var(--text-main);-webkit-transition:background-color 0.5s ease, color 0.5s ease;transition:background-color 0.5s ease, color 0.5s ease;font-family:'IBM Plex Sans', sans-serif;margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:0px}::-webkit-scrollbar-thumb:hover{background:var(--brand-color)}.page-section{display:none}.page-section.active{display:block;-webkit-animation:fadeIn 0.5s ease-out;animation:fadeIn 0.5s ease-out}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.hidden-important{display:none !important}@-webkit-keyframes pulse-slow{0%,100%{opacity:1}50%{opacity:.5}}@keyframes pulse-slow{0%,100%{opacity:1}50%{opacity:.5}}.animate-pulse-slow{-webkit-animation:pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;animation:pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite}@-webkit-keyframes spectrum{0%,100%{color:var(--brand-color)}33%{color:#6366f1}66%{color:#a855f7}}@keyframes spectrum{0%,100%{color:var(--brand-color)}33%{color:#6366f1}66%{color:#a855f7}}.animate-spectrum{-webkit-animation:spectrum 4s ease-in-out infinite;animation:spectrum 4s ease-in-out infinite}@-webkit-keyframes fade-in{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.animate-fade-in{-webkit-animation:fade-in 0.3s ease-out forwards;animation:fade-in 0.3s ease-out forwards}#wave-canvas{width:100%;height:100%;opacity:0.8;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease}body[data-theme="azure"] #wave-canvas{opacity:0.2}body[data-theme="paper"] #wave-canvas{opacity:0.12}::-moz-selection{background-color:var(--brand-color);color:white}::selection{background-color:var(--brand-color);color:white}.hidden{display:none}button{cursor:pointer;font-family:'IBM Plex Mono', monospace}button:hover{opacity:0.9}