@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');

/* The reference landing owns its header, background, search form and footer. */
html.search-view{font-size:16px}
.search-page{background:#f8fafc}
.search-page>.site-header,.search-page>.site-footer,.search-page>.skip-link{display:none}
.search-page #main{width:100%}
.search-page .results-layout{max-width:1024px;padding:0 0 32px}

/* Frosted membership card; only the surface is blurred, never its controls. */
.search-page .unlock-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#eef3ff;
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 12px 36px rgba(53,79,145,.08),inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(166,188,235,.16);
}
.search-page .unlock-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 8% 95%,rgba(167,139,250,.2),transparent 60%),radial-gradient(ellipse at 95% 10%,rgba(96,165,250,.2),transparent 58%);
  filter:blur(18px);
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .search-page .unlock-panel{
    background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(240,246,255,.38));
    -webkit-backdrop-filter:blur(18px) saturate(135%);
    backdrop-filter:blur(18px) saturate(135%);
  }
}
@media (prefers-reduced-transparency:reduce){
  .search-page .unlock-panel{background:#eef3ff;-webkit-backdrop-filter:none;backdrop-filter:none}
  .search-page .unlock-panel::before{display:none}
}

.search-account{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-bottom:20px;font-size:13px}
.brand-mark{display:grid;place-items:center;padding:0;background:linear-gradient(135deg,#2563eb,#4f46e5)}
.brand-mark .icon{width:21px;height:21px;stroke-width:2}