@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&display=swap";:root{--bg: #ffffff;--bg-card: rgba(0, 0, 0, .03);--bg-card-hover: rgba(0, 0, 0, .06);--bg-dark: #111;--bg-dark-soft: #1c1c1c;--text: #0a0a0a;--text-secondary: #555;--text-muted: #999;--accent: #F05454;--accent-hover: #d94848;--accent-soft: rgba(240, 84, 84, .08);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .08);--glass-blur: blur(20px) saturate(180%);--line: rgba(0, 0, 0, .08);--line-strong: rgba(0, 0, 0, .14);--shadow: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 8px 30px rgba(0, 0, 0, .06);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .08);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .04), inset 0 1px 0 rgba(255, 255, 255, .8);--radius: 20px;--radius-sm: 12px;--radius-lg: 28px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100dvh}body{background:var(--bg);color:var(--text);font-family:Manrope,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ambient{border-radius:50%;filter:blur(120px);pointer-events:none;position:fixed;z-index:0}.ambient-a{background:#00000005;height:600px;left:30%;top:-200px;width:600px}.ambient-b{background:#00000004;bottom:-150px;height:500px;right:10%;width:500px}.page-shell{margin:0 auto;max-width:74rem;min-height:100dvh;padding:3.5rem 2rem 2rem;position:relative;z-index:1}.site-header{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#fffc;border-bottom:1px solid var(--glass-border);box-shadow:0 1px 12px #0000000a;left:0;position:fixed;right:0;top:0;z-index:100}.header-inner{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;justify-content:space-between;margin:0 auto;max-width:74rem;padding:.85rem 2rem}.logo{align-items:center;color:var(--text);display:flex;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:800;gap:.35rem;letter-spacing:-.01em;text-decoration:none;transition:opacity .2s ease}.logo:hover{opacity:.7}.logo-mark{color:var(--accent);font-size:.8em}nav{display:flex;flex-wrap:wrap;gap:.35rem}nav a{border-radius:var(--radius-pill);color:var(--text-secondary);display:inline-block;font-size:.85rem;font-weight:500;padding:.38rem .9rem;text-decoration:none;transition:all .16s ease}nav a:hover{background:#0000000a;color:var(--text)}nav a.active{background:var(--bg-dark);color:#fff}.page-hero{animation:panelReveal .5s cubic-bezier(.22,1,.36,1) both;display:flex;gap:.75rem;margin:2.5rem auto 0;max-width:54rem}.page-hero-single{flex:1}.page-hero-img{border-radius:var(--radius);box-shadow:0 8px 30px #0000001f;display:block;height:100%;object-fit:cover;width:100%}.page-hero+.content-panel{margin-top:1rem}@media(max-width:640px){.page-hero{flex-direction:column}}.content-panel{animation:panelReveal .5s cubic-bezier(.22,1,.36,1) both;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);margin:2.5rem auto 0;max-width:54rem;padding:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,2.5rem)}@keyframes panelReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}article :global(h1),article :global(h2),article :global(h3){color:var(--text);font-family:Manrope,sans-serif;letter-spacing:-.02em;line-height:1.2;margin:2.5rem 0 .75rem}article :global(h1){font-size:clamp(2.2rem,5vw,3rem);font-weight:800;margin-top:0}article :global(h2){font-size:clamp(1.4rem,3vw,1.85rem);font-weight:700;margin-top:2.5rem}article :global(h3){font-size:clamp(1.1rem,2.2vw,1.3rem);font-weight:600}article :global(p),article :global(li){color:var(--text-secondary);font-size:1.05rem;line-height:1.75}article :global(ul),article :global(ol){padding-left:1.3rem}article :global(li){margin-bottom:.35rem}article :global(li)::marker{color:var(--text-muted)}article :global(hr){border:0;border-top:1px solid var(--line);margin:2.5rem 0}article :global(strong){color:var(--text);font-weight:600}article :global(a){color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .16s ease}article :global(a:hover){color:var(--accent-hover)}article :global(code){background:var(--bg-card);border-radius:5px;color:var(--text);font-family:Manrope,sans-serif;font-size:.86em;padding:.15em .45em}article :global(pre){background:var(--bg-dark)!important;border-radius:var(--radius-sm);overflow-x:auto;padding:1.2rem 1.4rem}article :global(pre code){background:none;color:#d4d4d4;font-size:.88rem;padding:0}article :global(blockquote){border-left:3px solid var(--text);color:var(--text-secondary);margin:1.8rem 0;padding:.4rem 0 .4rem 1.2rem}article :global(blockquote p){margin:0}.site-footer{border-top:1px solid var(--glass-border);margin-top:5rem;padding:3rem 0 1.5rem;text-align:center}.footer-brand{align-items:center;color:var(--text);display:inline-flex;font-family:Manrope,sans-serif;font-size:1.1rem;font-weight:800;gap:.35rem;letter-spacing:-.01em;margin-bottom:.5rem}.footer-brand .logo-mark{color:var(--accent)}.footer-tagline{color:var(--text-muted);font-size:.92rem;margin:0 0 2rem}.footer-links{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-bottom:2rem}.footer-links a{border-radius:var(--radius-pill);color:var(--text-muted);font-size:.84rem;font-weight:500;padding:.3rem .75rem;text-decoration:none;transition:all .16s ease}.footer-links a:hover{background:var(--bg-card);color:var(--text-secondary)}.footer-copy{color:var(--text-muted);font-size:.78rem;opacity:.6}::selection{background:#0000001a;color:var(--text)}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.22,1,.36,1) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.page-shell{padding:3rem 1.2rem 1.5rem}.header-inner{padding:.7rem 1.2rem}nav a{font-size:.8rem;padding:.3rem .65rem}.content-panel{margin-top:1.5rem}}@media(max-width:480px){.header-inner{flex-direction:column;align-items:flex-start}nav{width:100%}}
