:root{
  --navy:#0a2b63;
  --navy-dark:#071c43;
  --navy-soft:#e8eef8;
  --bg:#f1f5fa;
  --surface:#fcfdff;
  --surface-2:#f6f8fc;
  --text:#111a2c;
  --muted:#637087;
  --line:#dfe6f0;
  --line-strong:#c9d4e3;
  --green:#08764a;
  --shadow:0 20px 56px rgba(10,43,99,.09);
  --shadow-card:0 1px 1px rgba(10,43,99,.04),0 10px 28px rgba(10,43,99,.065);
  --shadow-hover:0 2px 3px rgba(10,43,99,.04),0 20px 44px rgba(10,43,99,.12);
  --ease:cubic-bezier(.16,1,.3,1);
  --r-kichik:10px;
  --r-orta:15px;
  --r-katta:22px;
}

html{background:var(--bg);scrollbar-color:#bdc9da transparent}
body{
  background:
    radial-gradient(54rem 30rem at 8% -8%,rgba(160,192,230,.20),transparent 67%),
    radial-gradient(44rem 24rem at 94% 7%,rgba(205,223,244,.28),transparent 70%),
    var(--bg);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:100;
  pointer-events:none;
  opacity:.022;
  background-image:radial-gradient(circle,#0a2b63 .45px,transparent .55px);
  background-size:3px 3px;
}
::selection{background:#cbdaf0;color:var(--navy-dark)}

.topbar{
  border-color:rgba(10,43,99,.075);
  box-shadow:0 1px 0 rgba(255,255,255,.72);
}
.topbar-inner,.shell>.topbar{isolation:isolate}
.brand img,.logo{filter:drop-shadow(0 5px 12px rgba(10,43,99,.07))}

button,a,input,select,textarea{
  transition-timing-function:var(--ease);
}
button:not([disabled]),a[href]{-webkit-tap-highlight-color:transparent}
button:not([disabled]):active,a[href]:active{transform:translateY(1px)}
input,select,textarea{caret-color:var(--navy)}
input::placeholder,textarea::placeholder{color:#8894a7;opacity:1}

.search-panel,.kat-qidiruv,.register-card,.intro-panel,
.inbox,.chat,.kat-karta,.elon-karta,.rasm-quti,.request-card{
  border-color:rgba(10,43,99,.10);
}
.kat-karta,.request,.offer,.card,.jonli-karta{
  transition:transform 220ms var(--ease),box-shadow 220ms var(--ease),
             border-color 220ms var(--ease),background-color 220ms var(--ease);
}
@media (hover:hover){
  .kat-karta:hover,.card:hover,.jonli-karta:hover{transform:translateY(-3px)}
}

@keyframes ober-rise{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:no-preference){
  .hero-inner>*,.page-head>*,.context,.onboarding>*,.inbox,.chat-placeholder{
    animation:ober-rise 520ms var(--ease) both;
  }
  .hero-inner>*:nth-child(2),.page-head>*:nth-child(2),.onboarding>*:nth-child(2){animation-delay:70ms}
  .hero-inner>*:nth-child(3){animation-delay:120ms}
  .hero-inner>*:nth-child(4){animation-delay:165ms}
}

@media (max-width:760px){
  body::after{opacity:.016;background-size:4px 4px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  button:active,a:active{transform:none!important}
}