:root{--accent-color: #00b3b3;--accent-color-light: #00cccc;--accent-color-dark: #009999;--accent-secondary: #ff00ff;--accent-secondary-light: #ff66ff;--accent-color-10: rgba(0, 179, 179, .1);--accent-color-20: rgba(0, 179, 179, .2);--accent-color-30: rgba(0, 179, 179, .3);--accent-color-40: rgba(0, 179, 179, .4);--accent-color-50: rgba(0, 179, 179, .5);--accent-gradient: linear-gradient( 135deg, var(--accent-color), var(--accent-secondary) );--accent-gradient-90: linear-gradient( 90deg, var(--accent-color), var(--accent-secondary) );--bg-light: #f8fafc;--text-light: #1e293b;--text-light-secondary: #475569;--text-light-muted: #64748b;--border-light: rgba(0, 0, 0, .1);--card-bg-light: rgba(255, 255, 255, .8);--bg-dark: #1a1a1a;--text-dark: #ffffff;--text-dark-secondary: #cbd5e1;--text-dark-muted: #94a3b8;--border-dark: rgba(255, 255, 255, .1);--card-bg-dark: rgba(255, 255, 255, .05);--nav-bg-light: rgba(255, 255, 255, .7);--nav-bg-dark: rgba(26, 26, 26, .3);--nav-border-light: rgba(0, 0, 0, .08);--nav-border-dark: rgba(255, 255, 255, .05)}html.dark{--accent-color: #00ffff;--accent-color-light: #66ffff;--accent-color-dark: #00cccc;--accent-color-10: rgba(0, 255, 255, .1);--accent-color-20: rgba(0, 255, 255, .2);--accent-color-30: rgba(0, 255, 255, .3);--accent-color-40: rgba(0, 255, 255, .4);--accent-color-50: rgba(0, 255, 255, .5)}html{background-color:var(--bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-light);transition:background-color .3s ease,color .3s ease}body{margin:0 auto;width:100%;max-width:80ch;padding:1rem;line-height:1.6}*{box-sizing:border-box}h1{margin:1rem 0;font-size:2.5rem}.modern-header{position:sticky;top:1rem;z-index:1000;margin:0 2rem;transition:all .3s ease}.header-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:3.5rem;background:var(--nav-bg-light);backdrop-filter:blur(20px);border:1px solid var(--nav-border-light);border-radius:2rem;box-shadow:0 8px 32px #0000001a}.profile-section{display:flex;align-items:center;width:60px;justify-content:center}.profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light);transition:all .3s ease}.profile-image:hover{border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-color-30)}.nav-section{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center}.nav-item{color:var(--text-light);text-decoration:none;font-weight:500;font-size:1rem;padding:.75rem 1.25rem;border-radius:1rem;transition:all .3s ease;position:relative;overflow:hidden}.nav-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-gradient-90);transform:translate(-50%);transition:width .3s ease;box-shadow:0 0 10px var(--accent-color),0 0 20px var(--accent-color)}.nav-item:hover{color:var(--accent-color);text-shadow:0 0 10px var(--accent-color),0 0 20px var(--accent-color),0 0 30px var(--accent-color)}.nav-item:hover:after{width:80%}.nav-item.active{color:var(--accent-color)!important;text-shadow:0 0 10px var(--accent-color),0 0 20px var(--accent-color),0 0 30px var(--accent-color)!important}.nav-item.active:after{width:80%!important}.theme-section{display:flex;align-items:center}@media screen and (max-width: 768px){.modern-header{margin:0 1rem;top:.5rem}.header-container{padding:0 1rem;height:3rem;border-radius:1.5rem}.nav-section{gap:1rem}.nav-item{padding:.5rem .75rem;font-size:.9rem}.profile-image{width:32px;height:32px}}@media screen and (max-width: 480px){.nav-section{gap:.5rem}.nav-item{padding:.4rem .6rem;font-size:.85rem}}html.dark{background-color:var(--bg-dark);color:var(--text-dark)}html.dark .header-container{background:var(--nav-bg-dark);border:1px solid var(--nav-border-dark);box-shadow:0 8px 32px #0000004d}html.dark .nav-item{color:var(--text-dark)}html.dark .nav-item.active{color:var(--accent-color)!important;text-shadow:0 0 10px var(--accent-color),0 0 20px var(--accent-color),0 0 30px var(--accent-color)!important}html.dark .profile-image{border:2px solid var(--border-dark)}@media screen and (max-width: 768px){.nav-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#fffffffa;backdrop-filter:blur(10px);flex-direction:column;justify-content:center;gap:2rem;transition:right .3s ease;padding:2rem}.nav-menu-active{right:0}.nav-link{font-size:1.25rem;padding:1rem 1.5rem;width:100%;justify-content:center}.nav-toggle{display:flex}html.dark .nav-menu{background:#0f172afa}}html{scroll-behavior:smooth}.nav-link:focus,.brand-link:focus,.nav-toggle:focus{outline:2px solid #3b82f6;outline-offset:2px}html.dark .nav-link:focus,html.dark .brand-link:focus,html.dark .nav-toggle:focus{outline-color:#60a5fa}#themeToggle[data-astro-cid-oemx5le4]{border:0;background:none}.sun[data-astro-cid-oemx5le4]{fill:#000}.moon[data-astro-cid-oemx5le4],.dark .sun[data-astro-cid-oemx5le4]{fill:transparent}.dark .moon[data-astro-cid-oemx5le4]{fill:#fff}a[data-astro-cid-yxtifmrq]{padding:.5rem 1rem;color:#fff;background-color:#4c1d95;text-decoration:none}footer[data-astro-cid-sz7xmlte]{display:flex;gap:1rem;margin-top:2rem}
