.appShell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow-x:clip}.siteHeader{position:sticky;top:0;background:#ffffffbf;border-bottom:1px solid rgba(99,102,241,.12);z-index:50;isolation:isolate;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px #fffc,0 8px 32px #6366f114,0 1px inset #ffffffe6;transition:all .3s var(--ease-out)}.siteHeaderInner{max-width:var(--content-width);margin:0 auto;padding:18px 24px;display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center}.navControls{display:contents}.menuButton{display:none;appearance:none;background:#fffc;border:1.5px solid rgba(99,102,241,.2);color:#0a0a0a;border-radius:10px;padding:8px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s var(--ease-spring)}.menuButton svg{display:block}.menuButton:hover{background:#6366f11a;border-color:#6366f166;transform:translateY(-1px)}.menuButton:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.brand{font-weight:700;font-size:1.05rem;text-decoration:none;color:#0a0a0a;letter-spacing:-.02em;transition:all .3s var(--ease-spring);position:relative}.brand:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#6366f1,#a5b4fc);transition:width .3s var(--ease-spring);border-radius:1px}.brand:hover{color:#6366f1;text-decoration:none;transform:translateY(-1px)}.brand:hover:after{width:100%}.nav{display:flex;gap:4px;align-items:center}.navLink{text-decoration:none;color:#525252;font-weight:500;padding:8px 14px;border-radius:10px;position:relative;transition:all .25s var(--ease-spring);font-size:.98rem}.navLink:before{content:"";position:absolute;inset:0;background:#6366f114;border-radius:inherit;opacity:0;transform:scale(.8);transition:all .25s var(--ease-spring)}.navLink:hover{color:#6366f1;text-decoration:none;transform:translateY(-1px)}.navLink:hover:before{opacity:1;transform:scale(1)}.headerActions{display:flex;align-items:center;gap:12px;justify-content:flex-end}.themeToggle{appearance:none;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;transition:transform .25s var(--ease-spring)}.themeToggle:hover{transform:scale(1.05)}.themeToggle:active{transform:scale(.95)}.themeToggleTrack{position:relative;width:56px;height:28px;background:linear-gradient(135deg,#6366f126,#a5b4fc26);border-radius:14px;border:1.5px solid rgba(99,102,241,.2);display:flex;align-items:center;padding:2px;transition:all .3s var(--ease-spring);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 2px 4px #0000001a,0 2px 8px #6366f126}.themeToggle:hover .themeToggleTrack{background:linear-gradient(135deg,#6366f140,#a5b4fc40);border-color:#6366f166;box-shadow:inset 0 2px 4px #00000026,0 4px 12px #6366f140}.themeToggleThumb{position:relative;width:22px;height:22px;background:linear-gradient(135deg,#6366f1,#a5b4fc);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s var(--ease-spring);box-shadow:0 2px 6px #6366f166,0 0 0 2px #ffffffe6;transform:translate(0)}[data-theme=dark] .themeToggleThumb{transform:translate(28px);background:linear-gradient(135deg,#312e81,#4f46e5);box-shadow:0 2px 6px #312e8199,0 0 0 2px #ffffff1a}.themeIcon{position:absolute;font-size:14px;transition:all .3s var(--ease-spring)}.themeIconSun{opacity:1;transform:rotate(0) scale(1)}.themeIconMoon{opacity:0;transform:rotate(180deg) scale(0)}[data-theme=dark] .themeIconSun{opacity:0;transform:rotate(-180deg) scale(0)}[data-theme=dark] .themeIconMoon{opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .siteHeader{background:#0a0a0abf;border-bottom:1px solid rgba(99,102,241,.2);box-shadow:0 1px #6366f11a,0 8px 32px #00000080,0 1px inset #ffffff0d}[data-theme=dark] .brand{color:#fafafa}[data-theme=dark] .brand:hover{color:#a5b4fc}[data-theme=dark] .menuButton{background:#171717cc;border-color:#6366f14d;color:#fafafa}[data-theme=dark] .menuButton:hover{background:#6366f133;border-color:#6366f180}[data-theme=dark] .navLink{color:#a3a3a3}[data-theme=dark] .navLink:hover{color:#a5b4fc}.ctaButton{display:inline-flex;align-items:center;padding:10px 18px;border-radius:11px;text-decoration:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600;font-size:.96rem;box-shadow:0 0 0 1px #6366f133,0 2px 8px #6366f14d,0 8px 24px #6366f140,inset 0 1px #fff3;transition:all .3s var(--ease-spring);position:relative;overflow:hidden}.ctaButton:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s var(--ease-spring)}.ctaButton:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .5s var(--ease-out),height .5s var(--ease-out)}.ctaButton:hover{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 0 0 1px #6366f14d,0 4px 12px #6366f166,0 12px 32px #6366f159,inset 0 1px #ffffff40}.ctaButton:hover:before{opacity:1}.ctaButton:hover:after{width:200px;height:200px;opacity:0}.ctaButton:active{transform:translateY(0)}.siteMain{max-width:var(--content-width);margin:0 auto;padding:34px 20px;width:100%}@media(max-width:720px){.siteMain{padding:24px 0}}@media(max-width:480px){.siteMain{padding:20px 0}}.siteFooter{border-top:1px solid rgba(99,102,241,.12);background:linear-gradient(to bottom,#fffc,#fafafae6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:60px}[data-theme=dark] .siteFooter{border-top:1px solid rgba(99,102,241,.2);background:linear-gradient(to bottom,#0a0a0acc,#171717e6)}.siteFooterInner{max-width:var(--content-width);margin:0 auto;padding:32px 24px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}.footerLinks{display:flex;gap:8px;flex-wrap:wrap}.footerLink{text-decoration:none;color:#525252;font-weight:500;font-size:.95rem;padding:6px 12px;border-radius:8px;transition:all .25s var(--ease-spring);position:relative}.footerLink:before{content:"";position:absolute;inset:0;background:#6366f114;border-radius:inherit;opacity:0;transform:scale(.9);transition:all .25s var(--ease-spring)}.footerLink:hover{color:#6366f1;text-decoration:none}.footerLink:hover:before{opacity:1;transform:scale(1)}[data-theme=dark] .footerLink{color:#a3a3a3}[data-theme=dark] .footerLink:hover{color:#a5b4fc}.footerMeta{color:#737373;font-size:.9rem;font-weight:500}[data-theme=dark] .footerMeta{color:#a3a3a3}@media(max-width:720px){.siteHeaderInner{grid-template-columns:1fr auto auto;grid-template-rows:auto;padding:16px 20px;gap:16px}.navControls{order:3}.headerActions{order:2}.brand{font-size:1.02rem}.navControls{display:block;position:relative}.menuButton{display:inline-flex;align-items:center;gap:6px}.nav{display:none;position:absolute;top:calc(100% + 12px);right:0;min-width:200px;flex-direction:column;align-items:stretch;gap:4px;padding:8px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);box-shadow:0 4px 6px #0000001a,0 10px 20px #00000026}.navLink{padding:12px 16px;border-radius:8px;text-align:left}.nav.navOpen{display:flex}[data-theme=dark] .nav{background:#0a0a0af2;border-color:#6366f133}.headerActions{gap:12px}.ctaButton{display:none}.themeToggleTrack{width:54px;height:27px}.themeToggleThumb{width:21px;height:21px}[data-theme=dark] .themeToggleThumb{transform:translate(27px)}}@media(max-width:720px){.siteFooter{margin-top:40px}.siteFooterInner{flex-direction:column;align-items:center;text-align:center;padding:28px 20px;gap:16px}.footerLinks{justify-content:center;gap:6px}.footerLink{font-size:.92rem;padding:8px 14px}.footerMeta{font-size:.88rem}}@media(max-width:480px){.siteHeaderInner{padding:14px 16px}.brand{font-size:.98rem}.menuButton{padding:8px 14px;font-size:.92rem}.themeToggleTrack{width:50px;height:25px}.themeToggleThumb{width:19px;height:19px}[data-theme=dark] .themeToggleThumb{transform:translate(25px)}.nav{right:-8px;min-width:180px}.siteFooter{margin-top:32px}.siteFooterInner{padding:24px 16px}.footerLinks{gap:8px}.footerLink{font-size:.88rem;padding:8px 12px}.footerMeta{font-size:.84rem}}
