:root {
  --polish-indigo: #5565ed;
  --polish-violet: #7849dc;
  --polish-ink: #273044;
  --polish-muted: #77809a;
}

.page-bg {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 10% 8%, rgba(255, 255, 255, .2), transparent 27%),
    radial-gradient(circle at 92% 24%, rgba(189, 168, 255, .34), transparent 28%),
    linear-gradient(155deg, var(--polish-indigo) 0%, var(--polish-violet) 100%) !important;
}

.page-bg::after {
  position: fixed;
  z-index: -1;
  right: -90px;
  bottom: 8%;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .06);
  content: "";
  pointer-events: none;
}

.header-title {
  letter-spacing: .04em;
}

.header-subtitle {
  letter-spacing: .03em;
}

.platform-switcher {
  position: relative;
  z-index: 1;
  gap: 9px;
  margin-bottom: 16px;
}

.platform-switcher__button {
  min-height: 54px;
  border: 1px solid rgba(255, 255, 255, .42);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 6px 14px rgba(40, 33, 126, .15);
  font-size: 16px;
}

.platform-switcher__button[aria-pressed="true"] {
  border-color: rgba(255, 255, 255, .78);
  background: linear-gradient(135deg, #fff7fa 0%, #ffe7ef 100%);
  color: #f13f73;
  box-shadow: 0 8px 18px rgba(80, 41, 133, .26);
}

.card {
  border: 1px solid rgba(255, 255, 255, .7);
  box-shadow: 0 16px 38px rgba(36, 26, 116, .25) !important;
}

.input-area::before {
  letter-spacing: .02em;
}

.input-textarea {
  border-color: #e4e7f0 !important;
  background: linear-gradient(180deg, #fbfcff, #f7f8fc) !important;
}

.input-textarea:focus-within {
  border-color: #8e72f0 !important;
  box-shadow: 0 0 0 4px rgba(121, 86, 229, .12) !important;
}

.input-textarea .uni-textarea-placeholder {
  color: var(--polish-muted) !important;
  line-height: 1.65;
}

.query-action-btn {
  background: linear-gradient(100deg, #3978ff 0%, #8d43f1 100%) !important;
  box-shadow: 0 8px 18px rgba(73, 80, 232, .27) !important;
}

.input-label .input-action-btn:first-child {
  background: linear-gradient(100deg, #ff5077 0%, #ff7faa 100%) !important;
  box-shadow: 0 8px 18px rgba(240, 71, 119, .22) !important;
}

.show-records-btn {
  background: #f8f9fd !important;
  border-color: #e4e7f0 !important;
  color: #65708b !important;
  box-shadow: 0 5px 14px rgba(50, 59, 125, .1) !important;
}

.input-action-btn,
.show-records-btn,
.platform-switcher__button {
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 600px) {
  .container { padding-top: 42px !important; }
  .platform-switcher { margin-bottom: 20px; }
  .platform-switcher__button { min-height: 62px; font-size: 18px; }
}