*,*::before,*::after{box-sizing:border-box}
*{margin:0}
:root{
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  --font:Inter,Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;
  --sign-primary:#fff;
  --sign-button:#fff;
  --static-colors-white:#fff;
  --static-colors-blue:#007aff;
  --backgrounds-ground:#0d0d0d;
  --background-surface-primary:#17181c;
  --text-primary:#fff;
  --text-secondary:#e7e7e780;
  --text-themed:#007aff;
  --theme-background:linear-gradient(15deg,#0e0e11 7.05%,#0e0e11 89.67%);
  --common-background-chat-background-pattern-gradient-step-1:rgba(80,91,199,.3);
  --common-background-chat-background-pattern-gradient-step-2:rgba(80,91,199,.3);
  --gradients-button-promo-default:radial-gradient(136.12% 140.74% at 99.77% 99.04%,#8d28c8 0%,#7c42fa 20%,#007aff 80%,#609ceb 100%);
}
html,body{height:100%;background:#0d0d0d;color:#fff}
body.primate-landing{
  margin:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  font-family:var(--font);
  overflow-x:hidden;
}
a{text-decoration:none}
img{max-width:100%;height:auto}

.container{
  display:grid;
  grid-template-rows:68px 1fr;
  width:100%;
  height:100vh;
  height:100dvh;
  background:var(--theme-background);
  font-family:Roboto,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;
}
.header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px;
  background:var(--background-surface-primary);
}
.logo{display:flex;align-items:center;gap:8px;color:var(--sign-primary)}
.logo svg,.logoIcon{display:block;width:43px;height:43px;flex:none}
.logoText{display:flex;align-items:center}
.logoText img{display:block;height:21px;width:auto}
.content{
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  justify-content:center;
  padding:24px;
}
.content::before{
  content:"";
  z-index:0;
  position:absolute;
  width:100%;
  height:100%;
  background:linear-gradient(28deg,var(--common-background-chat-background-pattern-gradient-step-1) 8.03%,var(--common-background-chat-background-pattern-gradient-step-2) 91.51%);
  -webkit-mask:url(/landings/primate/files/space.svg);
  mask:url(/landings/primate/files/space.svg);
  mask-repeat:repeat;
  -webkit-mask-repeat:repeat;
}
.wrapper{display:flex;flex-flow:column nowrap;gap:24px;position:relative;z-index:1}
.card{
  display:flex;
  flex-direction:column;
  gap:32px;
  width:100%;
  min-width:345px;
  max-width:400px;
  padding:60px 40px 48px;
  border-radius:32px;
  position:relative;
  background:var(--background-surface-primary);
}
.info{display:flex;flex-direction:column;align-items:center;gap:24px}
.avatar{
  width:96px;
  height:96px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  overflow:hidden;
  background:radial-gradient(224.66% 112.22% at 34.26% 3.7%,#ff48b6,#ff8a35);
}
.avatar:has(.avatarImage){background:none}
.avatarImage{width:100%;height:100%;object-fit:cover}
.name{display:flex;flex-direction:column;align-items:center;width:100%;gap:8px}
.title{
  font-weight:600;
  font-size:24px;
  line-height:28px;
  text-align:center;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--text-primary);
}
.footnote{font-weight:400;font-size:13px;line-height:16px;color:var(--text-secondary)}
.description{
  font-size:15px;
  line-height:20px;
  font-weight:400;
  text-align:center;
  white-space:pre-wrap;
  max-width:100%;
  display:-webkit-box;
  -webkit-line-clamp:5;
  line-clamp:5;
  -webkit-box-orient:vertical;
  text-overflow:ellipsis;
  overflow:hidden;
  color:var(--text-primary);
}
.footnote[hidden],.description[hidden]{display:none}
.actions{display:flex;flex-direction:column;align-items:center;gap:8px}
.notice{
  display:none;
  text-align:center;
  font-weight:400;
  font-size:13px;
  line-height:16px;
  color:var(--text-secondary);
}

.button{
  --button-font:Roboto,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;
  display:inline-flex;
  padding:0 16px;
  height:46px;
  justify-content:center;
  align-items:center;
  color:var(--sign-button);
  border:0;
  font:600 16px/20px var(--button-font);
  cursor:pointer;
  border-radius:16px;
  background:var(--gradients-button-promo-default);
  transition:opacity .2s ease;
}
.button:hover{opacity:.85}
.button--big{padding:0 20px;height:56px;width:100%}
.button--primary{background:var(--gradients-button-promo-default);color:var(--static-colors-white)}
.button--link{background:transparent;color:var(--text-themed)}

@media (max-width:500px){
  .card{gap:24px;padding:40px}
  .notice{display:block}
}
@media (max-width:350px){
  .card{min-width:300px;padding:24px}
}

body.is-auth-open{overflow:hidden}
.pv-auth[hidden]{display:none}
.pv-auth{
  position:fixed;
  inset:0;
  z-index:40;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));
}
.pv-auth-bg{
  position:absolute;
  inset:0;
  background:rgba(13,13,13,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.pv-auth-panel{
  position:relative;
  z-index:1;
  width:min(400px,100%);
  padding:28px 24px 24px;
  border-radius:32px;
  background:var(--background-surface-primary);
}
.pv-auth-close{
  position:absolute;
  top:12px;
  right:12px;
  width:36px;
  height:36px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#fff;
  display:grid;
  place-items:center;
}
.pv-auth-close svg{width:16px;height:16px}
.pv-auth-close:hover{background:#ffffff14}
.pv-auth-title{
  margin:0 28px 16px 0;
  font-weight:600;
  font-size:20px;
  line-height:24px;
}
.pv-auth-host{width:100%;min-width:0;overflow:visible}
.pv-auth-err{margin:8px 0 0;font-size:15px;line-height:20px;color:#e7e7e780}
.pv-auth .fl-auth{
  --fl-card:transparent;
  --fl-line:#ffffff1f;
  --fl-text:#fff;
  --fl-muted:#e7e7e780;
  --fl-err:#ce4257;
  --fl-btn:#007aff;
  --fl-btn-text:#fff;
  --fl-input:#0d0d0d;
  --fl-radius:16px;
  --fl-font:var(--font);
  max-width:none;
}
.pv-auth .fl-card{padding:4px 0 0;border:0;background:transparent;box-shadow:none}
.pv-auth .fl-n2-icon,.pv-auth .fl-n2-num{border-color:#ffffff1f;background:#0d0d0d}
.pv-auth .fl-n2-icon{color:#007aff}
.pv-auth:has(.fl-auth.is-kb){
  align-items:stretch;
  padding-top:max(12px,env(safe-area-inset-top,0px));
}
.pv-auth:has(.fl-auth.is-kb) .pv-auth-panel{margin:0 0 auto}