button,
hr,
input {
    overflow: visible;
}
progress,
sub,
sup {
    vertical-align: baseline;
}
*,
:after,
:before,
legend {
    box-sizing: border-box;
}
.button,
.list li,
sub,
sup {
    position: relative;
}
.button.primary .button-bg,
.button.primary .button-bg:before {
    -webkit-clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%, 0 75%, 4px calc(75% - 4px), 4px calc(25% + 4px), 0 25%);
    background-color: var(--background-primary);
    width: 100%;
}
.input-block-label,
.list {
    color: var(--text-secondary);
}
.practice-title.second-bg span,
.profession.neon .profession-name {
    -webkit-text-fill-color: var(--background-primary);
    -webkit-text-stroke-color: var(--rebrain-aqua);
}
:root {
    --furore: "Furore", sans-serif;
    --jost: "Jost", sans-serif;
    --background-primary: #101010;
    --background-secondary: #2b2b2b;
    --background-buttons: #fff;
    --background-card: #1a1a1a;
    --text-primary: #eeedec;
    --text-secondary: #ababab;
    --text-default: #c8c4c0;
    --additional: #5e5e5e;
    --rebrain-magenta: #ff48be;
    --rebrain-aqua: #5bffda;
    --rebrain-accent-old: #07b690;
    --rebrain-accent-new: #2cf7b1;
    --white-hacking-yellow: #ffff57;
    --nginx-green: #6aec6a;
    --grafana-red: #ff5757;
    --postgre-sql-purple: #8257ff;
    --postgre-sql-yellow: #ffda57;
    --redis-red: #ff575c;
    --redis-blue: #5790ff;
    --bash-accent: #e548ff;
    --prometheus-accent: #ffa757;
    --haproxy-accent: #4283ff;
    --rabbitmq-accent: #ff7c48;
    --ceph-accent: #ff6b57;
    --vault-accent: #f72c70;
    --python-gradient-from: #5790ff;
    --python-gradient-to: #fff857;
    --grafana-gradient-from: #ff5757;
    --grafana-gradient-to: #fff857;
    --networks-mako: #5BFFDADE;
    --pink: #FF5BD1;
} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
details,
main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    height: 0;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    outline: 0;
    color: #fff;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
.input-block-field,
.list,
body {
    font-weight: 400;
}
summary {
    display: list-item;
}
.big-title br,
.video-overlay.loading .video-button,
.video.disabled .video-button,
[hidden],
template {
    display: none;
}
a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent;
}
body {
    margin: 0;
    font-family: var(--jost);
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}
@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1364px;
    }
}
.heading_h1 {
    font-size: 100px;
    line-height: 1;
}
.heading_h1,
.heading_h2,
.heading_h3,
.heading_h4 {
    font-family: var(--furore);
    margin: 0;
}
.heading_h2 {
    font-size: 80px;
    line-height: 1.1;
}
.heading_h3 {
    font-size: 45px;
    line-height: 1;
}
.heading_h4 {
    font-size: 26px;
    line-height: 1.154;
}
.list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 16px;
    line-height: 1.3125;
}
.button.primary .button-text,
.button.secondary .button-text span,
.input-block-label {
    line-height: 18px;
    font-family: var(--furore);
}
.list li {
    padding-left: 24px;
    margin-bottom: 8px;
}
.list li:before {
    content: "";
    width: 16px;
    height: 21px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxNiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxNy41SDE1LjVWMTBWNi4yMDcxMUwxMS43OTI5IDIuNUg4SDAuNVYxNy41WiIgZmlsbD0iIzJCMkIyQiIgc3Ryb2tlPSIjNUU1RTVFIi8+CjxwYXRoIGQ9Ik0zIDE1SDEzVjEwVjcuNUwxMC41IDVIOEgzVjE1WiIgZmlsbD0iIzVFNUU1RSIvPgo8L3N2Zz4K")
        50% / contain no-repeat;
}
.list li:last-child {
    margin-bottom: 0;
}
.list.green li:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxNiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxNy41SDE1LjVWMTBWNi4yMDcxMUwxMS43OTI5IDIuNUg4SDAuNVYxNy41WiIgZmlsbD0iIzJCMkIyQiIgc3Ryb2tlPSIjMDdCNjkwIi8+CjxwYXRoIGQ9Ik0zIDE1SDEzVjEwVjcuNUwxMC41IDVIOEgzVjE1WiIgZmlsbD0iIzA3QjY5MCIvPgo8L3N2Zz4K");
}
.list.magenta li:before {
    top: -1px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxMS41SDExLjVWNlYzLjIwNzExTDguNzkyODkgMC41SDZIMC41VjExLjVaIiBmaWxsPSIjMkIyQjJCIiBzdHJva2U9IiNGRjM5OTgiLz4KPHBhdGggZD0iTTIuMjUgOS43NUg5Ljc1VjZWNC4xMjVMNy44NzUgMi4yNUg2SDIuMjVWOS43NVoiIGZpbGw9IiNGRjM5OTgiLz4KPC9zdmc+Cg==");
}
.list.white li:before {
    top: -1px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSA5LjVIOS41VjVWMi43MDcxMUw3LjI5Mjg5IDAuNUg1SDAuNVY5LjVaIiBmaWxsPSIjMkIyQjJCIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xLjg3NSA4LjEyNUg4LjEyNVY1VjMuNDM3NUw2LjU2MjUgMS44NzVINUgxLjg3NVY4LjEyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}
.list.lightgreen li:before {
    top: -1px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxNS41SDE1LjVWOFY0LjIwNzExTDExLjc5MjkgMC41SDhIMC41VjE1LjVaIiBmaWxsPSIjMTAxMDEwIiBzdHJva2U9IiM2QUVDNkEiLz4KPHBhdGggZD0iTTMgMTNIMTNWOFY1LjVMMTAuNSAzSDhIM1YxM1oiIGZpbGw9IiM2QUVDNkEiLz4KPC9zdmc+Cg==");
}
.list.blue li:before {
    top: -1px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxNy41SDE3LjVWOVY0LjcwNzExTDEzLjI5MjkgMC41SDlIMC41VjE3LjVaIiBmaWxsPSIjMTAxMDEwIiBzdHJva2U9IiM1NzkwRkYiLz4KPHBhdGggZD0iTTMuMzc1IDE0LjYyNUgxNC42MjVWOVY2LjE4NzVMMTEuODEyNSAzLjM3NUg5SDMuMzc1VjE0LjYyNVoiIGZpbGw9IiM1NzkwRkYiLz4KPC9zdmc+Cg==");
}
.list.accent li:before {
    top: -1px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxNy41MDA1SDE3LjVWOS4wMDA0OVY0LjcwNzZMMTMuMjkyOSAwLjUwMDQ4OEg5SDAuNVYxNy41MDA1WiIgZmlsbD0iIzEwMTAxMCIgc3Ryb2tlPSIjNUJGRkRBIi8+CjxwYXRoIGQ9Ik0zLjM3NSAxNC42MjU1SDE0LjYyNVY5LjAwMDQ5VjYuMTg3OTlMMTEuODEyNSAzLjM3NTQ5SDlIMy4zNzVWMTQuNjI1NVoiIGZpbGw9IiM1QkZGREEiLz4KPC9zdmc+Cg==");
}
.list .list {
    margin: 11px 0;
}
.list .list li:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxNiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxNy41SDE1LjVWMTBWNi4yMDcxMUwxMS43OTI5IDIuNUg4SDAuNVYxNy41WiIgZmlsbD0iIzJCMkIyQiIgc3Ryb2tlPSIjNUU1RTVFIi8+Cjwvc3ZnPgo=");
}
@media screen and (max-width: 768px) {
    .heading_h1 {
        font-size: 60px;
    }
    .heading_h2 {
        font-size: 40px;
    }
    .heading_h3 {
        font-size: 30px;
    }
    .heading_h4 {
        font-size: 18px;
    }
}
.button {
    background: 0 0;
    display: block;
    border: 0;
    padding: 0;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
}
.button.primary .button-bg {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px;
    height: 100%;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%, 0 75%, 4px calc(75% - 4px), 4px calc(25% + 4px), 0 25%);
    transition: background-color 0.4s ease-in-out, top 0.4s ease-in-out, left 0.4s ease-in-out;
}
.button.primary .button-bg:before {
    content: "";
    display: block;
    height: 100%;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%, 0 75%, 4px calc(75% - 4px), 4px calc(25% + 4px), 0 25%);
}
.button.primary .button-text:after,
.discount-link-text:after {
    content: "";
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    transition: width 0.4s ease-in-out;
}
.button.primary .button-text,
.button.secondary .button-bg,
.button.secondary .button-text {
    -webkit-clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%, 0 75%, 4px calc(75% - 4px), 4px calc(25% + 4px), 0 25%);
}
.button.primary .button-text {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    text-align: center;
    color: var(--background-primary);
    background-color: var(--background-buttons);
    padding: 23px 23px 23px 24px;
    border: 0;
    margin: 0;
    text-decoration: none;
    display: inline-block;
    letter-spacing: -0.1px;
    position: relative;
    width: 100%;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%, 0 75%, 4px calc(75% - 4px), 4px calc(25% + 4px), 0 25%);
}
.button.primary .button-text span {
    position: relative;
    z-index: 1;
    color: var(--background-primary);
}
.button.primary .button-text:after {
    background: var(--rebrain-aqua);
    display: block;
    position: absolute;
}
.button.primary.medium .button-bg,
.button.primary.medium .button-bg:before,
.button.primary.small .button-bg,
.button.primary.small .button-bg:before,
.button.primary.small .button-text,
.button.secondary.small .button-bg,
.button.secondary.small .button-text,
.button.secondary.small .button-text span {
    -webkit-clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%, 0 80%, 4px calc(80% - 4px), 4px calc(20% + 4px), 0 20%);
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%, 0 80%, 4px calc(80% - 4px), 4px calc(20% + 4px), 0 20%);
}
.button.primary.small .button-text,
.button.secondary.small .button-text span {
    font-size: 12px;
    line-height: 14px;
    padding: 15px 23px;
}
.button.primary.medium .button-text {
    font-size: 14px;
    line-height: 16px;
    padding: 15px 23px;
    -webkit-clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%, 0 80%, 4px calc(80% - 4px), 4px calc(20% + 4px), 0 20%);
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%, 0 80%, 4px calc(80% - 4px), 4px calc(20% + 4px), 0 20%);
}
.button.primary.button-red .button-text:after,
.profession.workshop.redis .profession-name {
    background: var(--redis-red);
}
.button.primary.button-ceph .button-text:after,
.profession.workshop.ceph .profession-name {
    background: var(--ceph-accent);
}
.button.primary.button-magenta .button-text:after,
.profession.workshop.kafka .profession-name {
    background: var(--rebrain-magenta);
}
.button.primary.button-blue .button-text:after {
    background: #5790ff;
}
.button.primary.button-orange .button-text:after,
.profession.workshop.prometheus .profession-name {
    background: var(--prometheus-accent);
}
.button.primary.button-purple .button-text:after,
.profession.workshop.postgresql .profession-name {
    background: var(--postgre-sql-purple);
}
.big-title.green,
.button.primary.button-green .button-text:after,
.button.secondary.green-hover .button-bg,
.profession.workshop.nginx .profession-name {
    background: var(--nginx-green);
}
.button.primary.button-vault .button-text:after,
.profession.workshop.vault .profession-name {
    background: var(--vault-accent);
}
.button.primary.button-gray .button-bg,
.button.primary.button-gray .button-text {
    background-color: var(--background-secondary);
}
.button.primary.button-gray .button-text span {
    color: #eeedec;
}
.button.primary.button-gray .button-text:after {
    background: var(--additional);
}
.button.primary.full-bg .button-text:after {
    width: 100%;
}
.button.primary.outer-left-right .button-bg,
.button.primary.outer-left-right .button-bg:before,
.button.primary.outer-left-right .button-text,
.button.secondary.outer-left-right .button-bg,
.button.secondary.outer-left-right .button-text,
.button.secondary.outer-left-right .button-text span {
    -webkit-clip-path: polygon(
        4px 0,
        calc(100% - 4px) 0,
        calc(100% - 4px) 16px,
        100% 20px,
        100% calc(100% - 20px),
        calc(100% - 4px) calc(100% - 16px),
        calc(100% - 4px) 100%,
        4px 100%,
        4px calc(100% - 16px),
        0 calc(100% - 20px),
        0 20px,
        4px 16px
    );
    clip-path: polygon(4px 0, calc(100% - 4px) 0, calc(100% - 4px) 16px, 100% 20px, 100% calc(100% - 20px), calc(100% - 4px) calc(100% - 16px), calc(100% - 4px) 100%, 4px 100%, 4px calc(100% - 16px), 0 calc(100% - 20px), 0 20px, 4px 16px);
}
.button.secondary .button-bg {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--rebrain-aqua);
    opacity: 0.6;
    transition: top 0.3s ease-in-out, left 0.3s ease-in-out;
}
.button.secondary .button-bg,
.button.secondary .button-text {
    display: block;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%, 0 75%, 4px calc(75% - 4px), 4px calc(25% + 4px), 0 25%);
}
.button.secondary .button-text {
    background-color: var(--background-buttons);
    padding: 2px;
    text-decoration: none;
}
.button.secondary .button-text span {
    font-size: 1rem;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    display: block;
    border: 0;
    text-align: center;
    color: var(--background-buttons);
    background-color: var(--background-primary);
    padding: 21px 34px 21px 36px;
    -webkit-clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%, 0 75%, 4px calc(75% - 4px), 4px calc(25% + 4px), 0 25%);
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%, 0 75%, 4px calc(75% - 4px), 4px calc(25% + 4px), 0 25%);
}
.button.secondary.blue-hover .button-bg,
.profession.workshop.logs .profession-name {
    background: var(--redis-blue);
}
.button.secondary.green-outline .button-text {
    background-color: var(--nginx-green);
}
.button.secondary.green-outline .button-text span,
.small-title.green {
    color: var(--nginx-green);
}
.input-block.accept .input-block-label,
.plate-text span,
.practice-title.second-bg {
    color: var(--rebrain-aqua);
}
.button:hover.primary .button-bg {
    background-color: var(--rebrain-aqua);
    top: 8px;
    left: 8px;
}
.button:hover.primary .button-text:after {
    width: 100%;
}
.button:hover.primary.button-red .button-bg {
    background-color: var(--redis-red);
}
.button:hover.primary.button-ceph .button-bg {
    background-color: var(--ceph-accent);
}
.button:hover.primary.button-magenta .button-bg {
    background-color: var(--rebrain-magenta);
}
.button:hover.primary.button-blue .button-bg {
    background-color: #5790ff;
}
.button:hover.primary.button-orange .button-bg {
    background-color: var(--prometheus-accent);
}
.button:hover.primary.button-purple .button-bg {
    background-color: var(--postgre-sql-purple);
}
.button:hover.primary.button-green .button-bg {
    background-color: var(--nginx-green);
}
.button:hover.primary.button-gray .button-bg {
    background-color: var(--background-secondary);
}
.button:hover.primary.button-vault .button-bg {
    background-color: var(--vault-accent);
}
.button:hover.secondary .button-bg {
    top: 8px;
    left: 8px;
}
.button.secondary.left-right .button-bg,
.button.secondary.left-right .button-text span {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 25%, calc(100% - 4px) calc(25% + 4px), calc(100% - 4px) calc(75% - 4px), 100% 75%, 100% 100%, 0 100%, 0 75%, 4px calc(75% - 4px), 4px calc(25% + 4px), 0 25%);
    clip-path: polygon(0 0, 100% 0, 100% 25%, calc(100% - 4px) calc(25% + 4px), calc(100% - 4px) calc(75% - 4px), 100% 75%, 100% 100%, 0 100%, 0 75%, 4px calc(75% - 4px), 4px calc(25% + 4px), 0 25%);
}
.button.secondary.left-right .button-text {
    -webkit-clip-path: polygon(
        0 0,
        100% 0,
        100% calc(25% + 4px),
        calc(100% - 4px) calc(25% + 6px),
        calc(100% - 4px) calc(75% - 6px),
        100% calc(75% - 4px),
        100% 100%,
        0 100%,
        0 calc(75% - 4px),
        4px calc(75% - 6px),
        4px calc(25% + 6px),
        0 calc(25% + 4px)
    );
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(25% + 4px),
        calc(100% - 4px) calc(25% + 6px),
        calc(100% - 4px) calc(75% - 6px),
        100% calc(75% - 4px),
        100% 100%,
        0 100%,
        0 calc(75% - 4px),
        4px calc(75% - 6px),
        4px calc(25% + 6px),
        0 calc(25% + 4px)
    );
}
.button.secondary.outer-right .button-bg,
.button.secondary.outer-right .button-text {
    -webkit-clip-path: polygon(
        0 0,
        calc(100% - 4px) 0,
        calc(100% - 4px) 16px,
        100% calc(25% + 4px),
        100% calc(75% - 4px),
        calc(100% - 4px) calc(100% - 16px),
        calc(100% - 4px) 100%,
        0 100%,
        0 calc(75% + 1px),
        4px calc(75% - 3px),
        4px calc(25% + 3px),
        0 calc(25% - 1px)
    );
    clip-path: polygon(
        0 0,
        calc(100% - 4px) 0,
        calc(100% - 4px) 16px,
        100% calc(25% + 4px),
        100% calc(75% - 4px),
        calc(100% - 4px) calc(100% - 16px),
        calc(100% - 4px) 100%,
        0 100%,
        0 calc(75% + 1px),
        4px calc(75% - 3px),
        4px calc(25% + 3px),
        0 calc(25% - 1px)
    );
}
.button.secondary.outer-right .button-text span {
    -webkit-clip-path: polygon(
        0 0,
        calc(100% - 4px) 0,
        calc(100% - 4px) 16px,
        100% calc(25% + 4px),
        100% calc(75% - 4px),
        calc(100% - 4px) calc(100% - 16px),
        calc(100% - 4px) 100%,
        0 100%,
        0 calc(75% + 2px),
        4px calc(75% - 2px),
        4px calc(25% + 2px),
        0 calc(25% - 2px)
    );
    clip-path: polygon(
        0 0,
        calc(100% - 4px) 0,
        calc(100% - 4px) 16px,
        100% calc(25% + 4px),
        100% calc(75% - 4px),
        calc(100% - 4px) calc(100% - 16px),
        calc(100% - 4px) 100%,
        0 100%,
        0 calc(75% + 2px),
        4px calc(75% - 2px),
        4px calc(25% + 2px),
        0 calc(25% - 2px)
    );
}
.button.secondary.down-right .button-bg,
.button.secondary.down-right .button-text,
.button.secondary.down-right .button-text span {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 75%, 4px calc(75% - 4px), 4px calc(25% + 4px), 0 25%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 75%, 4px calc(75% - 4px), 4px calc(25% + 4px), 0 25%);
}
.input-block {
    position: relative;
    z-index: 1;
}
.input-block.error .input-block-field,
.input-block.error .input-block-label {
    color: var(--rebrain-magenta);
}
.input-block.error-red .input-block-field,
.input-block.error-red .input-block-label {
    color: var(--redis-red);
}
.input-block-label {
    font-size: 1rem;
    letter-spacing: -0.01em;
    padding: 6px 10px;
    width: 100%;
    background-color: var(--background-secondary);
    -webkit-clip-path: polygon(0 0, calc(100% - 7.5px) 0, 100% 7.5px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 7.5px) 0, 100% 7.5px, 100% 100%, 0 100%);
}
.input-block-field {
    font-size: 1rem;
    line-height: 21px;
    color: #fff;
    border: 0;
    background-color: var(--background-primary);
    padding: 6px 8px 5px;
    border: 2px solid var(--background-secondary);
    width: 100%;
}
.input-block-field:focus {
    outline: 0;
}
.input-block-field:focus + .input-block-focus {
    top: 2px;
    left: 2px;
    opacity: 1;
}
.input-block-focus {
    -webkit-clip-path: polygon(0 0, calc(100% - 7.5px) 0, 100% 7.5px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 7.5px) 0, 100% 7.5px, 100% 100%, 0 100%);
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    opacity: 0;
    position: absolute;
    z-index: -1;
    background-color: var(--text-primary);
    transition: opacity 0.2s ease-in-out, left 0.2s ease-in-out, top 0.2s ease-in-out;
}
.discount-link-bg,
.discount-link:hover:not(.disabled) .discount-link-text {
    background-color: var(--rebrain-magenta);
}
.practice-title {
    font-family: var(--furore);
}
.practice-title.second-bg {
    position: relative;
    font-size: 100px;
    line-height: 1;
    letter-spacing: -0.03em;
    text-shadow: -3px 4px 9px rgba(91, 255, 218, 0.5);
}
.practice-title.second-bg span {
    position: absolute;
    left: 2px;
    top: -2px;
    z-index: 5;
    -webkit-text-stroke-width: 1.5px;
    text-shadow: none;
}
.practice-title.outline {
    font-size: 80px;
    line-height: 1.1;
    margin: 0 0 6px -2px;
    letter-spacing: -2.5px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--background-buttons);
    -webkit-text-fill-color: var(--background-primary);
}
.practice-title.classic {
    font-size: 150px;
    line-height: 1;
    letter-spacing: -0.03em;
    color: var(--background-buttons);
    text-shadow: #ff48be -3px 0 0, #5bffda 3px 0 0;
}
.big-title,
.discount-link:hover:not(.disabled) .discount-link-text span,
.practice-title.workshop {
    color: var(--background-primary);
}
.practice-title.workshop {
    font-size: 80px;
    line-height: 1.1;
    letter-spacing: -0.03em;
    background: var(--rebrain-aqua);
    display: inline-block;
    -webkit-clip-path: polygon(0 26px, 26px 0, 100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 0 100%);
    clip-path: polygon(0 26px, 26px 0, 100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 0 100%);
    padding: 0.5px 23px 11.5px 26px;
}
.discount-link-text span,
.r-label.magenta {
    color: var(--rebrain-magenta);
}
.discount-link {
    cursor: pointer;
    font-family: var(--furore);
    position: relative;
    z-index: 40;
    display: inline-block;
    text-decoration: none;
}
.discount-link:hover:not(.disabled) .discount-link-text:after {
    width: 100%;
}
.discount-link.disabled {
    cursor: auto;
}
.discount-link.fixed {
    position: fixed;
    bottom: 0;
    right: 150px;
}
.discount-link.aqua .discount-link-bg,
.discount-link.aqua:hover:not(.disabled) .discount-link-text {
    background-color: var(--rebrain-accent-old);
}
.discount-link.aqua .discount-link-text span {
    color: var(--rebrain-accent-old);
}
.discount-link.aqua .discount-link-text:after {
    background: var(--rebrain-accent-old);
}
.discount-link-bg {
    padding: 2px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 75%, 4px calc(75% - 3px), 4px calc(25% + 3px), 0 25%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 75%, 4px calc(75% - 3px), 4px calc(25% + 3px), 0 25%);
}
.discount-link-text {
    display: block;
    font-size: 12px;
    line-height: 0.86;
    letter-spacing: -0.01em;
    background-color: var(--background-primary);
    padding: 14px 28px 12px;
    transition: background-color 0.4s ease-in-out;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 calc(75% + 1px), 4px calc(75% - 2px), 4px calc(25% + 2px), 0 calc(25% - 1px));
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 calc(75% + 1px), 4px calc(75% - 2px), 4px calc(25% + 2px), 0 calc(25% - 1px));
}
.discount-link-text span {
    position: relative;
    z-index: 2;
    transition: color 0.4s ease-in-out;
}
.discount-link-text:after {
    background: var(--rebrain-magenta);
    display: block;
    position: absolute;
}
.video:after,
.video:before {
    content: "";
    height: 23px;
    width: 490px;
    left: 35px;
}
.video {
    width: 560px;
    height: 324px;
    margin: 19px 0 0 -16px;
    overflow: hidden;
    padding: 12px;
    position: relative;
}
.video-frame,
.video-overlay {
    width: 100%;
    height: 100%;
}
.video:before {
    display: block;
    position: absolute;
    bottom: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYwIiBoZWlnaHQ9IjMyNCIgdmlld0JveD0iMCAwIDU2MCAzMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy44OTM3NSA2LjY3NDI1TDAgMTMuMzQ4M0wwLjAwMDUgMzIuMTExOEwwLjAwMTI1IDUwLjg3NUwyLjAwMDUgNTMuNjkwM0w0IDU2LjUwNTVWMTA2LjM0VjE1Ni4xNzZMMiAxNTguOTY5TDAgMTYxLjc2M1YyMzYuMjA4VjMxMC42NTJMNy44OTM3NSAzMTcuMzI2TDE1Ljc4NzUgMzI0SDQzLjg5NzVINzIuMDA3Mkw3NS4yNSAzMjIuMzc1TDc4LjQ5MjggMzIwLjc1SDI3OS45ODNINDgxLjQ3NEw0ODQuNzY5IDMyMi4zNzVMNDg4LjA2NCAzMjRINTE2LjEzOEg1NDQuMjEzTDU1Mi4xMDYgMzE3LjMyNkw1NjAgMzEwLjY1MlYxNjJWMTMuMzQ4TDU1Mi4wOTIgNi42NzRMNTQ0LjE4NCAwSDUxMC45NzVINDc3Ljc2N0w0NzQuMzQ2IDEuNjI1TDQ3MC45MjcgMy4yNUg0MTEuOTcxSDM1My4wMTdMMzQ5LjU5NiAxLjYyNUwzNDYuMTc3IDBIMTgwLjk4MkgxNS43ODc1TDcuODkzNzUgNi42NzQyNVpNMzQ1LjQ0NCAxNS42MjVMMzQ4Ljk2NCAxNy4yNUg0MDQuODI2SDQ2MC42ODlMNDY0LjI1IDE1LjYyNUw0NjcuODExIDE0SDQ5OC44NzhINTI5Ljk0NUw1MzcuOTEgMjAuMDgzM0w1NDUuODc1IDI2LjE2NjVMNTQ1LjkzOCAxNjEuOTQ3TDU0NiAyOTcuNzI3TDUzNy45NjUgMzAzLjg2M0w1MjkuOTI5IDMxMEg1MDMuODA1SDQ3Ny42ODFMNDc0LjEzNCAzMDguMzc1TDQ3MC41ODcgMzA2Ljc1SDI3OS40NzFIODguMzU1Mkw4NC44MjU1IDMwOC4zNzVMODEuMjk2IDMxMEg1NS4xODA4SDI5LjA2NTNMMjEuNTMyNyAzMDMuODY1TDE0IDI5Ny43MjlWMjI5Ljk2VjE2Mi4xOUwxNS44NzUgMTU5LjYxN0wxNy43NSAxNTcuMDQ0VjExMS4wMzdWNjUuMDI5NUwxNS44NzUgNjIuNDMxNUwxNCA1OS44MzMyVjQzLjA1NVYyNi4yNzY1TDIxLjUzNDMgMjAuMTM4M0wyOS4wNjg4IDE0SDE4NS40OTZIMzQxLjkyM0wzNDUuNDQ0IDE1LjYyNVoiIGZpbGw9IiM1RTVFNUUiLz4KPC9zdmc+Cg==")
        center 100% no-repeat;
}
.video:after {
    display: block;
    position: absolute;
    top: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYwIiBoZWlnaHQ9IjMyNCIgdmlld0JveD0iMCAwIDU2MCAzMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy44OTM3NSA2LjY3NDI1TDAgMTMuMzQ4M0wwLjAwMDUgMzIuMTExOEwwLjAwMTI1IDUwLjg3NUwyLjAwMDUgNTMuNjkwM0w0IDU2LjUwNTVWMTA2LjM0VjE1Ni4xNzZMMiAxNTguOTY5TDAgMTYxLjc2M1YyMzYuMjA4VjMxMC42NTJMNy44OTM3NSAzMTcuMzI2TDE1Ljc4NzUgMzI0SDQzLjg5NzVINzIuMDA3Mkw3NS4yNSAzMjIuMzc1TDc4LjQ5MjggMzIwLjc1SDI3OS45ODNINDgxLjQ3NEw0ODQuNzY5IDMyMi4zNzVMNDg4LjA2NCAzMjRINTE2LjEzOEg1NDQuMjEzTDU1Mi4xMDYgMzE3LjMyNkw1NjAgMzEwLjY1MlYxNjJWMTMuMzQ4TDU1Mi4wOTIgNi42NzRMNTQ0LjE4NCAwSDUxMC45NzVINDc3Ljc2N0w0NzQuMzQ2IDEuNjI1TDQ3MC45MjcgMy4yNUg0MTEuOTcxSDM1My4wMTdMMzQ5LjU5NiAxLjYyNUwzNDYuMTc3IDBIMTgwLjk4MkgxNS43ODc1TDcuODkzNzUgNi42NzQyNVpNMzQ1LjQ0NCAxNS42MjVMMzQ4Ljk2NCAxNy4yNUg0MDQuODI2SDQ2MC42ODlMNDY0LjI1IDE1LjYyNUw0NjcuODExIDE0SDQ5OC44NzhINTI5Ljk0NUw1MzcuOTEgMjAuMDgzM0w1NDUuODc1IDI2LjE2NjVMNTQ1LjkzOCAxNjEuOTQ3TDU0NiAyOTcuNzI3TDUzNy45NjUgMzAzLjg2M0w1MjkuOTI5IDMxMEg1MDMuODA1SDQ3Ny42ODFMNDc0LjEzNCAzMDguMzc1TDQ3MC41ODcgMzA2Ljc1SDI3OS40NzFIODguMzU1Mkw4NC44MjU1IDMwOC4zNzVMODEuMjk2IDMxMEg1NS4xODA4SDI5LjA2NTNMMjEuNTMyNyAzMDMuODY1TDE0IDI5Ny43MjlWMjI5Ljk2VjE2Mi4xOUwxNS44NzUgMTU5LjYxN0wxNy43NSAxNTcuMDQ0VjExMS4wMzdWNjUuMDI5NUwxNS44NzUgNjIuNDMxNUwxNCA1OS44MzMyVjQzLjA1NVYyNi4yNzY1TDIxLjUzNDMgMjAuMTM4M0wyOS4wNjg4IDE0SDE4NS40OTZIMzQxLjkyM0wzNDUuNDQ0IDE1LjYyNVoiIGZpbGw9IiM1RTVFNUUiLz4KPC9zdmc+Cg==")
        center 0 no-repeat;
}
.video-frame:after,
.video-frame:before {
    height: 324px;
    width: 35px;
    content: "";
    display: block;
    top: 0;
    position: absolute;
}
.video-frame:before {
    right: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYwIiBoZWlnaHQ9IjMyNCIgdmlld0JveD0iMCAwIDU2MCAzMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy44OTM3NSA2LjY3NDI1TDAgMTMuMzQ4M0wwLjAwMDUgMzIuMTExOEwwLjAwMTI1IDUwLjg3NUwyLjAwMDUgNTMuNjkwM0w0IDU2LjUwNTVWMTA2LjM0VjE1Ni4xNzZMMiAxNTguOTY5TDAgMTYxLjc2M1YyMzYuMjA4VjMxMC42NTJMNy44OTM3NSAzMTcuMzI2TDE1Ljc4NzUgMzI0SDQzLjg5NzVINzIuMDA3Mkw3NS4yNSAzMjIuMzc1TDc4LjQ5MjggMzIwLjc1SDI3OS45ODNINDgxLjQ3NEw0ODQuNzY5IDMyMi4zNzVMNDg4LjA2NCAzMjRINTE2LjEzOEg1NDQuMjEzTDU1Mi4xMDYgMzE3LjMyNkw1NjAgMzEwLjY1MlYxNjJWMTMuMzQ4TDU1Mi4wOTIgNi42NzRMNTQ0LjE4NCAwSDUxMC45NzVINDc3Ljc2N0w0NzQuMzQ2IDEuNjI1TDQ3MC45MjcgMy4yNUg0MTEuOTcxSDM1My4wMTdMMzQ5LjU5NiAxLjYyNUwzNDYuMTc3IDBIMTgwLjk4MkgxNS43ODc1TDcuODkzNzUgNi42NzQyNVpNMzQ1LjQ0NCAxNS42MjVMMzQ4Ljk2NCAxNy4yNUg0MDQuODI2SDQ2MC42ODlMNDY0LjI1IDE1LjYyNUw0NjcuODExIDE0SDQ5OC44NzhINTI5Ljk0NUw1MzcuOTEgMjAuMDgzM0w1NDUuODc1IDI2LjE2NjVMNTQ1LjkzOCAxNjEuOTQ3TDU0NiAyOTcuNzI3TDUzNy45NjUgMzAzLjg2M0w1MjkuOTI5IDMxMEg1MDMuODA1SDQ3Ny42ODFMNDc0LjEzNCAzMDguMzc1TDQ3MC41ODcgMzA2Ljc1SDI3OS40NzFIODguMzU1Mkw4NC44MjU1IDMwOC4zNzVMODEuMjk2IDMxMEg1NS4xODA4SDI5LjA2NTNMMjEuNTMyNyAzMDMuODY1TDE0IDI5Ny43MjlWMjI5Ljk2VjE2Mi4xOUwxNS44NzUgMTU5LjYxN0wxNy43NSAxNTcuMDQ0VjExMS4wMzdWNjUuMDI5NUwxNS44NzUgNjIuNDMxNUwxNCA1OS44MzMyVjQzLjA1NVYyNi4yNzY1TDIxLjUzNDMgMjAuMTM4M0wyOS4wNjg4IDE0SDE4NS40OTZIMzQxLjkyM0wzNDUuNDQ0IDE1LjYyNVoiIGZpbGw9IiM1RTVFNUUiLz4KPC9zdmc+Cg==")
        100% no-repeat;
}
.video-frame:after {
    left: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYwIiBoZWlnaHQ9IjMyNCIgdmlld0JveD0iMCAwIDU2MCAzMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy44OTM3NSA2LjY3NDI1TDAgMTMuMzQ4M0wwLjAwMDUgMzIuMTExOEwwLjAwMTI1IDUwLjg3NUwyLjAwMDUgNTMuNjkwM0w0IDU2LjUwNTVWMTA2LjM0VjE1Ni4xNzZMMiAxNTguOTY5TDAgMTYxLjc2M1YyMzYuMjA4VjMxMC42NTJMNy44OTM3NSAzMTcuMzI2TDE1Ljc4NzUgMzI0SDQzLjg5NzVINzIuMDA3Mkw3NS4yNSAzMjIuMzc1TDc4LjQ5MjggMzIwLjc1SDI3OS45ODNINDgxLjQ3NEw0ODQuNzY5IDMyMi4zNzVMNDg4LjA2NCAzMjRINTE2LjEzOEg1NDQuMjEzTDU1Mi4xMDYgMzE3LjMyNkw1NjAgMzEwLjY1MlYxNjJWMTMuMzQ4TDU1Mi4wOTIgNi42NzRMNTQ0LjE4NCAwSDUxMC45NzVINDc3Ljc2N0w0NzQuMzQ2IDEuNjI1TDQ3MC45MjcgMy4yNUg0MTEuOTcxSDM1My4wMTdMMzQ5LjU5NiAxLjYyNUwzNDYuMTc3IDBIMTgwLjk4MkgxNS43ODc1TDcuODkzNzUgNi42NzQyNVpNMzQ1LjQ0NCAxNS42MjVMMzQ4Ljk2NCAxNy4yNUg0MDQuODI2SDQ2MC42ODlMNDY0LjI1IDE1LjYyNUw0NjcuODExIDE0SDQ5OC44NzhINTI5Ljk0NUw1MzcuOTEgMjAuMDgzM0w1NDUuODc1IDI2LjE2NjVMNTQ1LjkzOCAxNjEuOTQ3TDU0NiAyOTcuNzI3TDUzNy45NjUgMzAzLjg2M0w1MjkuOTI5IDMxMEg1MDMuODA1SDQ3Ny42ODFMNDc0LjEzNCAzMDguMzc1TDQ3MC41ODcgMzA2Ljc1SDI3OS40NzFIODguMzU1Mkw4NC44MjU1IDMwOC4zNzVMODEuMjk2IDMxMEg1NS4xODA4SDI5LjA2NTNMMjEuNTMyNyAzMDMuODY1TDE0IDI5Ny43MjlWMjI5Ljk2VjE2Mi4xOUwxNS44NzUgMTU5LjYxN0wxNy43NSAxNTcuMDQ0VjExMS4wMzdWNjUuMDI5NUwxNS44NzUgNjIuNDMxNUwxNCA1OS44MzMyVjQzLjA1NVYyNi4yNzY1TDIxLjUzNDMgMjAuMTM4M0wyOS4wNjg4IDE0SDE4NS40OTZIMzQxLjkyM0wzNDUuNDQ0IDE1LjYyNVoiIGZpbGw9IiM1RTVFNUUiLz4KPC9zdmc+Cg==")
        0 no-repeat;
}
.video-overlay {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: var(--background-secondary);
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.video-overlay.loading:after {
    content: "";
    width: 60px;
    height: 60px;
    display: inline-block;
    border: 3px solid #faf9f8;
    border-top-color: var(--rebrain-aqua);
    border-radius: 50%;
    animation: 1s infinite a;
}
.video-button {
    width: 340px;
}
@keyframes a {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
@media (min-width: 0px) and (max-width: 767px) {
    .button.primary .button-text {
        font-size: 13px;
        line-height: 15px;
        padding: 24.5px 23px 24.5px 24px;
    }
    .button.secondary .button-text span {
        font-size: 13px;
        line-height: 15px;
        padding: 24.5px 13px 24.5px 14px;
    }
    .practice-title.workshop {
        font-size: 40px;
        padding: 0.5px 30px 5.5px 16px;
        -webkit-clip-path: polygon(0 13px, 16px 0, 100% 0, 100% calc(100% - 13px), calc(100% - 16px) 100%, 0 100%);
        clip-path: polygon(0 13px, 16px 0, 100% 0, 100% calc(100% - 13px), calc(100% - 16px) 100%, 0 100%);
    }
    .video-button {
        width: 260px;
    }
    .video-button.secondary .button-text span {
        padding: 18px 25px;
    }
    .video {
        margin: 15px auto 0;
        width: 370px;
        height: 214px;
        max-width: 100%;
        padding: 8px;
    }
    .video:after,
    .video:before {
        width: 320px;
        height: 18px;
        left: 25px;
        background-size: 370px;
    }
    .video-frame:after,
    .video-frame:before {
        height: 215px;
        width: 25px;
        background-size: 370px;
    }
}
@media (min-width: 0px) and (max-width: 400px) {
    .video-button.secondary .button-text span {
        font-size: 0.8125rem;
        line-height: 15px;
    }
    .video {
        width: 100%;
        height: 215px;
        padding: 6px;
    }
    .video:after,
    .video:before {
        width: 100%;
        left: 0;
        height: 14px;
        background-size: cover;
    }
    .video-frame:after,
    .video-frame:before {
        width: 20px;
        height: 100%;
        background-size: cover;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .video-button {
        width: 280px;
    }
    .video-button.secondary .button-text span {
        padding: 18px 25px;
    }
    .video {
        margin: 10px auto 0;
        width: 370px;
        height: 214px;
        max-width: 100%;
        padding: 8px;
    }
    .video:after,
    .video:before {
        width: 320px;
        height: 18px;
        left: 25px;
        background-size: 370px;
    }
    .video-frame:after,
    .video-frame:before {
        height: 215px;
        width: 25px;
        background-size: 370px;
    }
}
.big-title {
    font-family: var(--furore);
    background: var(--additional);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 80px;
    line-height: 1.1;
    width: 100%;
    padding: 4px 20px 8px;
    letter-spacing: -2.5px;
    -webkit-clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 26px 100%, 0 calc(100% - 26px));
    clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 26px 100%, 0 calc(100% - 26px));
}
.big-title:before {
    content: "";
    display: inline-block;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iNTQiIHZpZXdCb3g9IjAgMCA1NCA1NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjM5NzcgNTMuNDAwMUwxOS4zOTc3IDQ0Ljc3OTdMMzQuMjQzOSA0NC43Nzk3TDQwLjgyOSA0Ni41NzU2TDQxLjQyNzYgNDUuMTM4OUwzNi4zOTkgNDIuNTA0OUwwLjYwMDM5MSA2LjcwNjIyTDYuNzA2NTEgMC42MDAwOTZMNDIuNTA1MiAzNi4zOTg3TDQ1LjEzOTIgNDEuNDI3M0w0Ni41NzU5IDQwLjgyODdMNDQuNzggMzQuMjQzNkw0NC43OCAxOS4zOTc0TDUzLjQwMDQgMTkuMzk3NEw1My40MDA0IDQ1LjI1ODZMNDUuMjU4OSA1My40MDAxTDE5LjM5NzcgNTMuNDAwMVoiIGZpbGw9IiMxMDEwMTAiLz4KPC9zdmc+Cg==")
        50% / contain no-repeat;
    width: 53px;
    height: 53px;
    margin-right: 38px;
}
@media (min-width: 0px) and (max-width: 767px) {
    .big-title {
        font-size: 30px;
        line-height: 1;
        padding: 2px 20px 4px;
        letter-spacing: 0;
        -webkit-clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
    }
    .big-title:before {
        min-width: 27px;
        width: 27px;
        height: 27px;
        background-size: cover;
        margin-right: 9px;
    }
    .big-title br {
        display: block;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .big-title {
        font-size: 30px;
        line-height: 1;
        letter-spacing: -0.5px;
        padding: 10px 20px 12px;
        -webkit-clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
    }
    .big-title:before {
        min-width: 27px;
        width: 27px;
        height: 27px;
        background-size: cover;
        margin-right: 9px;
    }
}
@media (min-width: 992px) and (max-width: 1350px) {
    .big-title {
        font-size: 48px;
        line-height: 1.42;
        letter-spacing: -0.5px;
    }
}
.r-label,
.small-title {
    font-size: 26px;
    line-height: 30px;
}
.small-title {
    font-family: var(--furore);
    color: var(--additional);
    letter-spacing: -0.01em;
    margin-bottom: 20px;
}
.profession-subtitle,
.r-label {
    color: var(--background-buttons);
}
.r-card {
    padding: 6px 4px;
    background-color: var(--background-secondary);
}
.r-card.hover {
    transition: background-color 0.3s ease-in-out, filter 0.3s ease-in-out;
}
.r-card.hover:hover {
    background-color: var(--rebrain-aqua);
    filter: drop-shadow(4px 4px 30px rgba(91, 255, 218, 0.5));
}
.checkbox.green input:checked + .checkbox-icon,
.checkbox.green input:checked + .checkbox-icon:after,
.r-card.green {
    background-color: var(--nginx-green);
}
.r-card-bg,
.r-label:before {
    background-color: var(--background-primary);
    width: 100%;
    height: 100%;
}
.r-card-bg {
    padding: 24px 14px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-clip-path: polygon(0 6px, 80px 6px, 86px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 80px) calc(100% - 6px), calc(100% - 86px) 100%, 0 100%);
    clip-path: polygon(0 6px, 80px 6px, 86px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 80px) calc(100% - 6px), calc(100% - 86px) 100%, 0 100%);
}
.profession.workshop .profession-name,
.r-label {
    display: inline-block;
    font-family: var(--furore);
}
.r-label {
    padding: 20px 34px;
    text-align: center;
    position: relative;
}
.r-label span {
    position: relative;
    z-index: 3;
}
.r-label:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    border-radius: 12px;
    border: 3px solid;
    border-color: var(--background-buttons);
}
.plate-block:before,
.plate-shadow-bg:after {
    display: block;
    background: #101010;
    content: "";
}
.r-label:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 12px;
    border: 3px solid;
    border-color: var(--background-buttons);
    filter: blur(2px);
}
.r-label.magenta,
.r-label.magenta:after,
.r-label.magenta:before {
    border-color: var(--rebrain-magenta);
}
.r-label.aqua,
.r-label.aqua:after,
.r-label.aqua:before {
    border-color: var(--rebrain-aqua);
}
.r-label.aqua {
    color: var(--rebrain-aqua);
}
.r-label.yellow,
.r-label.yellow:after,
.r-label.yellow:before {
    border-color: var(--white-hacking-yellow);
}
.r-label.yellow {
    color: var(--white-hacking-yellow);
}
.r-label.accent,
.r-label.accent:after,
.r-label.accent:before {
    border-color: var(--bash-accent);
}
.r-label.accent {
    color: var(--bash-accent);
}
.profession.classic .profession-name {
    font-family: var(--furore);
    font-size: 54px;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: var(--background-buttons);
    text-shadow: #ff48be -1px 0 0, #5bffda 1px 0 0;
}
.profession.multi .profession-name {
    position: relative;
    margin-left: 4px;
}
.profession.multi .profession-name span {
    font-family: var(--furore);
    font-size: 54px;
    line-height: 1.1;
    letter-spacing: -0.03em;
    -webkit-text-stroke-width: 1px;
    -webkit-text-fill-color: var(--background-primary);
    -webkit-text-stroke-color: var(--rebrain-accent-new);
    position: relative;
    z-index: 3;
}
.profession.multi .profession-name span:nth-child(2) {
    position: absolute;
    left: -2px;
    bottom: -2px;
    z-index: 2;
    opacity: 0.6;
}
.profession.multi .profession-name span:nth-child(3) {
    text-shadow: 4px 4px 16px rgba(44, 247, 177, 0.7);
    position: absolute;
    left: -4px;
    bottom: -4px;
    z-index: 1;
    opacity: 0.4;
}
.profession.neon .profession-name {
    font-family: var(--furore);
    font-size: 43px;
    line-height: 1.1;
    letter-spacing: -0.03em;
    -webkit-text-stroke-width: 1px;
    text-shadow: var(--rebrain-aqua) -2px 2px 0, -2px 2px 16px rgba(91, 255, 218, 0.6);
    margin-bottom: 7px;
}
.profession.neon.red .profession-name {
    -webkit-text-stroke-color: var(--redis-red);
    text-shadow: var(--redis-red) -2px 2px 0, -2px 2px 16px rgba(255, 87, 92, 0.6);
}
.profession.neon.yellow .profession-name {
    -webkit-text-stroke-color: var(--white-hacking-yellow);
    text-shadow: var(--white-hacking-yellow) -2px 2px 0, -2px 2px 16px rgba(255, 255, 87, 0.5);
}
.profession.workshop .profession-name {
    color: var(--background-primary);
    font-size: 37px;
    line-height: 1.1;
    letter-spacing: -0.03em;
    padding: 0.5px 18px 8.5px 16px;
    height: 50px;
    -webkit-clip-path: polygon(0 12px, 16px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 16px) 100%, 0 100%);
    clip-path: polygon(0 12px, 16px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 16px) 100%, 0 100%);
}
.profession.workshop.grafana .profession-name {
    background: linear-gradient(90deg, var(--grafana-gradient-from), var(--grafana-gradient-to));
}
.profession.workshop.click-house .profession-name {
    background: var(--postgre-sql-yellow);
}
.profession.workshop.bash .profession-name {
    background: var(--bash-accent);
}
.profession.workshop.python .profession-name {
    background: linear-gradient(90deg, var(--python-gradient-from), var(--python-gradient-to));
}
.profession.workshop.mysql .profession-name {
    background: var(--rebrain-accent-new);
}
.profession.workshop.haproxy .profession-name {
    background: var(--haproxy-accent);
}
.profession.workshop.rabbitmq .profession-name {
    background: var(--rabbitmq-accent);
}
.profession-subtitle {
    font-family: var(--furore);
    font-size: 16px;
    line-height: 1.125;
    letter-spacing: -0.01em;
}
.plate {
    position: relative;
    margin: 39px 0 0 -21px;
    max-width: 1000px;
}
.plate-block {
    -webkit-clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 44px), calc(100% - 50px) 100%, 0 100%, 0 44px);
    clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 44px), calc(100% - 50px) 100%, 0 100%, 0 44px);
    position: relative;
    z-index: 2;
    background: var(--rebrain-aqua);
    padding: 32px 70px 28px 50px;
}
.plate-block:before,
.plate-shadow-bg {
    -webkit-clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 44px), calc(100% - 50px) 100%, 0 100%, 0 44px);
}
.plate-block:before {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    position: absolute;
    left: 2px;
    top: 2px;
    clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 44px), calc(100% - 50px) 100%, 0 100%, 0 44px);
}
.plate-text {
    font-family: Furore, sans-serif;
    font-size: 1.625rem;
    line-height: 30px;
    color: #eeedec;
    position: relative;
    z-index: 2;
    letter-spacing: -0.25px;
    margin: 0;
}
.plate-shadow {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 100%;
    width: 100%;
    filter: drop-shadow(4px 4px 10px rgba(91, 255, 218, 0.5));
}
.plate-shadow-bg {
    width: 100%;
    height: 100%;
    padding: 2px;
    background: var(--rebrain-accent-old);
    clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 44px), calc(100% - 50px) 100%, 0 100%, 0 44px);
}
.plate-shadow-bg:after {
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 44px), calc(100% - 50px) 100%, 0 100%, 0 44px);
    clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 44px), calc(100% - 50px) 100%, 0 100%, 0 44px);
}
@media (min-width: 0px) and (max-width: 767px) {
    .plate-block {
        padding: 16px 14px 23px 30px;
        -webkit-clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
        clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
    }
    .plate-block:before,
    .plate-shadow-bg,
    .plate-shadow-bg:after {
        -webkit-clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
        clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
    }
    .plate-shadow {
        top: 10px;
        left: 10px;
    }
    .plate-text {
        font-size: 18px;
        line-height: 21px;
        letter-spacing: -0.01em;
    }
}
.checkbox {
    display: inline-block;
    position: relative;
}
.checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 6px 0 0 2px;
}
.checkbox-text {
    position: relative;
    padding: 0 0 0 24px;
    cursor: pointer;
    font-size: 18px;
    line-height: 23.4px;
    letter-spacing: -0.01em;
    color: var(--text-default);
}
.checkbox-text a {
    color: var(--text-default);
    text-decoration: underline;
    text-underline-offset: 0.1em;
}
.checkbox-text a:hover {
    color: var(--text-default);
    text-decoration: none;
}
.checkbox-icon {
    width: 16px;
    height: 16px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 1px;
    -webkit-clip-path: polygon(0 0, calc(100% - 4px) 0, 100% 4px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 4px) 0, 100% 4px, 100% 100%, 0 100%);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1px;
}
.checkbox-icon:before {
    content: "";
    display: inline-block;
    background-color: var(--background-primary);
    -webkit-clip-path: polygon(0 0, calc(100% - 3.5px) 0, 100% 3.5px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 3.5px) 0, 100% 3.5px, 100% 100%, 0 100%);
    width: 14px;
    height: 14px;
}
.checkbox-icon:after {
    content: "";
    display: inline-block;
    background-color: #fff;
    -webkit-clip-path: polygon(0 0, calc(100% - 2.5px) 0, 100% 2.5px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 2.5px) 0, 100% 2.5px, 100% 100%, 0 100%);
    width: 10px;
    height: 10px;
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}
.checkbox input:checked + .checkbox-icon:after {
    opacity: 1;
}
.checkbox.small-text .checkbox-text {
    font-size: 15px;
    line-height: 19.5px;
}