.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: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--accent: #ec4899;--accent-light: #f472b6;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--pastel-pink: #FFD1DC;--pastel-blue: #BFDFFF;--pastel-yellow: #FFFFD1;--pastel-green: #CCFFCC;--pastel-purple: #E6D1FF;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-accent: "Nunito", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--z-base: 0;--z-elevated: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70}body{font-family:var(--font-main);color:var(--text-primary);background:linear-gradient(135deg,#f8fafc,#e0e7ff,#fce7f3);background-attachment:fixed;min-height:100vh;margin:0;padding:0;line-height:1.6;font-size:16px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:.75rem 1.5rem;text-decoration:none;font-weight:600;z-index:var(--z-tooltip);border-radius:0 0 4px}.skip-link:focus{top:0}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}header[role=banner]{display:flex;align-items:center;justify-content:center;gap:1.5rem;background-color:#ffffffe6;backdrop-filter:blur(20px);padding:1.25rem 2rem;box-shadow:0 1px 3px #0000000d;border-bottom:1px solid rgba(99,102,241,.1);position:sticky;top:0;z-index:var(--z-sticky);view-transition-name:header}::view-transition-old(header),::view-transition-new(header){animation:none}header[role=banner] nav{display:flex;gap:2rem;align-items:center;justify-content:center}@media (max-width: 640px){header[role=banner]{padding:.75rem 1rem;gap:.5rem}header[role=banner] nav{gap:.25rem;flex-wrap:wrap;justify-content:center}header[role=banner] nav a{font-size:.85rem;padding:.4rem .5rem}}header[role=banner] nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease;padding:.5rem .75rem;border-radius:6px;position:relative}header[role=banner] nav a:hover{color:var(--primary);text-decoration:none}header[role=banner] nav a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:var(--primary);transition:transform .2s ease}header[role=banner] nav a:hover:after{transform:translate(-50%) scaleX(1)}header[role=banner] nav a.active{color:var(--primary);font-weight:600}header[role=banner] nav a.active:after{transform:translate(-50%) scaleX(1)}main{max-width:800px;margin:0 auto;padding:3rem 2rem}h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem;color:var(--text-primary);letter-spacing:-.02em}h2{font-size:1.75rem;font-weight:600;line-height:1.3;margin:2.5rem 0 1rem;color:var(--text-primary);letter-spacing:-.01em}h3{font-size:1.25rem;font-weight:600;line-height:1.4;margin:2rem 0 .75rem;color:var(--text-primary)}p{margin:0 0 1.25rem;line-height:1.7;color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color .2s ease;font-weight:500}a:hover{color:var(--primary-dark);text-decoration:underline}main ul{margin:1.5rem 0;padding-left:1.5rem}main li{margin-bottom:.75rem;line-height:1.7;color:var(--text-secondary)}strong{color:var(--text-primary);font-weight:600}em{color:var(--text-muted);font-style:italic}hr{border:none;border-top:1px solid var(--bg-tertiary);margin:3rem 0}footer{padding:2.5rem 2rem;text-align:center;background-color:#ffffffe6;backdrop-filter:blur(20px);margin-top:5rem;border-top:1px solid rgba(99,102,241,.1);view-transition-name:footer}::view-transition-old(footer),::view-transition-new(footer){animation:none}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}footer .social-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.25rem}footer .social-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease}footer .social-links a:hover{color:var(--primary)}footer p{margin:0;color:var(--text-muted);font-size:.875rem}footer .disclaimer{margin-top:.75rem;font-size:.75rem;font-style:italic;opacity:.7}