.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 5vw;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900}.brand-mark{width:42px;height:42px;border-radius:14px}.text-mark{display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));color:#020617;box-shadow:0 12px 28px rgba(56,189,248,.22),inset 0 1px 0 rgba(255,255,255,.55);letter-spacing:-.04em}.brand-copy{display:grid;gap:1px;line-height:1.05}.brand-name{font-size:1.05rem}.brand-title{font-size:.68rem;color:var(--muted);font-weight:800;letter-spacing:.08em;text-transform:uppercase;max-width:240px}.site-nav{display:flex;gap:12px;align-items:center}.site-nav a{text-decoration:none;color:var(--muted);font-size:.92rem;position:relative}.site-nav a:hover{color:var(--text)}.nav-toggle{display:none}.nav-backdrop{display:none}.page-frame{width:min(1180px,92vw);margin:0 auto;padding:42px 0}.site-footer{display:flex;justify-content:space-between;gap:14px;padding:20px 5vw;color:var(--muted);border-top:1px solid var(--line)}@media(max-width:920px){
  .site-header{z-index:100;}
  .brand-title{max-width:190px;}
  .nav-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:10px 16px;
    border-radius:999px;
    border:1px solid rgba(140,170,255,.34);
    background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(8,10,18,.82));
    color:var(--text);
    box-shadow:0 12px 28px rgba(0,0,0,.28),inset 0 1px 1px rgba(255,255,255,.12);
    cursor:pointer;
  }
  .nav-toggle::before{content:"";width:18px;height:12px;display:block;background:linear-gradient(var(--text),var(--text)) top/100% 2px no-repeat,linear-gradient(var(--text),var(--text)) center/100% 2px no-repeat,linear-gradient(var(--text),var(--text)) bottom/100% 2px no-repeat;opacity:.9;}
  .nav-toggle[aria-expanded="true"]::before{background:linear-gradient(45deg,transparent 44%,var(--text) 46%,var(--text) 54%,transparent 56%),linear-gradient(-45deg,transparent 44%,var(--text) 46%,var(--text) 54%,transparent 56%);height:18px;}
  .nav-backdrop{display:block;position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.46);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .32s ease;}
  body.nav-open .nav-backdrop{opacity:1;pointer-events:auto;}
  .site-nav{
    position:fixed;
    left:16px;
    right:16px;
    top:82px;
    z-index:110;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    max-height:calc(100vh - 104px);
    overflow:auto;
    padding:18px;
    border-radius:26px;
    border:1px solid rgba(140,170,255,.26);
    background:linear-gradient(180deg,rgba(14,18,30,.96),rgba(5,7,12,.98));
    box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px 1px rgba(255,255,255,.11);
    transform:translateY(-18px) scale(.97);
    opacity:0;
    pointer-events:none;
    transition:transform .34s cubic-bezier(.2,.9,.2,1),opacity .28s ease;
  }
  html[data-theme="light"] .site-nav{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(233,239,251,.98));box-shadow:0 28px 70px rgba(30,41,59,.24),inset 0 1px 1px rgba(255,255,255,.9);}
  .site-nav.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto;}
  .site-nav a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:48px;
    padding:13px 16px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
    color:var(--text);
    box-shadow:inset 0 1px 1px rgba(255,255,255,.08);
    transform:translateY(10px);
    opacity:0;
    transition:transform .32s ease,opacity .32s ease,background .25s ease,border-color .25s ease;
  }
  .site-nav.open a{transform:translateY(0);opacity:1;}
  .site-nav.open a:nth-child(1){transition-delay:.03s}.site-nav.open a:nth-child(2){transition-delay:.055s}.site-nav.open a:nth-child(3){transition-delay:.08s}.site-nav.open a:nth-child(4){transition-delay:.105s}.site-nav.open a:nth-child(5){transition-delay:.13s}.site-nav.open a:nth-child(6){transition-delay:.155s}.site-nav.open a:nth-child(7){transition-delay:.18s}.site-nav.open a:nth-child(8){transition-delay:.205s}.site-nav.open a:nth-child(9){transition-delay:.23s}.site-nav.open a:nth-child(10){transition-delay:.255s}
  .site-nav a::after{content:"›";font-size:1.4rem;color:var(--blue);opacity:.75;}
  .site-nav a:hover{background:linear-gradient(180deg,rgba(93,137,255,.18),rgba(255,255,255,.04));border-color:rgba(93,137,255,.32);}
  .site-footer{flex-direction:column}.page-frame{padding-top:26px}
}
@media(min-width:921px){.nav-toggle{display:none!important}.site-nav{display:flex!important}.nav-backdrop{display:none!important}body.nav-open{overflow:auto}}
@media(max-width:520px){.brand-title{display:none}.brand-name{font-size:1rem}.site-header{padding:12px 4vw}.site-nav{top:74px;left:10px;right:10px;border-radius:22px}.nav-toggle{font-size:.86rem;padding:9px 13px}.page-frame{width:min(100% - 24px,1180px)}}