.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--primary: #86d262;--primary-glow: rgba(134, 210, 98, .3);--bg-color: #f8fafc;--text-color: #1e293b;--text-muted: #64748b;--header-border: #86d262;--section-bg: rgba(255, 255, 255, .5);--section-border: rgba(0, 0, 0, .05);--max-width: 800px;--transition-speed: .3s;--sidebar-bg: #ffffff;--overlay-bg: rgba(0, 0, 0, .4)}@media(prefers-color-scheme:dark){:root{--bg-color: #0f172a;--text-color: #f1f5f9;--text-muted: #94a3b8;--primary: #a3e635;--primary-glow: rgba(163, 230, 53, .2);--section-bg: rgba(30, 41, 59, .5);--section-border: rgba(255, 255, 255, .1);--sidebar-bg: #1e293b}}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{font-family:Roboto,Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;padding:4rem 2rem;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-speed) ease}header{max-width:var(--max-width);margin:0 auto 40px;border-bottom:2px solid var(--header-border);padding-bottom:2rem;position:relative;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.brand{display:flex;align-items:center;gap:1.5rem;text-decoration:none;color:inherit}.brand-text{display:flex;flex-direction:column;justify-content:center;text-align:left}header:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%;width:0}50%{width:100%}to{left:100%;width:0}}h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:0;color:var(--text-color);display:inline-block;line-height:1}header p{font-size:1rem;color:var(--text-muted);font-weight:400;margin:5px 0 0}.menu-btn{background:transparent;border:2px solid var(--primary);color:var(--primary);padding:8px 12px;font-family:inherit;font-size:1.5rem;font-weight:700;cursor:pointer;border-radius:8px;transition:all .2s ease;white-space:nowrap;line-height:1}.menu-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-glow)}.sidebar{position:fixed;top:0;right:-350px;width:300px;height:100vh;background:var(--sidebar-bg);border-left:1px solid var(--section-border);transition:right .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column;box-shadow:-10px 0 30px #0000001a}.sidebar.open{right:0}.sidebar-header{padding:2rem;display:flex;justify-content:flex-end}.close-btn{background:none;border:none;font-size:2.5rem;color:var(--primary);cursor:pointer;line-height:1;transition:transform .2s ease}.close-btn:hover{transform:rotate(90deg)}.sidebar-content{padding:0 2rem 2rem;display:flex;flex-direction:column;gap:1rem}.sidebar-content a{text-decoration:none;color:var(--text-color);font-weight:700;font-size:1.25rem;padding:.75rem 1rem;border-radius:12px;transition:all .2s ease}.sidebar-content a:hover,.sidebar-content a.active{background:var(--primary-glow);color:var(--primary);padding-left:1.5rem}.sidebar-content a:after{display:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:999;backdrop-filter:blur(4px)}.overlay.open{opacity:1;pointer-events:auto}main{max-width:var(--max-width);margin:4rem auto;display:flex;flex-direction:column;gap:3rem}section{padding:2.5rem;background:var(--section-bg);border-radius:1.5rem;border:1px solid var(--section-border);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1.5rem;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .4s ease}section:hover{transform:translateY(-5px);box-shadow:0 20px 40px -20px var(--primary-glow);border-color:var(--primary)}h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}h2:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--primary);border-radius:50%}p{color:var(--text-muted);font-size:1.1rem}a{color:var(--primary);text-decoration:none;font-weight:600;position:relative;transition:color .2s ease}a:not(.logo-link):after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:var(--primary);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}a:hover{color:var(--primary)}a:hover:after{transform:scaleX(1);transform-origin:bottom left}@media(max-width:640px){body{padding:2rem 1rem}h1{font-size:2.25rem}}footer{text-align:center;padding:4rem 2rem;margin-top:auto;font-size:.9rem;color:var(--text-muted);border-top:1px solid var(--section-border)}@media(max-width:650px){header{padding-bottom:1.5rem}.brand-text h1{font-size:2rem}.sidebar{width:85vw;right:-90vw}}