@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-base:#181b20;--bg-surface:#2b2f37;--bg-elevated:#3E434D;--bg-hover:#4a5060;--accent:#76ABAE;--accent-dim:#5d999c;--accent-glow:rgba(118,171,174,0.15);--text-primary:#EEEEEE;--text-secondary:#A4A4A4;--text-muted:#5a6070;--border:rgba(255,255,255,0.07);--border-hover:rgba(118,171,174,0.35);--radius-sm:0.4rem;--radius-md:0.75rem;--radius-lg:1.25rem;--shadow-card:0 4px 24px rgba(0,0,0,0.4);--shadow-glow:0 0 32px rgba(118,171,174,0.08);--transition:0.25s cubic-bezier(0.4,0,0.2,1)}html[data-theme=light]{--bg-base:#f4f4f0;--bg-surface:#eaeae6;--bg-elevated:#ddddd8;--bg-hover:#d0d0cb;--accent:#4a8a8d;--accent-dim:#3a7073;--accent-glow:rgba(74,138,141,0.12);--text-primary:#1a1c22;--text-secondary:#4e5060;--text-muted:#8a8c9a;--border:rgba(0,0,0,0.09);--border-hover:rgba(74,138,141,0.4);--shadow-card:0 4px 24px rgba(0,0,0,0.08);--shadow-glow:0 0 32px rgba(74,138,141,0.1)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;font-size:17px}body{margin:0;padding:0;background-color:var(--bg-base);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:color var(--transition);&:focus,&:hover{color:var(--accent)}}h1,h2,h3,h4,h5,h6{line-height:1.25;letter-spacing:-.02em}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-18px)}}.fade-in{animation:fadeInUp .7s cubic-bezier(.4,0,.2,1) forwards}.fade-out{animation:fadeOutUp .7s cubic-bezier(.4,0,.2,1) forwards}