/* Из оригинальной темы: только используемые селекторы. Цвета, размеры и отступы сохранены. */
:root {
  --transition-standard-easing:cubic-bezier(0.4, 0, 0.2, 1);
  --transition-standard-in-time:0.3s;
  --transition-standard-out-time:0.25s;
  --transition-standard-in:var(--transition-standard-in-time) var(--transition-standard-easing);
  --transition-standard-out:var(--transition-standard-out-time) var(--transition-standard-easing);
  --border-radius-xs:0.375rem;
  --border-radius-s:0.5rem;
  --border-radius-m:0.75rem;
  --border-radius-l:1rem;
  --border-radius-xl:2rem;
  --xs-height:1.25rem;
  --s-height:1.5rem;
  --m-height:1.75rem;
  --l-height:2.25rem;
  --xl-height:2.75rem;
  --font-size-64:4rem;
  --font-size-52:3.25rem;
  --font-size-44:2.75rem;
  --font-size-36:2.25rem;
  --font-size-32:2rem;
  --font-size-30:1.875rem;
  --font-size-28:1.75rem;
  --font-size-26:1.5625rem;
  --font-size-25:1.5625rem;
  --font-size-24:1.5rem;
  --font-size-23:1.438rem;
  --font-size-22:1.375rem;
  --font-size-21:1.3125rem;
  --font-size-20:1.25rem;
  --font-size-19:1.1875em;
  --font-size-18:1.125rem;
  --font-size-17:1.063rem;
  --font-size-16:1rem;
  --font-size-15:0.938rem;
  --font-size-14:0.875rem;
  --font-size-13:0.813rem;
  --font-size-12:.8125rem;
  --font-size-11:.8125rem;
  --font-size-10:.8125rem;
  --line-height-1:100%;
  --line-height-10:120%;
  --line-height-11:125%;
  --line-height-12:130%;
  --line-height-12-title:150%;
  --line-height-13:120%;
  --line-height-14:140%;
  --line-height-14-title:120%;
  --line-height-15:120%;
  --line-height-15-text:135%;
  --line-height-15-link:135%;
  --line-height-16:120%;
  --line-height-17:120%;
  --line-height-18:120%;
  --line-height-19:120%;
  --line-height-22:120%;
  --line-height-21:120%;
  --line-height-20:120%;
  --line-height-23:130%;
  --line-height-24:125%;
  --line-height-25:125%;
  --line-height-26:130%;
  --line-height-28:130%;
  --line-height-30:120%;
  --line-height-32:130%;
  --line-height-36:120%;
  --line-height-44:120%;
  --line-height-64:110%;
  --font-normal:normal;
  --font-bold:bold;
  --site-max-width:1340px;
  --sidebar-width:260px;
  --font-family:"PT Sans",Inter,system-ui,Segoe,arial,-apple-system,sans-serif
}
:root {
  --color-transparent:transparent;
  --color-white:#ffffff;
  --color-black-1:#0e1114;
  --color-black-2:#131618;
  --color-black-3:#171b21;
  --color-black-4:#1c2025;
  --color-black-5:#1f2328;
  --color-black-6:#262b32;
  --color-black-7:#2f343d;
  --color-black-8:#3a4049;
  --color-black-9:#474e58;
  --color-black-10:#565d68;
  --color-gray-1:#18202b;
  --color-gray-2:#272d35;
  --color-gray-3:#3b3f45;
  --color-gray-4:#50565e;
  --color-gray-5:#676f79;
  --color-gray-6:#808993;
  --color-gray-7:#9fa5ad;
  --color-gray-8:#c2c6cb;
  --color-gray-9:#e4e5e7;
  --color-gray-10:#f7f7f8;
  --color-grafit-1:#1d1e20;
  --color-grafit-2:#2c2d2f;
  --color-grafit-3:#3d3f42;
  --color-grafit-4:#4e4e4e;
  --color-grafit-5:#62656a;
  --color-grafit-6:#7a7e85;
  --color-grafit-7:#909398;
  --color-grafit-8:#a3a6ab;
  --color-grafit-9:#c4c6c9;
  --color-grafit-10:#e5e5e7;
  --color-soft-1:#35383b;
  --color-soft-2:#4f5256;
  --color-soft-3:#666b70;
  --color-soft-4:#83868b;
  --color-soft-5:#999ea3;
  --color-soft-6:#b1b4b6;
  --color-soft-7:#c3c7cb;
  --color-soft-8:#ced4da;
  --color-soft-9:#dcdcdc;
  --color-soft-10:#ecedee;
  --color-blue-1:#111e2c;
  --color-blue-2:#142a43;
  --color-blue-3:#123a68;
  --color-blue-4:#185091;
  --color-blue-5:#1b68c0;
  --color-blue-6:#297ee0;
  --color-blue-7:#5899e4;
  --color-blue-8:#92bae8;
  --color-blue-9:#c8daef;
  --color-blue-10:#edf2f8;
  --color-gold-1:#2c2311;
  --color-gold-2:#433314;
  --color-gold-3:#684c12;
  --color-gold-4:#916818;
  --color-gold-5:#cc9119;
  --color-gold-6:#eaac2e;
  --color-gold-7:#f2bf5a;
  --color-gold-8:#f2d08c;
  --color-gold-9:#f5e6c7;
  --color-gold-10:#faf5eb;
  --color-yellow-1:#5c4800;
  --color-yellow-2:#856800;
  --color-yellow-3:#ad8800;
  --color-yellow-4:#d6a800;
  --color-yellow-5:#ffcc00;
  --color-yellow-6:#ffd333;
  --color-yellow-7:#ffde66;
  --color-yellow-8:#ffea94;
  --color-yellow-9:#fff2c2;
  --color-yellow-10:#fef9e6;
  --color-green-1:#0a3821;
  --color-green-2:#0e5330;
  --color-green-3:#126e40;
  --color-green-4:#198754;
  --color-green-5:#29ad6b;
  --color-green-6:#60ad89;
  --color-green-7:#7dcaa3;
  --color-green-8:#a8dbc2;
  --color-green-9:#d1ebde;
  --color-green-10:#ebfaf2;
  --color-red-1:#2c1311;
  --color-red-2:#431714;
  --color-red-3:#681812;
  --color-red-4:#912018;
  --color-red-5:#c0261b;
  --color-red-6:#f64545;
  --color-red-7:#ff8181;
  --color-red-8:#e79d98;
  --color-red-9:#f0cecc;
  --color-red-10:#f8eded;
  --color-red-shadow:0 0 0 0.2rem rgba(246, 69, 69, 0.25);
  --color-red-shadow-rgba:rgba(246, 69, 69, 0.1);
  --color-purple-1:#1c1344;
  --color-purple-2:#261966;
  --color-purple-3:#352486;
  --color-purple-4:#4126ba;
  --color-purple-5:#5433e6;
  --color-purple-6:#6b45f6;
  --color-purple-7:#8972ee;
  --color-purple-8:#b2a3f5;
  --color-purple-9:#d2caf6;
  --color-purple-10:#edebfa;
  --color-brand-10:#f3f0fc;
  --color-purple-shadow:0 0 0 0.2rem rgba(104, 69, 246, 0.25);
  --color-purple-shadow-rgb:104,69,246;
  --color-purple-shadow-rgba:rgba(104, 69, 246, 0.1)
}
:root {
  --footer-bg:var(--color-black-3);
  --footer-color:var(--color-gray-9);
  --brand:var(--color-purple-6);
  --brand-light:var(--color-purple-8);
  --brand-dark:var(--color-purple-3);
  --ease:cubic-bezier(0.4, 0, 0.2, 1);
  --cta-shadow:rgba(104, 69, 246, 0.45);
  --bg-purple:var(--color-purple-6);
  --bp-brand:var(--brand, #6b45f6);
  --bp-brand-soft:var(--bg-purple-light, #edebfa);
  --bp-surface:var(--bs-main-bg, #ffffff);
  --bp-surface-2:var(--bp-surface-2, #ecedee);
  --bp-text:var(--bs-body-color, #2c2d2f);
  --bp-muted:var(--bp-muted, #7a7e85);
  --bp-line:var(--line, #dcdcdc);
  --bp-radius:var(--border-radius-xl, 32px)
}
[data-bs-theme=light] {
  --bs-body-bg:var(--color-gray-10);
  --bs-body-color:var(--color-grafit-2);
  --bs-page-bg:var(--color-black-3);
  --bs-main-bg:var(--color-white);
  --bs-input-bg:var(--color-gray-10);
  --bp-shadow:0 12px 40px -12px rgba(31, 35, 40, 0.18);
  --bp-surface:var(--color-white);
  --bp-surface-2:var(--color-soft-10);
  --bp-ink:var(--color-grafit-2);
  --bp-ink-2:var(--color-soft-1);
  --bp-muted:var(--color-grafit-6);
  --bp-hover:var(--color-purple-10);
  --bp-hover-strong:var(--color-purple-9);
  --bp-dot:124,58,237;
  --bp-line-a:0.3;
  --bp-dot2:217,70,239;
  --bp-dot-a:0.82;
  --bg-rgba:rgba(0, 0, 0, 0.06);
  --line:var(--color-soft-9);
  --vr-hole:#f6f4fb;
  --vr-border:#ded7f5;
  --vr-bg:#f6f4fb;
  --vr-surface:#ffffff;
  --vr-surface-2:#ede9f9;
  --vr-text:#211c33;
  --vr-text-muted:#5b5570;
  --vr-accent:#6b45f6;
  --vr-accent-ink:#ffffff;
  --vr-gold:#d4a600;
  --vr-wire-bg:#211c33;
  --vr-wire-text:#f6f4fb;
  --vr-shadow:0 20px 45px -25px rgba(107, 69, 246, 0.35);
  --clean-primary:var(--color-purple-6, #6b45f6);
  --clean-primary-dark:var(--color-purple-3, #352486);
  --text-purple-dark:var(--color-purple-3);
  --text-purple:var(--color-purple-6);
  --text-purple-light:var(--color-purple-8);
  --text-black-dark:var(--color-black-1);
  --text-black:var(--color-black-3);
  --text-black-light:var(--color-black-5);
  --text-gray-dark:var(--color-soft-2);
  --text-gray:var(--color-soft-4);
  --text-gray-light:var(--color-gray-7);
  --text-red-dark:var(--color-red-3);
  --text-red:var(--color-red-5);
  --text-red-light:var(--color-red-9);
  --text-yellow-dark:var(--color-yellow-2);
  --text-yellow:var(--color-yellow-5);
  --text-yellow-light:var(--color-yellow-8);
  --text-green-dark:var(--color-green-2);
  --text-green:var(--color-green-5);
  --text-green-light:var(--color-green-9)
}
[data-bs-theme=dark] {
  --bs-body-bg:var(--color-black-3);
  --bs-body-color:var(--color-soft-9);
  --bs-page-bg:var(--color-white);
  --bs-main-bg:var(--color-black-4);
  --bs-input-bg:var(--color-black-2);
  --bp-shadow:0 16px 48px -14px rgba(0, 0, 0, 0.7);
  --bp-surface:var(--color-black-2);
  --bp-surface-2:var(--color-grafit-1);
  --bp-ink:var(--color-soft-9);
  --bp-ink-2:var(--color-gray-9);
  --bp-muted:var(--color-grafit-8);
  --bp-hover:rgba(157, 132, 255, 0.1);
  --bp-hover-strong:rgba(157, 132, 255, 0.16);
  --bp-dot:150,160,172;
  --bp-dot2:190,198,208;
  --bp-line-a:0.34;
  --bp-dot-a:0.85;
  --bg-rgba:rgba(255, 255, 255, 0.06);
  --line:var(--color-soft-2);
  --vr-hole:#1f2328;
  --vr-border:#3a3f4b;
  --vr-bg:#1f2328;
  --vr-surface:#262b33;
  --vr-surface-2:#2e3440;
  --vr-text:#eceaf5;
  --vr-text-muted:#a7a2be;
  --vr-accent:#8b6bff;
  --vr-accent-ink:#14161a;
  --vr-gold:#ffcc00;
  --vr-wire-bg:#14161a;
  --vr-wire-text:#ded7f5;
  --vr-shadow:0 20px 45px -20px rgba(0, 0, 0, 0.55);
  --clean-primary:var(--color-purple-8, #b2a3f5);
  --clean-primary-dark:var(--color-purple-7, #8972ee);
  --text-purple-dark:var(--color-purple-7);
  --text-purple:var(--color-purple-8);
  --text-purple-light:var(--color-purple-9);
  --text-black-dark:var(--color-soft-7);
  --text-black:var(--color-soft-9);
  --text-black-light:var(--color-soft-5);
  --text-gray-dark:var(--color-soft-8);
  --text-gray:var(--color-soft-6);
  --text-gray-light:var(--color-gray-3);
  --text-red-dark:var(--color-red-9);
  --text-red:var(--color-red-6);
  --text-red-light:var(--color-red-8);
  --text-yellow-dark:var(--color-yellow-8);
  --text-yellow:var(--color-yellow-6);
  --text-yellow-light:var(--color-yellow-2);
  --text-green-dark:var(--color-green-8);
  --text-green:var(--color-green-6);
  --text-green-light:var(--color-green-9)
}
[data-bs-theme=light] {
  --bg-white:var(--color-white);
  --bg-brand-light:var(--color-brand-10);
  --bg-purple-dark:var(--color-purple-7);
  --bg-purple:var(--color-purple-6);
  --bg-purple-light:var(--color-purple-10);
  --bg-black-dark:var(--color-black-8);
  --bg-black:var(--color-black-6);
  --bg-black-light:var(--color-black-3);
  --bg-gray-dark:var(--color-soft-3);
  --bg-gray:var(--color-soft-8);
  --bg-gray-light:var(--color-gray-10);
  --bg-red-dark:var(--color-red-9);
  --bg-red:var(--color-red-6);
  --bg-red-light:var(--color-red-3);
  --bg-yellow-dark:var(--color-yellow-8);
  --bg-yellow:var(--color-yellow-6);
  --bg-yellow-light:var(--color-yellow-2);
  --bg-events-green:var(--color-green-10);
  --bg-events-red:var(--color-red-10);
  --bg-events-white:var(--color-white);
  --bg-green-dark:var(--color-green-9);
  --bg-green:var(--color-green-6);
  --bg-green-light:var(--color-green-2);
  --bg-soft-dark:var(--color-gray-10);
  --bg-soft:var(--color-gray-10);
  --bg-soft-light:var(--color-gray-10)
}
[data-bs-theme=dark] {
  --bg-white:var(--color-black-2);
  --bg-brand-light:var(--color-black-6);
  --bg-purple-dark:var(--color-purple-7);
  --bg-purple:var(--color-purple-8);
  --bg-purple-light:var(--color-black-6);
  --bg-black-dark:var(--color-black-8);
  --bg-black:var(--color-black-6);
  --bg-black-light:var(--color-black-3);
  --bg-gray-dark:var(--color-soft-6);
  --bg-gray:var(--color-soft-2);
  --bg-gray-light:var(--color-black-6);
  --bg-red-dark:var(--color-red-9);
  --bg-red:var(--color-red-6);
  --bg-red-light:var(--color-red-3);
  --bg-yellow-dark:var(--color-yellow-8);
  --bg-yellow:var(--color-yellow-6);
  --bg-yellow-light:var(--color-yellow-2);
  --bg-events-green:var(--color-black-2);
  --bg-events-red:var(--color-black-2);
  --bg-events-white:var(--color-black-2);
  --bg-green-dark:var(--color-green-9);
  --bg-green:var(--color-green-6);
  --bg-green-light:var(--color-green-2);
  --bg-soft-dark:var(--color-gray-10);
  --bg-soft:var(--color-black-6);
  --bg-soft-light:var(--color-gray-10)
}
[data-bs-theme=light] {
  --a-content:var(--color-purple-6);
  --a-content-active:var(--color-purple-3);
  --a-content-hover:var(--color-purple-4);
  --a-content-border:var(--color-purple-8);
  --a-content-border-hover:var(--color-purple-8)
}
[data-bs-theme=dark] {
  --a-content:var(--color-purple-8);
  --a-content-active:var(--color-yellow-2);
  --a-content-hover:var(--color-yellow-5);
  --a-content-border:var(--color-yellow-8);
  --a-content-border-hover:var(--color-yellow-8)
}
* {
  margin:0;
  padding:0;
  box-sizing:border-box;
  vertical-align:baseline
}
body,
html {
  margin:0;
  padding:0;
  min-height:100%;
  height:100%
}
body {
  background-color:var(--bs-body-bg);
  color:var(--bs-body-color);
  font-size:var(--font-size-17);
  font-family:var(--font-family);
  font-style:normal;
  line-height:1;
  min-width:320px;
  text-decoration-skip:objects;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  -webkit-text-decoration-skip:objects;
  transition:background .25s var(--ease),color .25s var(--ease)
}
.wrap {
  margin:0 auto;
  max-width:var(--site-max-width);
  padding:0 20px;
  width:100%
}
@media (min-width:1380px) {
body {
  overflow-x:hidden
}
}
@media (max-width:1080px) {
.wrap {
  padding-right:15px;
  padding-left:15px
}
}
img {
  border:0;
  outline:0;
  max-width:100%
}
.icon-svg {
  max-width:100%;
  max-height:100%;
  display:block;
  fill:currentColor
}
.nowrap {
  white-space:nowrap
}
.underline {
  text-decoration:none
}
.underline {
  border-bottom:1px solid
}
p {
  margin-top:0;
  margin-bottom:1rem
}
a {
  outline:0;
  text-decoration:none;
  transition:all .3s ease-out
}
a:hover {
  transition:all .3s ease-out
}
button,
input {
  -moz-appearance:none;
  appearance:none;
  -webkit-appearance:none
}
button,
input {
  font-size:var(--font-size-14);
  font-family:var(--font-family);
  color:var(--color-black-3);
  outline:0
}
button:disabled,
input:disabled {
  opacity:.5;
  cursor:not-allowed
}
input[type=search]{
  box-shadow:none;
  background-color:var(--bs-main-bg);
  border:2px solid var(--bg-brand-light);
  border-radius:6px;
  font-size:16px;
  padding:10px 15px;
  transition:background-color .2s ease-out,border .2s ease-out
}
button,
input {
  background:var(--bs-input-bg);
  border-color:var(--color-gray-9);
  color:var(--bs-page-bg);
  box-shadow:none
}
[data-bs-theme=dark] input,
[data-bs-theme=dark] select{
  background:var(--bs-input-bg);
  border-color:var(--color-gray-2)
}
input[type=search]:hover{
  border-color:var(--brand-dark)
}
[data-bs-theme=dark] button:hover,
[data-bs-theme=dark] input:hover,
[data-bs-theme=dark] select:hover{
  border-color:var(--color-purple-7)
}
[data-bs-theme=dark] .menu .acc-head:active,
[data-bs-theme=dark] .menu .acc-head:focus,
[data-bs-theme=dark] .menu .acc-head:hover {
  border-color:var(--line);
  outline:0;
  box-shadow:none
}
input:focus,
input[type=search]:focus{
  background:var(--bs-input-bg);
  color:var(--bs-body-color);
  border-color:var(--text-purple);
  box-shadow:none
}
button {
  -webkit-appearance:button
}
h1,
h2,
h3{
  font-weight:var(--font-bold)
}
h1 {
  font-size:var(--font-size-52)
}
h2 {
  font-size:var(--font-size-26)
}
h3 {
  font-size:var(--font-size-24)
}
button {
  font-family:inherit;
  cursor:pointer;
  border:0;
  background:0 0
}
.bp-bg {
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  z-index:0;
  pointer-events:none;
  display:block
}
.bp-bg line {
  stroke:rgb(var(--bp-dot));
  stroke-width:1
}
.bp-bg circle {
  fill:rgb(var(--bp-dot));
  fill-opacity:var(--bp-dot-a)
}
.bp-bg circle.alt {
  fill:rgb(var(--bp-dot2))
}
.bp-page,
.headers,
.site-header {
  position:relative
}
.header {
  margin:16px 0;
  width:100%;
  padding:12px 0;
  position:relative;
  display:flex;
  align-items:center;
  gap:40px
}
.header__logo {
  position:relative
}
.icon-btn {
  width:42px;
  height:42px;
  flex:none;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--bp-ink-2);
  transition:background .15s var(--ease),color .15s var(--ease)
}
.icon-btn:hover {
  background:var(--bp-hover);
  color:var(--bp-ink)
}
.nav {
  display:flex;
  align-items:center;
  gap:2px;
  background:var(--bp-surface);
  border-radius:99px;
  padding:6px 12px;
  box-shadow:0 10px 34px -14px #10121a2e
}
.nav-item {
  position:relative
}
.nav-link,
.nav-link:focus {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 14px;
  border-radius:var(--border-radius-m);
  font-size:15px;
  font-weight:500;
  color:var(--bp-ink-2);
  transition:color .15s var(--ease),background .15s var(--ease)
}
.nav-link:hover {
  color:var(--bp-ink);
  background:var(--bp-hover)
}
.nav-link .chev {
  width:9px;
  height:9px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .2s var(--ease);
  opacity:.55
}
.nav-item:hover .chev {
  transform:rotate(225deg) translateY(0)
}
.nav-link.club {
  color:var(--bp-ink);
}
.nav-sub {
  position:relative
}
.sub-menu {
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  z-index:45;
  background:var(--bp-surface);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--bp-shadow);
  padding:8px;
  min-width:210px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s
}
.sub-menu:before {
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px
}
.nav-sub:focus-within .sub-menu,
.nav-sub:hover .sub-menu {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
.sub-menu a {
  display:block;
  padding:10px 13px;
  border-radius:var(--border-radius-m);
  font-size:15px;
  color:var(--bp-ink-2);
  white-space:nowrap;
  transition:background .14s var(--ease),color .14s var(--ease)
}
.sub-menu a:hover {
  background:var(--bp-hover);
  color:var(--text-purple)
}
.more-list .nav-sub .sub-menu {
  top:0;
  left:calc(100% + 8px);
  right:auto
}
.more-list .nav-sub .sub-menu:before {
  top:0;
  left:-8px;
  right:auto;
  width:8px;
  height:100%
}
.nav {
  flex-wrap:nowrap;
  flex:none
}
.nav-more {
  position:relative
}
.nav-more[hidden] {
  display:none
}
.more-toggle {
  cursor:pointer
}
.more-dots {
  display:inline-flex;
  align-items:center;
  gap:3.5px
}
.more-dots i {
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor;
  display:block
}
.more-list {
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  z-index:45;
  background:var(--bp-surface);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--bp-shadow);
  padding:8px;
  min-width:210px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s
}
.more-list:before {
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px
}
.nav-more:focus-within .more-list,
.nav-more:hover .more-list {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
.more-list .nav-item {
  display:block;
  width:100%
}
.more-list .nav-link {
  display:flex;
  width:100%;
  border-radius:var(--border-radius-m)
}
.more-list .nav-link .chev {
  margin-left:auto
}
.header-actions {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:12px;
  flex:none
}
.cta {
  display:inline-flex;
  align-items:center;
  gap:9px;
  background:var(--brand);
  color:#fff;
  font-weight:600;
  font-size:15px;
  padding:11px 22px;
  border-radius:var(--border-radius-m);
  transition:transform .15s var(--ease),background .15s var(--ease),box-shadow .2s var(--ease);
  box-shadow:0 6px 18px -8px var(--cta-shadow)
}
.cta:hover {
  background:var(--brand-dark);
  transform:translateY(-1px)
}
.cta:active {
  transform:translateY(0)
}
.cta-ic {
  width:17px;
  height:17px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .18s var(--ease)
}
.cta:hover .cta-ic {
  transform:translate(3px)
}
.mega-wrap {
  position:absolute;
  left:0;
  right:0;
  top:calc(100% - 6px);
  z-index:40;
  background:var(--bp-surface);
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--bp-shadow);
  padding:16px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s
}
.mega-wrap.open {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
.mega-wrap:before {
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px
}
.mega-inner {
  display:grid;
  grid-template-columns:320px 1fr;
  gap:8px;
  min-height:300px
}
.mega-cats {
  display:flex;
  flex-direction:column;
  gap:2px;
  border-right:1px solid var(--line);
  padding-right:8px
}
.mega-cat {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 18px;
  border-radius:14px;
  font-size:16px;
  font-weight:500;
  color:var(--bp-ink-2);
  text-align:left;
  cursor:pointer;
  transition:background .15s var(--ease),color .15s var(--ease)
}
.mega-cat.active,
.mega-cat:hover {
  background:var(--bp-hover);
  color:var(--text-purple)
}
.mega-cat .ca {
  width:7px;
  height:7px;
  flex:none;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(-45deg);
  opacity:0;
  transition:opacity .15s var(--ease)
}
.mega-cat.active .ca {
  opacity:.6
}
.mega-panel {
  display:none;
  padding:10px 14px
}
.mega-panel.active {
  display:block;
  animation:megaFade .22s var(--ease)
}
@keyframes megaFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#mega-products .mega-inner {
  grid-template-columns:280px minmax(0,1fr);
  min-height:356px
}
#mega-products .mega-cat {
  min-height:50px;
  padding:13px 15px;
  border-left:3px solid transparent
}
#mega-products .mega-cat.active,
#mega-products .mega-cat:hover {
  border-left-color:var(--brand);
  background:var(--bp-hover)
}
#mega-products .mega-panels {
  min-width:0
}
#mega-products .mega-panel {
  padding:10px 18px 14px
}
#mega-products .bp-mega-panel__head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  padding:2px 2px 18px
}
#mega-products .bp-mega-panel__head>div {
  min-width:0
}
#mega-products .bp-mega-panel__kicker {
  display:inline-flex;
  margin-bottom:7px;
  color:var(--text-purple);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase
}
#mega-products .bp-mega-panel__head h3 {
  margin:0;
  color:var(--bp-ink);
  font-size:23px;
  line-height:1.2
}
#mega-products .bp-mega-panel__head p {
  max-width:620px;
  margin:7px 0 0;
  color:var(--bp-muted);
  font-size:14px;
  line-height:1.5
}
#mega-products .bp-mega-panel__all {
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  padding:8px 0;
  color:var(--bp-ink-2);
  font-size:14px;
  font-weight:600;
  white-space:nowrap
}
#mega-products .bp-mega-panel__all span {
  color:var(--text-purple);
  font-size:17px;
  transition:transform .18s var(--ease)
}
#mega-products .bp-mega-panel__all:hover {
  color:var(--text-purple)
}
#mega-products .bp-mega-panel__all:hover span {
  transform:translateX(2px)
}
#mega-products .bp-mega-products {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:18px;
  padding-top:9px
}
#mega-products .bp-mega-product {
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:12px 10px;
  border-radius:12px;
  color:var(--bp-ink);
  transition:color .16s var(--ease),background .16s var(--ease)
}
#mega-products .bp-mega-product:hover {
  color:var(--text-purple);
  background:var(--bp-hover)
}
#mega-products .bp-mega-product:only-child {
  grid-column:1/-1
}
#mega-products .bp-mega-product__icon {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  color:var(--text-purple);
  background:var(--bp-hover)
}
#mega-products .bp-mega-product__icon img {
  display:block;
  width:22px;
  height:22px;
  object-fit:contain
}
#mega-products .bp-mega-product__icon svg {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round
}
#mega-products .bp-mega-product__copy {
  display:grid;
  gap:3px;
  min-width:0
}
#mega-products .bp-mega-product__copy strong {
  overflow:hidden;
  color:inherit;
  font-size:14.5px;
  font-weight:650;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap
}
#mega-products .bp-mega-product__copy small {
  overflow:hidden;
  color:var(--bp-muted);
  font-size:13px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap
}
#mega-products .bp-mega-product__arrow {
  color:var(--bp-muted);
  font-size:16px;
  opacity:.55;
  transition:transform .18s var(--ease),opacity .18s var(--ease)
}
#mega-products .bp-mega-product:hover .bp-mega-product__arrow {
  opacity:1;
  transform:translateX(3px)
}
[data-bs-theme=dark] #mega-products .bp-mega-product__icon--openai img {
  filter:brightness(0) invert(1)
}
@media (prefers-reduced-motion:reduce) {
#mega-products .bp-mega-panel__all span,
#mega-products .bp-mega-product,
#mega-products .bp-mega-product__arrow {
  transition:none
}
}
#mega-uslugi .mega-inner {
  grid-template-columns:280px minmax(0,1fr);
  min-height:382px
}
#mega-uslugi .mega-cats {
  gap:4px;
  padding:10px 12px 10px 4px
}
#mega-uslugi .mega-cat {
  min-height:50px;
  padding:13px 15px;
  border-left:3px solid transparent
}
#mega-uslugi .mega-cat.active,
#mega-uslugi .mega-cat:hover {
  border-left-color:var(--brand);
  background:var(--bp-hover)
}
#mega-uslugi .mega-panels {
  min-width:0
}
#mega-uslugi .mega-panel {
  padding:10px 18px 14px
}
#mega-uslugi .bp-mega-service-panel__head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  padding:2px 2px 18px
}
#mega-uslugi .bp-mega-service-panel__head>div {
  min-width:0
}
#mega-uslugi .bp-mega-service-panel__kicker {
  display:inline-flex;
  margin-bottom:7px;
  color:var(--text-purple);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase
}
#mega-uslugi .bp-mega-service-panel__head h3 {
  margin:0;
  color:var(--bp-ink);
  font-size:23px;
  line-height:1.2
}
#mega-uslugi .bp-mega-service-panel__head p {
  max-width:650px;
  margin:7px 0 0;
  color:var(--bp-muted);
  font-size:14px;
  line-height:1.5
}
#mega-uslugi .bp-mega-service-panel__all {
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  padding:8px 0;
  color:var(--bp-ink-2);
  font-size:14px;
  font-weight:600;
  white-space:nowrap
}
#mega-uslugi .bp-mega-service-panel__all span {
  color:var(--text-purple);
  font-size:17px;
  transition:transform .18s var(--ease)
}
#mega-uslugi .bp-mega-service-panel__all:hover {
  color:var(--text-purple)
}
#mega-uslugi .bp-mega-service-panel__all:hover span {
  transform:translateX(2px)
}
#mega-uslugi .bp-mega-services {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:18px;
  padding-top:9px
}
#mega-uslugi .bp-mega-service {
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:12px 10px;
  border-radius:12px;
  color:var(--bp-ink);
  transition:color .16s var(--ease),background .16s var(--ease)
}
#mega-uslugi .bp-mega-service:hover {
  color:var(--text-purple);
  background:var(--bp-hover)
}
#mega-uslugi .bp-mega-service:only-child {
  grid-column:1/-1
}
#mega-uslugi .bp-mega-service__icon {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  color:var(--text-purple);
  background:var(--bp-hover)
}
#mega-uslugi .bp-mega-service__icon svg {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round
}
#mega-uslugi .bp-mega-service__icon img {
  display:block;
  width:22px;
  height:22px;
  object-fit:contain
}
#mega-uslugi .bp-mega-service__icon--telegram {
  color:#229ed9
}
#mega-uslugi .bp-mega-service__icon--vk {
  color:#07f
}
#mega-uslugi .bp-mega-service__icon--telegram svg,
#mega-uslugi .bp-mega-service__icon--vk svg {
  fill:currentColor;
  stroke:none
}
#mega-uslugi .bp-mega-service__icon--max {
  color:var(--text-purple)
}
#mega-uslugi .bp-mega-service__copy {
  display:grid;
  gap:3px;
  min-width:0
}
#mega-uslugi .bp-mega-service__copy strong {
  overflow:hidden;
  color:inherit;
  font-size:14.5px;
  font-weight:650;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap
}
#mega-uslugi .bp-mega-service__copy small {
  overflow:hidden;
  color:var(--bp-muted);
  font-size:13px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap
}
#mega-uslugi .bp-mega-service__arrow {
  color:var(--bp-muted);
  font-size:16px;
  opacity:.55;
  transition:transform .18s var(--ease),opacity .18s var(--ease)
}
#mega-uslugi .bp-mega-service:hover .bp-mega-service__arrow {
  opacity:1;
  transform:translateX(3px)
}
@media (prefers-reduced-motion:reduce) {
#mega-uslugi .bp-mega-service,
#mega-uslugi .bp-mega-service-panel__all span,
#mega-uslugi .bp-mega-service__arrow {
  transition:none
}
}
.user-wrap {
  position:relative;
  display:inline-flex;
  flex:none
}
.user-ic {
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .25s var(--ease)
}
.user-wrap.open .icon-btn {
  background:var(--bp-hover);
  color:var(--bp-ink)
}
.user-menu {
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  z-index:46;
  background:var(--bp-surface);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--bp-shadow);
  padding:8px;
  min-width:226px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s
}
.user-menu:before {
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px
}
.user-wrap.open .user-menu {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
.user-menu a {
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  padding:11px 13px;
  border-radius:var(--border-radius-m);
  font-size:15px;
  font-weight:400;
  color:var(--bp-ink-2);
  transition:background .14s var(--ease),color .14s var(--ease)
}
.user-menu a:hover {
  background:var(--bp-hover);
  color:var(--text-purple)
}
.user-menu a svg {
  width:18px;
  height:18px;
  flex:none;
  fill:none
}
.user-menu a.menuitem-datool {
  color:#fff;
  background:var(--color-purple-4)
}
.user-menu a.menuitem-datool:hover {
  background:var(--brand-dark)
}
.burger {
  display:none;
  width:30px;
  height:42px;
  border-radius:var(--border-radius-m);
  flex:none
}
.close {
  width:42px;
  height:42px;
  border-radius:var(--border-radius-l);
  display:grid;
  place-items:center;
  font-size:30px;
  font-weight:400;
  color:var(--bp-ink-2);
  line-height:1
}
.close:hover {
  background:var(--bp-hover)
}
.menu {
  position:fixed;
  inset:0;
  z-index:950;
  width:100%;
  height:100%;
  height:100vh;
  height:100dvh;
  background:var(--bp-surface);
  display:flex;
  flex-direction:column;
  opacity:0;
  visibility:hidden;
  transform:translateY(-10px);
  transition:opacity .28s var(--ease),transform .28s var(--ease),visibility .28s
}
.mobile-scroll,
.mobile-top {
  width:100%;
  max-width:100%
}
.mobile-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 20px 8px;
  border-bottom:1px solid var(--line);
  flex:none;
  margin-inline:auto
}
.mobile-scroll {
  overflow-y:auto;
  flex:1;
  padding:0 20px 18px;
  margin-inline:auto
}
.acc-item {
  border-bottom:1px solid var(--line)
}
.acc-head {
  width:100%;
  display:flex;
  align-items:center;
  padding:15px 8px;
  font-size:16px;
  font-weight:600;
  color:var(--bp-ink);
  text-align:left;
  gap:8px;
  position:relative
}
.acc-head .arrow {
  width:9px;
  height:9px;
  flex:none;
  margin:0 4px 3px 0;
  border-right:2px solid var(--bp-muted);
  border-bottom:2px solid var(--bp-muted);
  transform:rotate(45deg);
  transition:transform .25s var(--ease),border-color .2s var(--ease);
  position:absolute;
  right:9px
}
.acc-item.open .acc-head .arrow {
  transform:rotate(225deg);
  margin:3px 4px 0 0;
  border-color:var(--text-purple)
}
.acc-item.open .acc-head {
  color:var(--text-purple)
}
.acc-body {
  max-height:0;
  overflow:hidden;
  transition:max-height .3s var(--ease)
}
.acc-body-inner {
  padding:2px 8px 14px
}
.acc-body a {
  display:block;
  padding:9px 10px;
  font-size:15px;
  color:var(--bp-ink-2)
}
.acc-body a:hover {
  background:var(--bp-hover);
  color:var(--text-purple)
}
.m-simple {
  display:flex;
  align-items:center;
  gap:8px;
  padding:15px 8px;
  font-size:16px;
  font-weight:600;
  color:var(--bp-ink);
  border-bottom:1px solid var(--line)
}
.svg-acc-item {
  width:17px;
  height:17px
}
.svg-acc-item.svg-icon-crown,
.svg-acc-item.svg-icon-lightning {
  width:16px;
  height:16px;
  flex:none
}
.svg-acc-item.svg-icon-crown {
  color:var(--color-yellow-5);
  fill:var(--color-yellow-5)
}
.svg-acc-item.svg-icon-lightning {
  color:var(--text-purple);
  fill:var(--text-purple)
}
.menu .acc-item {
  width:100%;
  border-bottom:0
}
.menu .acc-body {
  display:none;
  max-height:none!important;
  overflow:visible;
  transition:none
}
.menu .acc-item.is-open>.acc-body {
  display:block
}
.menu .acc-body-inner {
  min-height:0;
  overflow:visible;
  padding:0
}
.menu .acc-head,
.menu .m-simple {
  width:100%;
  min-height:48px;
  padding-top:15px;
  padding-right:36px;
  padding-bottom:15px;
  padding-left:var(--menu-indent,8px);
  font-size:16px;
  line-height:1.2;
  font-weight:700;
  color:var(--bp-ink);
  text-align:left;
  opacity:1;
  border-bottom:1px solid var(--line)
}
.menu .acc-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  position:relative
}
.menu .m-simple {
  display:flex;
  align-items:center;
  gap:8px
}
.menu .acc-head__title {
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px
}
.menu .acc-head>.arrow {
  right:9px;
  flex:0 0 auto;
  transition:transform .25s var(--ease),border-color .2s var(--ease)
}
.menu .acc-item.is-open>.acc-head>.arrow {
  transform:rotate(225deg);
  margin:3px 4px 0 0;
  border-color:var(--text-purple)
}
.menu .acc-item.is-open>.acc-head {
  color:var(--text-purple)
}
.footer {
  position:relative;
  color:var(--footer-color);
  background:var(--footer-bg);
  font-size:var(--font-size-16);
  line-height:var(--line-height-10);
  z-index:1;
  padding-top:2em
}
.footer a {
  text-decoration:none
}
.footer svg {
  color:var(--color-soft-4);
  fill:var(--color-soft-4)
}
.footer a,
.footer a.underline {
  color:var(--color-soft-9);
  border-bottom-color:var(--color-soft-2)
}
.footer a.underline:hover,
.footer a:hover {
  color:var(--color-purple-8);
  border-color:var(--color-purple-9);
  transition:fill .2s
}
.footer_top {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between
}
.footer__nav_menu {
  display:flex;
  flex-direction:column;
  padding-left:40px;
  width:25%;
  gap:25px
}
.footer__nav_menu:first-child {
  padding-left:0
}
.footer__menu-contact {
  gap:2em
}
.footer__logo {
  position:relative
}
.footer__logo a {
  display:block;
  text-decoration:none
}
.footer__logo img {
  max-width:100%;
  max-height:50px
}
.footer__socials,
.footer__socials-box {
  display:flex;
  align-items:center;
  justify-items:center
}
.footer__socials-box {
  flex-direction:column;
  gap:16px;
  margin:0 0 35px
}
.footer__socials {
  flex-direction:row;
  width:100%;
  gap:20px
}
.footer__socials-text {
  line-height:var(--line-height-23)
}
.footer__social-item {
  position:relative;
  overflow:hidden
}
.footer__social-item svg {
  display:block;
  transition:fill .2s
}
.footer a:hover svg,
.footer__social-item:hover svg,
.footer__social-link:hover svg {
  color:var(--color-purple-7);
  fill:var(--color-purple-7)
}
.footer__contacts {
  display:flex;
  flex-direction:column;
  gap:1em
}
.footer__8800_number {
  font-size:var(--font-size-25);
  line-height:var(--line-height-25);
  font-weight:var(--font-bold)
}
.footer__8800_number-decs {
  color:var(--color-soft-4);
  font-size:var(--font-size-14);
  line-height:var(--line-height-14)
}
.footer__mail_link {
  font-size:var(--font-size-23);
  line-height:var(--line-height-23);
  font-weight:var(--font-bold)
}
.footer_title {
  color:var(--color-soft-9);
  font-weight:var(--font-bold);
  display:flex;
  align-items:center;
  justify-content:space-between
}
.footer_title-name {
  font-weight:var(--font-bold);
  letter-spacing:.5px;
  font-size:var(--font-size-18);
  line-height:var(--line-height-18)
}
.footer_title-down {
  display:none;
  transition:all .3s ease-out;
  transform:rotate(0);
  width:20px;
  height:20px
}
.footer-menu {
  margin:1em 0;
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:.75em;
  align-content:flex-start;
  justify-content:center
}
.footer-menu__list {
  font-size:var(--font-size-16)
}
.footer-menu a {
  text-decoration:none
}
.footer-menu a:hover {
  transition:fill .2s
}
.footer_copy {
  color:var(--color-soft-9);
  background:var(--color-black-2);
  font-size:var(--font-size-14);
  line-height:var(--line-height-14);
  margin-top:2em
}
.footer_copy_bottom,
.footer_copy_top {
  padding:1em 0
}
.footer_copy_top {
  max-width:880px
}
.footer_copy_bottom {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.footer_copy_links {
  display:flex;
  align-items:center;
  gap:8px
}
.footer_copy a {
  color:var(--color-soft-9);
  border-bottom-color:var(--color-soft-4)
}
.footer_copy a.footer_copy_link,
.footer_copy_sep {
  color:var(--color-soft-4)
}
.footer_copy a.footer_copy_link {
  border-bottom:1px solid var(--color-grafit-3);
  white-space:nowrap;
  text-decoration:none
}
.footer_copy a.floor10 {
  color:var(--color-soft-9)
}
.footer_copy a.underline:hover,
.footer_copy a:hover {
  color:var(--color-yellow-5);
  border-color:var(--color-yellow-8);
  transition:fill .2s
}
@media (max-width:992px) {
.header {
  background:var(--bp-surface);
  border-radius:99px;
  box-shadow:0 10px 34px -14px #10121a2e;
  gap:6px;
  margin:20px 0 16px;
  padding:4px 20px
}
.header-actions .cta,
.nav {
  display:none
}
.burger {
  display:flex
}
.header-actions {
  gap:6px
}
.mega-wrap {
  display:none
}
.footer_title {
  cursor:pointer
}
h1 {
  font-size:var(--font-size-36)
}
h2 {
  font-size:var(--font-size-23)
}
h3 {
  font-size:var(--font-size-22)
}
.footer_title {
  margin-bottom:.75em;
  margin-top:.75em
}
.footer_title-down {
  display:flex;
  align-items:center;
  justify-content:center
}
.footer__nav_menu {
  padding-left:0;
  width:100%
}
.footer__nav_menu-text {
  gap:0
}
.footer__menu_line {
  border-bottom:1px solid var(--color-dark)
}
.footer__nav_menu.footer__menu-right {
  border-bottom:none
}
.footer-menu {
  display:none;
  margin-top:0
}
.footer-menu__list {
  margin-bottom:.75em
}
.footer-menu__list:last-child {
  margin-bottom:0
}
.footer__logo {
  text-align:center
}
.footer__contacts {
  align-items:center
}
.footer__socials {
  justify-content:space-around
}
}
@media (max-width:767px) {
h1 {
  font-size:var(--font-size-30)
}
.footer_copy {
  font-size:var(--font-size-12);
  line-height:var(--line-height-12)
}
.footer_copy_links {
  justify-content:center
}
.footer_copy_bottom {
  padding:0 0 1em;
  flex-direction:column-reverse;
  gap:8px
}
}
:root {
  --color-black-2:#131618
}
.bp-search-toggle {
  border:0;
  background:0 0;
  cursor:pointer
}
.bp-search-toggle__icon {
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round
}
@media (max-width:380px) {
.header {
  padding-left:12px;
  padding-right:12px
}
.header-actions .icon-btn {
  width:38px;
  height:38px
}
.header-actions {
  gap:3px
}
}
#mega-academy .mega-inner {
  grid-template-columns:280px minmax(0,1fr);
  min-height:410px
}
#mega-academy .mega-cats {
  gap:3px;
  padding:8px 12px 8px 4px
}
#mega-academy .mega-cat {
  min-height:44px;
  padding:10px 15px;
  border-left:3px solid transparent
}
#mega-academy .mega-cat.active,
#mega-academy .mega-cat:hover {
  border-left-color:var(--brand);
  background:var(--bp-hover)
}
#mega-academy .bp-mega-academy-nav__divider {
  display:block;
  height:1px;
  margin:5px 15px 2px;
  background:var(--line)
}
#mega-academy .bp-mega-academy-nav__label {
  display:block;
  padding:2px 15px 1px;
  color:var(--bp-muted);
  font-size:13px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase
}
#mega-academy .mega-panels {
  min-width:0
}
#mega-academy .mega-panel {
  padding:10px 18px 14px
}
#mega-academy .bp-mega-academy-panel__head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  padding:2px 2px 18px
}
#mega-academy .bp-mega-academy-panel__head>div {
  min-width:0
}
#mega-academy .bp-mega-academy-panel__kicker {
  display:inline-flex;
  margin-bottom:7px;
  color:var(--text-purple);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase
}
#mega-academy .bp-mega-academy-panel__head h3 {
  margin:0;
  color:var(--bp-ink);
  font-size:23px;
  line-height:1.2
}
#mega-academy .bp-mega-academy-panel__head p {
  max-width:650px;
  margin:7px 0 0;
  color:var(--bp-muted);
  font-size:14px;
  line-height:1.5
}
#mega-academy .bp-mega-academy-panel__all {
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  padding:8px 0;
  color:var(--bp-ink-2);
  font-size:14px;
  font-weight:600;
  white-space:nowrap
}
#mega-academy .bp-mega-academy-panel__all span {
  color:var(--text-purple);
  font-size:17px
}
#mega-academy .bp-mega-academy-panel__all:hover {
  color:var(--text-purple)
}
#mega-academy .bp-mega-academy-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:18px;
  row-gap:3px;
  padding-top:9px
}
#mega-academy .bp-mega-academy-card {
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  min-width:0;
  min-height:64px;
  padding:9px 10px;
  border-radius:12px;
  color:var(--bp-ink);
  transition:none
}
#mega-academy .bp-mega-academy-card:hover {
  color:var(--text-purple);
  background:var(--bp-hover);
  transform:none
}
#mega-academy .bp-mega-academy-card--wide,
#mega-academy .bp-mega-academy-card:only-child {
  grid-column:1/-1
}
#mega-academy .bp-mega-academy-card__icon {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  color:var(--text-purple);
  background:var(--bp-hover)
}
#mega-academy .bp-mega-academy-card__icon--event {
  color:#df6d35
}
#mega-academy .bp-mega-academy-card__icon--industry {
  color:#4777df
}
#mega-academy .bp-mega-academy-card__icon--company {
  color:#7656d6
}
#mega-academy .bp-mega-academy-card__icon svg {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round
}
#mega-academy .bp-mega-academy-card__copy {
  display:grid;
  gap:3px;
  min-width:0
}
#mega-academy .bp-mega-academy-card__copy strong {
  display:-webkit-box;
  overflow:hidden;
  color:inherit;
  font-size:14px;
  font-weight:650;
  line-height:1.3;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
#mega-academy .bp-mega-academy-card__copy small {
  overflow:hidden;
  color:var(--bp-muted);
  font-size:13px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap
}
#mega-academy .bp-mega-academy-card__arrow {
  color:var(--bp-muted);
  font-size:16px;
  opacity:.55;
  transition:none
}
#mega-academy .bp-mega-academy-card:hover .bp-mega-academy-card__arrow {
  opacity:1;
  transform:translateX(3px)
}