:root {
--pt-r-color_base: #0D1120;
--pt-r-color_base_3: #21273D;
--pt-r-color_base_4: #161A29;
--pt-r-color_base_5: #101524;
--pt-r-color_content_bg: #161A29;
--pt-r-color_header_bg: #1A1F31;
--pt-r-color_footer_bg: #101524;
--pt-r-color_section_invert: #0E121D;

--pt-r-color_text_color: #E9EDF7;
--pt-r-color_text_muted: #ABB1C7;
--pt-r-color_header_color: #E9EDF7;
--pt-r-color_footer_color: #EEF2FF;
--pt-r-color_link_color: #E9EDF7;
--pt-r-color_link_hover: #32AAF5;
--pt-r-color_on_invert: #EEF2FF;
--pt-r-color_on_invert_muted: #CED3E4;
--pt-r-color_on_invert_faint: #79819D;

--pt-r-color_base_2: #32AAF5;
--pt-r-color_base_6: #0FC9B7;
--pt-r-color_sun: #F7B430;
--pt-r-color_coral: #0FC9B7;
--pt-r-color_green: #1FC26B;
--pt-r-color_sky: #1BBCFF;
--pt-r-color_grape: #2FD8E6;
--pt-r-color_accent_deep: #163D8A;
--pt-r-color_accent_soft: #132D57;
--pt-r-color_urgent: #F45A6C;
--pt-r-color_urgent_soft: #301119;

--pt-r-color_on_accent: #FCFCFC;
--pt-r-color_btn_bg: #32AAF5;
--pt-r-color_btn_color: #FCFCFC;
--pt-r-color_btn_fill: #32AAF5;

--pt-r-color_base_1: #2F354F;
--pt-r-color_border_color: #2F354F;
--pt-r-color_divider_invert: #1F2534;
--pt-r-color_shadow_soft: #01030A;
--pt-r-color_shadow_invert: #04060F;

--pt-r-font_body: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
--pt-r-font_heading: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
--pt-r-radius: 22px;
--pt-r-radius_pill: 999px;

--pt-r-glass_blur: blur(20px) saturate(160%);
--pt-r-glass_bg: color-mix(in srgb, var(--pt-r-color_content_bg) 52%, transparent);
--pt-r-glass_bg_strong: color-mix(in srgb, var(--pt-r-color_content_bg) 72%, transparent);
--pt-r-glass_bg_header: color-mix(in srgb, var(--pt-r-color_content_bg) 60%, transparent);
--pt-r-glass_bg_fallback: var(--pt-r-color_content_bg);
--pt-r-glass_border: color-mix(in srgb, #ffffff 14%, transparent);
--pt-r-glass_highlight: color-mix(in srgb, #ffffff 16%, transparent);
--pt-r-glass_shadow: 0 2px 6px color-mix(in srgb, var(--pt-r-color_shadow_soft) 10%, transparent), 0 26px 54px -22px color-mix(in srgb, var(--pt-r-color_shadow_soft) 38%, transparent);
--pt-r-glass_bg_invert: color-mix(in srgb, var(--pt-r-color_section_invert) 58%, transparent);
--pt-r-glass_bg_invert_fallback: var(--pt-r-color_section_invert);
--pt-r-glass_border_invert: color-mix(in srgb, #ffffff 16%, transparent);
--pt-r-surface_veil: color-mix(in srgb, #ffffff 9%, transparent);
--pt-r-surface_veil_strong: color-mix(in srgb, #ffffff 15%, transparent);

--pt-r-gel_from: color-mix(in srgb, var(--pt-r-color_sun) 55%, var(--pt-r-color_urgent));
--pt-r-gel_mid: color-mix(in srgb, var(--pt-r-color_sun) 35%, var(--pt-r-color_urgent));
--pt-r-gel_to: color-mix(in srgb, var(--pt-r-color_urgent) 82%, var(--pt-r-color_accent_deep));
--pt-r-gel_glow: color-mix(in srgb, var(--pt-r-color_sun) 60%, transparent);

--header-h: 64px;

}

* {
box-sizing: border-box;
}

.pt-r-site-header a {
color: var(--pt-r-color_header_color);
font-weight: 800;
text-decoration: none;
font-size: 16px;
}

.pt-r-footer a {
color: var(--pt-r-color_footer_color);
font-weight: 800;
text-decoration: none;
font-size: 16px;
}

a:hover {
text-decoration: underline;
}

body {
font-family: var(--pt-r-font_body);
font-weight: 400;
font-size: 18px;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: var(--pt-r-color_base);
background-image:
radial-gradient(50% 40% at 10% 2%, color-mix(in srgb, var(--pt-r-color_grape) 42%, transparent), transparent 68%),
radial-gradient(46% 42% at 92% 0%, color-mix(in srgb, var(--pt-r-color_sky) 40%, transparent), transparent 68%),
radial-gradient(40% 36% at 62% 10%, color-mix(in srgb, var(--pt-r-color_base_2) 24%, transparent), transparent 66%),
radial-gradient(54% 46% at 86% 82%, color-mix(in srgb, var(--pt-r-color_coral) 30%, transparent), transparent 70%),
radial-gradient(50% 42% at 4% 92%, color-mix(in srgb, var(--pt-r-color_sun) 26%, transparent), transparent 70%);
background-attachment: fixed;
background-repeat: no-repeat;
color: var(--pt-r-color_text_color);
scroll-behavior: smooth;
}

h1, h2, h3, h4 {
font-family: var(--pt-r-font_heading);
letter-spacing: -0.02em;
}

h1, h2 {
font-weight: 900;
}

h3, h4 {
font-weight: 800;
}

p {
font-size: 18px;
line-height: 1.55;
}

h1 {
font-size: 34px;
line-height: 41px;
color: var(--pt-r-color_text_color);
}

h2 {
font-size: 30px;
line-height: 36px;
}

h3 {
font-size: 24px;
line-height: 29px;
}

h4 {
font-size: 20px;
line-height: 24px;
}

img {
width: 100%;
}

figure {
margin: 0 0 24px;
}

.pt-r-content-wrap {
margin-top: 20px;
}

.pt-r-main-content,
.pt-r-entry-header,
.inside-pt-r-site-info {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}

.pt-r-main-content {
padding: 2rem;

}

@keyframes pulse {
0% {
transform: scale(0.9);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.9);
}
}

@media (max-width: 1100px) {
.pt-r-content-wrap {
padding-inline: 0px;
}
}

@media (max-width: 767px) {
h1 {
font-size: 32px;
line-height: 38px;
}

h2 {
font-size: 28px;
line-height: 34px;
}

h3 {
font-size: 22px;
line-height: 27px;
}

h4 {
font-size: 18px;
line-height: 22px;
}

.pt-r-main-content {
padding: 20px;
}
}

@media (max-width: 576px) {
h1 {
font-size: 28px;
line-height: 34px;
}

h2 {
font-size: 24px;
line-height: 29px;
}

h3 {
font-size: 20px;
line-height: 24px;
}

h4 {
font-size: 18px;
line-height: 22px;
}
}

.pt-r-glass {
background: var(--pt-r-glass_bg_fallback);
border: 1px solid var(--pt-r-glass_border);
border-radius: var(--pt-r-radius);
box-shadow: var(--pt-r-glass_shadow), inset 0 1px 0 var(--pt-r-glass_highlight);
}

.pt-r-glass-invert {
background: var(--pt-r-glass_bg_invert_fallback);
border: 1px solid var(--pt-r-glass_border_invert);
border-radius: var(--pt-r-radius);
box-shadow: var(--pt-r-glass_shadow), inset 0 1px 0 color-mix(in srgb, #ffffff 12%, transparent);
color: var(--pt-r-color_on_invert);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.pt-r-glass {
background: var(--pt-r-glass_bg);
-webkit-backdrop-filter: var(--pt-r-glass_blur);
backdrop-filter: var(--pt-r-glass_blur);
}
.pt-r-glass-strong {
background: var(--pt-r-glass_bg_strong);
}
.pt-r-glass-invert {
background: var(--pt-r-glass_bg_invert);
-webkit-backdrop-filter: var(--pt-r-glass_blur);
backdrop-filter: var(--pt-r-glass_blur);
}
}

.pt-r-gel {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 15px 30px;
border: none;
border-radius: var(--pt-r-radius_pill);
font-family: var(--pt-r-font_heading);
font-weight: 800;
font-size: 17px;
line-height: 1;
letter-spacing: -0.01em;
color: var(--pt-r-color_on_accent);
text-decoration: none;
cursor: pointer;
overflow: hidden;
isolation: isolate;
background-image: linear-gradient(180deg,
color-mix(in srgb, var(--pt-r-gel_from) 82%, #ffffff) 0%,
var(--pt-r-gel_from) 16%,
var(--pt-r-gel_mid) 54%,
var(--pt-r-gel_to) 100%);
box-shadow:
0 6px 16px var(--pt-r-gel_glow),
0 16px 40px -6px var(--pt-r-gel_glow),
0 2px 4px color-mix(in srgb, var(--pt-r-color_shadow_soft) 22%, transparent),
inset 0 2px 2px color-mix(in srgb, #ffffff 60%, transparent),
inset 0 -5px 12px color-mix(in srgb, var(--pt-r-gel_to) 62%, transparent);
transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.pt-r-gel::before {
content: "";
position: absolute;
inset: 1px 1px auto 1px;
height: 50%;
border-radius: inherit;
background: linear-gradient(180deg, color-mix(in srgb, #ffffff 55%, transparent) 0%, color-mix(in srgb, #ffffff 8%, transparent) 62%, transparent 100%);
pointer-events: none;
}

.pt-r-gel:hover {
transform: translateY(-2px);
filter: brightness(1.07) saturate(1.08);
box-shadow:
0 10px 22px var(--pt-r-gel_glow),
0 24px 56px -6px var(--pt-r-gel_glow),
0 4px 8px color-mix(in srgb, var(--pt-r-color_shadow_soft) 24%, transparent),
inset 0 2px 2px color-mix(in srgb, #ffffff 66%, transparent),
inset 0 -5px 12px color-mix(in srgb, var(--pt-r-gel_to) 62%, transparent);
}

.pt-r-gel:active {
transform: translateY(0);
filter: brightness(.98);
box-shadow:
0 4px 12px var(--pt-r-gel_glow),
inset 0 3px 8px color-mix(in srgb, var(--pt-r-gel_to) 72%, transparent),
inset 0 1px 0 color-mix(in srgb, #ffffff 30%, transparent);
}

.pt-r-gel:focus-visible {
outline: none;
box-shadow:
0 0 0 3px color-mix(in srgb, #ffffff 85%, transparent),
0 0 0 6px var(--pt-r-gel_glow),
0 8px 20px var(--pt-r-gel_glow),
inset 0 1px 0 color-mix(in srgb, #ffffff 55%, transparent);
}

.pt-r-gel-teal {
--pt-r-gel_from: color-mix(in srgb, var(--pt-r-color_coral) 78%, #ffffff);
--pt-r-gel_mid: var(--pt-r-color_coral);
--pt-r-gel_to: color-mix(in srgb, var(--pt-r-color_coral) 68%, var(--pt-r-color_section_invert));
--pt-r-gel_glow: color-mix(in srgb, var(--pt-r-color_coral) 60%, transparent);
}

.pt-r-gel-blue {
--pt-r-gel_from: color-mix(in srgb, var(--pt-r-color_sky) 72%, #ffffff);
--pt-r-gel_mid: var(--pt-r-color_sky);
--pt-r-gel_to: color-mix(in srgb, var(--pt-r-color_sky) 62%, var(--pt-r-color_section_invert));
--pt-r-gel_glow: color-mix(in srgb, var(--pt-r-color_sky) 60%, transparent);
}

.pt-r-gel-warm {
--pt-r-gel_from: color-mix(in srgb, var(--pt-r-color_sun) 78%, #ffffff);
--pt-r-gel_mid: var(--pt-r-color_sun);
--pt-r-gel_to: color-mix(in srgb, var(--pt-r-color_sun) 45%, var(--pt-r-color_urgent));
--pt-r-gel_glow: color-mix(in srgb, var(--pt-r-color_sun) 60%, transparent);
}

.pt-r-gel-urgent {
--pt-r-gel_from: color-mix(in srgb, var(--pt-r-color_urgent) 76%, #ffffff);
--pt-r-gel_mid: var(--pt-r-color_urgent);
--pt-r-gel_to: color-mix(in srgb, var(--pt-r-color_urgent) 64%, var(--pt-r-color_section_invert));
--pt-r-gel_glow: color-mix(in srgb, var(--pt-r-color_urgent) 60%, transparent);
}
.pt-r-site-header {
display: flex;
justify-content: center;
position: sticky;
top: 16px;
z-index: 100;
padding: 0 20px;
margin-top: 18px;
background: transparent;
pointer-events: none;
}

.pt-r-inside-header {
pointer-events: auto;
max-width: 1180px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 12px 14px 12px 22px;
position: relative;
border-radius: 26px;
background: var(--pt-r-glass_bg_fallback);
border: 1px solid var(--pt-r-glass_border);
box-shadow:
var(--pt-r-glass_shadow),
inset 0 1px 0 var(--pt-r-glass_highlight);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.pt-r-inside-header {
background: var(--pt-r-glass_bg_header);
-webkit-backdrop-filter: var(--pt-r-glass_blur);
backdrop-filter: var(--pt-r-glass_blur);
}
}

.pt-r-brand {
display: inline-flex;
align-items: center;
gap: 11px;
text-decoration: none;
flex-shrink: 0;
}

.pt-r-header-image {
width: 40px;
height: 40px;
border-radius: 12px;
border: 1px solid var(--pt-r-glass_border);
box-shadow: 0 2px 8px color-mix(in srgb, var(--pt-r-color_shadow_soft) 14%, transparent);
background-color: var(--pt-r-color_content_bg);
object-fit: cover;
display: block;
}

.pt-r-brand-name {
font-weight: 900;
font-size: 19px;
letter-spacing: -0.01em;
color: var(--pt-r-color_text_color);
white-space: nowrap;
}

.pt-r-brand:hover {
text-decoration: none;
}

.pt-r-site-nav {
display: flex;
align-items: center;
justify-content: center;
flex: 1 1 auto;
}

.pt-r-links-nav-list {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 4px;
margin: 0;
padding: 0;
}

.pt-r-links-nav-item {
position: relative;
}

.pt-r-links-nav-item > .pt-r-links-nav-link,
.pt-r-links-nav-item > .pt-r-nav-item-row {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 9px 16px;
border-radius: var(--pt-r-radius_pill);
font-weight: 700;
font-size: 15px;
line-height: 1;
color: var(--pt-r-color_text_muted);
cursor: pointer;
transition: color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.pt-r-links-nav-link {
color: inherit;
text-decoration: none;
}

.pt-r-links-nav-item:hover > .pt-r-links-nav-link,
.pt-r-links-nav-item:hover > .pt-r-nav-item-row {
color: var(--pt-r-color_text_color);
background-color: var(--pt-r-surface_veil);
box-shadow: inset 0 0 0 1px var(--pt-r-glass_border);
}

.pt-r-links-nav-link:hover {
text-decoration: none;
}

.pt-r-links-nav-item.active > .pt-r-links-nav-link,
.pt-r-links-nav-item.active > .pt-r-nav-item-row {
background-color: color-mix(in srgb, var(--pt-r-color_base_2) 14%, transparent);
color: var(--pt-r-color_base_2);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pt-r-color_base_2) 30%, transparent);
}

.pt-r-nav-arrow {
appearance: none;
-webkit-appearance: none;
flex: none;
width: 20px;
height: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
background: transparent;
color: inherit;
cursor: pointer;
}

.pt-r-nav-arrow::before {
content: "";
width: 7px;
height: 7px;
border: solid currentColor;
border-width: 0 2px 2px 0;
transform: translateY(-2px) rotate(45deg);
transition: transform 0.25s ease;
}

.pt-r-dropdown:hover > .pt-r-nav-item-row .pt-r-nav-arrow::before {
transform: translateY(1px) rotate(-135deg);
}

.pt-r-dropdown_menu {
display: none;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
min-width: 210px;
list-style: none;
margin: 0;
padding: 10px;
background: var(--pt-r-glass_bg_fallback);
border: 1px solid var(--pt-r-glass_border);
border-radius: 18px;
box-shadow: var(--pt-r-glass_shadow), inset 0 1px 0 var(--pt-r-glass_highlight);
z-index: 100;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.pt-r-dropdown_menu {
background: var(--pt-r-glass_bg_strong);
-webkit-backdrop-filter: var(--pt-r-glass_blur);
backdrop-filter: var(--pt-r-glass_blur);
}
}

.pt-r-dropdown:hover > .pt-r-dropdown_menu {
display: block;
}

.pt-r-dropdown_menu .pt-r-dropdown > .pt-r-dropdown_menu {
position: static;
transform: none;
min-width: 0;
margin-top: 2px;
padding: 2px 0 2px 14px;
border: 0;
border-radius: 0;
box-shadow: none;
background: transparent;
-webkit-backdrop-filter: none;
backdrop-filter: none;
}

.pt-r-dropdown_item {
margin: 0;
}

.pt-r-dropdown_item + .pt-r-dropdown_item {
margin-top: 2px;
}

.pt-r-dropdown_item > .pt-r-nav-item-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 4px;
}

.pt-r-dropdown_item > .pt-r-nav-item-row > .pt-r-dropdown_link {
flex: 1;
}

.pt-r-dropdown_link {
display: block;
padding: 9px 14px;
border-radius: 12px;
font-weight: 700;
font-size: 15px;
color: var(--pt-r-color_text_color);
text-decoration: none;
transition: color 0.18s ease, background-color 0.18s ease;
}

.pt-r-dropdown_link:hover {
background-color: color-mix(in srgb, var(--pt-r-color_base_2) 12%, transparent);
color: var(--pt-r-color_base_2);
text-decoration: none;
}

.pt-r-dropdown_item.active > .pt-r-dropdown_link {
color: var(--pt-r-color_base_2);
}

.pt-r-header-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 14px;
flex-shrink: 0;
}

.pt-r-header-login {
display: inline-flex;
align-items: center;
font-weight: 800;
font-size: 15px;
color: var(--pt-r-color_text_color);
text-decoration: none;
padding: 8px 6px;
transition: color 0.18s ease;
}

.pt-r-header-login:hover {
text-decoration: none;
color: var(--pt-r-color_base_2);
}

.pt-r-header-actions .pt-r-gel {
padding: 11px 22px;
font-size: 15px;
}

.pt-r-burger {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3px;
width: 42px;
height: 42px;
border-radius: 12px;
background-color: var(--pt-r-surface_veil);
border: 1px solid var(--pt-r-glass_border);
box-shadow: 0 2px 8px color-mix(in srgb, var(--pt-r-color_shadow_soft) 12%, transparent);
cursor: pointer;
flex-shrink: 0;
position: relative;
z-index: 1200;
}

.pt-r-burger span {
display: block;
width: 16px;
height: 2px;
border-radius: 2px;
background-color: var(--pt-r-color_text_color);
transition: transform 0.22s ease, opacity 0.22s ease;
}

.pt-r-burger-checkbox:checked ~ .pt-r-inside-header .pt-r-burger span:nth-child(1) {
transform: translateY(5px) rotate(45deg);
}

.pt-r-burger-checkbox:checked ~ .pt-r-inside-header .pt-r-burger span:nth-child(2) {
opacity: 0;
}

.pt-r-burger-checkbox:checked ~ .pt-r-inside-header .pt-r-burger span:nth-child(3) {
transform: translateY(-5px) rotate(-45deg);
}

.pt-r-mobile-nav-overlay,
.pt-r-mobile-nav-head,
.pt-r-mobile-header-actions {
display: none;
}

.pt-r-desktop-header-actions {
display: flex;
}

@media (max-width: 992px) {
.pt-r-site-header {
padding: 0 12px;
margin-top: 12px;
top: 12px;
}

.pt-r-inside-header {
position: relative;
z-index: 60;
padding: 11px 16px;
gap: 14px;
border-radius: 22px;
}

.pt-r-brand {
order: 1;
min-width: 0;
margin-right: auto;
}

.pt-r-brand-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.pt-r-burger {
display: inline-flex;
order: 2;
}

.pt-r-lang-top {
order: 1;
}

.pt-r-desktop-header-actions {
display: none;
}

#pt-r-main-nav {
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0;
z-index: 20;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: normal;
gap: 8px;
max-height: calc(100dvh - 100px);
overflow-y: auto;
padding: 18px;
border-radius: 24px;
background:
radial-gradient(120% 55% at 12% 0%, color-mix(in srgb, var(--pt-r-color_grape) 16%, transparent) 0%, transparent 62%),
radial-gradient(120% 55% at 92% 100%, color-mix(in srgb, var(--pt-r-color_sky) 14%, transparent) 0%, transparent 62%),
var(--pt-r-color_content_bg);
border: 1px solid var(--pt-r-glass_border);
box-shadow: var(--pt-r-glass_shadow), inset 0 1px 0 var(--pt-r-glass_highlight);
opacity: 0;
visibility: hidden;
transform: translateY(-12px);
transform-origin: top center;
transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease;
}

.pt-r-burger-checkbox:checked ~ .pt-r-inside-header #pt-r-main-nav {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

.pt-r-mobile-nav-head {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 6px 0 14px;
margin-bottom: 4px;
border-bottom: 1px solid var(--pt-r-color_border_color);
text-decoration: none;
}

.pt-r-mobile-nav-head:hover {
text-decoration: none;
}

.pt-r-mobile-nav-head-logo {
width: 52px;
height: 52px;
border-radius: 14px;
border: 1px solid var(--pt-r-glass_border);
box-shadow: 0 4px 14px color-mix(in srgb, var(--pt-r-color_shadow_soft) 14%, transparent);
background-color: var(--pt-r-color_content_bg);
object-fit: cover;
display: block;
}

.pt-r-mobile-nav-head-name {
font-weight: 900;
font-size: 18px;
letter-spacing: -0.01em;
text-align: center;
color: var(--pt-r-color_text_color);
}

.pt-r-links-nav-list {
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 8px;
width: 100%;
max-width: none;
}

.pt-r-links-nav-item {
width: 100%;
}

.pt-r-links-nav-item > .pt-r-links-nav-link,
.pt-r-links-nav-item > .pt-r-nav-item-row {
width: 100%;
justify-content: flex-start;
padding: 13px 18px;
border-radius: 14px;
font-size: 16px;
font-weight: 800;
color: var(--pt-r-color_text_color);
background-color: var(--pt-r-surface_veil);
box-shadow: inset 0 0 0 1px var(--pt-r-glass_border);
}

.pt-r-links-nav-item > .pt-r-nav-item-row {
justify-content: space-between;
}

.pt-r-nav-item-row > .pt-r-links-nav-link {
flex: 1;
background: transparent;
box-shadow: none;
}

.pt-r-nav-arrow {
width: 28px;
height: 28px;
margin: -4px -6px -4px 0;
}

.pt-r-dropdown_menu {
position: static;
transform: none;
display: none;
min-width: 0;
border: 0;
box-shadow: none;
background: transparent;
-webkit-backdrop-filter: none;
backdrop-filter: none;
padding: 6px 0 4px 16px;
text-align: left;
}

.pt-r-dropdown:hover > .pt-r-dropdown_menu {
display: none;
}

.pt-r-nav-toggle:checked ~ .pt-r-dropdown_menu {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 4px;
}

.pt-r-dropdown:hover > .pt-r-nav-item-row .pt-r-nav-arrow::before {
transform: translateY(-2px) rotate(45deg);
}

.pt-r-nav-toggle:checked ~ .pt-r-nav-item-row .pt-r-nav-arrow::before {
transform: translateY(1px) rotate(-135deg);
}

.pt-r-dropdown_item {
width: 100%;
}

.pt-r-dropdown_item > .pt-r-nav-item-row {
justify-content: space-between;
gap: 8px;
}

.pt-r-dropdown_item > .pt-r-nav-item-row > .pt-r-dropdown_link {
flex: 1;
}

.pt-r-dropdown_item .pt-r-nav-arrow {
width: 24px;
height: 24px;
margin: -4px 0;
}

.pt-r-dropdown_link {
display: block;
text-align: left;
padding: 9px 16px;
border-radius: 12px;
font-size: 15px;
font-weight: 700;
color: var(--pt-r-color_text_muted);
}

.pt-r-mobile-header-actions {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
margin-top: 6px;
padding-top: 14px;
border-top: 1px solid var(--pt-r-color_border_color);
}

.pt-r-mobile-header-actions .pt-r-header-login {
justify-content: center;
width: 100%;
min-height: 50px;
padding: 13px 18px;
border-radius: 14px;
font-weight: 800;
font-size: 16px;
color: var(--pt-r-color_text_color);
background-color: var(--pt-r-surface_veil);
box-shadow: inset 0 0 0 1px var(--pt-r-glass_border);
}

.pt-r-mobile-header-actions .pt-r-gel {
width: 100%;
min-height: 50px;
font-size: 16px;
border-radius: 14px;
}

.pt-r-mobile-nav-overlay {
display: block;
position: fixed;
inset: 0;
z-index: 50;
background: color-mix(in srgb, var(--pt-r-color_section_invert) 30%, transparent);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.25s ease, visibility 0.25s ease;
cursor: pointer;
}

.pt-r-burger-checkbox:checked ~ .pt-r-mobile-nav-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}

@media (max-width: 576px) {
.pt-r-inside-header {
padding: 11px 16px;
}

.pt-r-brand-name {
font-size: 16px;
}

.pt-r-header-image {
width: 36px;
height: 36px;
}
}
.pt-r-bb-v1-checkbox {
display: none;
}

.pt-r-bb-v1 {
display: none;
}

@media (max-width: 768px) {
.pt-r-bb-v1 {
position: fixed;
left: 12px;
right: 12px;
bottom: 12px;
z-index: 45;
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
border-radius: 18px;
border: 1px solid var(--pt-r-glass_border);
background: var(--pt-r-glass_bg_fallback);
box-shadow:
0 12px 30px color-mix(in srgb, var(--pt-r-color_shadow_soft) 26%, transparent),
inset 0 1px 0 var(--pt-r-glass_highlight);
animation: pt-r-bb-v1-in 0.5s ease-out;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.pt-r-bb-v1 {
background: var(--pt-r-glass_bg_strong);
-webkit-backdrop-filter: var(--pt-r-glass_blur);
backdrop-filter: var(--pt-r-glass_blur);
}
}
}

.pt-r-bb-v1-offer {
flex: 1 1 auto;
min-width: 0;
font-size: 13px;
font-weight: 800;
line-height: 1.25;
color: var(--pt-r-color_text_color);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

.pt-r-bb-v1-btn {
flex: none;
display: inline-flex;
align-items: center;
gap: 7px;
padding: 11px 20px;
border-radius: var(--pt-r-radius_pill);
background-image: linear-gradient(180deg, var(--pt-r-color_grape) 0%, var(--pt-r-color_base_2) 52%, var(--pt-r-color_accent_deep) 100%);
color: var(--pt-r-color_on_accent);
font-size: 14px;
font-weight: 900;
text-decoration: none;
box-shadow:
0 6px 16px color-mix(in srgb, var(--pt-r-color_base_2) 42%, transparent),
inset 0 1px 0 color-mix(in srgb, #ffffff 45%, transparent);
}

.pt-r-bb-v1-btn-ic {
width: 8px;
height: 8px;
border: solid currentColor;
border-width: 2px 2px 0 0;
transform: rotate(45deg);
}

.pt-r-bb-v1-close {
flex: none;
position: relative;
width: 28px;
height: 28px;
border-radius: 50%;
background-color: var(--pt-r-surface_veil);
border: 1px solid var(--pt-r-glass_border);
cursor: pointer;
}

.pt-r-bb-v1-close::before,
.pt-r-bb-v1-close::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 11px;
height: 2px;
border-radius: 2px;
background: var(--pt-r-color_text_color);
}

.pt-r-bb-v1-close::before {
transform: translate(-50%, -50%) rotate(45deg);
}

.pt-r-bb-v1-close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}

.pt-r-bb-v1-checkbox:checked ~ .pt-r-bb-v1 {
display: none;
}

@keyframes pt-r-bb-v1-in {
from { transform: translateY(120%); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
.pt-r-bb-v1 {
animation: none;
}
}
.pt-r-hero-v1 {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
min-height: 460px;
padding: 72px 28px;
margin: 0 0 48px;
border-radius: 32px;
text-align: center;
background: var(--pt-r-color_section_invert);
}

.pt-r-hero-v1-bg {
position: absolute;
inset: 0;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.pt-r-hero-v1::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background:
radial-gradient(90% 70% at 14% 0%, color-mix(in srgb, var(--pt-r-color_grape) 42%, transparent) 0%, transparent 60%),
radial-gradient(90% 70% at 88% 100%, color-mix(in srgb, var(--pt-r-color_sky) 36%, transparent) 0%, transparent 60%),
linear-gradient(180deg, color-mix(in srgb, var(--pt-r-color_base) 38%, transparent) 0%, color-mix(in srgb, var(--pt-r-color_base) 66%, transparent) 100%);
}

.pt-r-hero-v1-inner {
position: relative;
z-index: 2;
width: 100%;
max-width: 600px;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
padding: 44px 40px;
border-radius: 28px;
background: var(--pt-r-glass_bg_fallback);
border: 1px solid var(--pt-r-glass_border);
box-shadow: var(--pt-r-glass_shadow), inset 0 1px 0 var(--pt-r-glass_highlight);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.pt-r-hero-v1-inner {
background: var(--pt-r-glass_bg_strong);
-webkit-backdrop-filter: var(--pt-r-glass_blur);
backdrop-filter: var(--pt-r-glass_blur);
}
}

.pt-r-hero-v1-badge {
display: inline-flex;
align-items: center;
padding: 7px 16px;
border-radius: var(--pt-r-radius_pill);
background: color-mix(in srgb, var(--pt-r-color_base_2) 14%, transparent);
color: var(--pt-r-color_base_2);
font-size: 13px;
font-weight: 900;
letter-spacing: 0.1em;
text-transform: uppercase;
}

.pt-r-hero-v1-title {
overflow-wrap: anywhere;
text-wrap: balance;
margin: 0;
font-size: clamp(28px, 5.4vw, 44px);
font-weight: 900;
line-height: 1.08;
letter-spacing: -0.02em;
color: var(--pt-r-color_text_color);
}

.pt-r-hero-v1-offer {
margin: 0;
max-width: 34ch;
font-size: clamp(16px, 3.4vw, 20px);
line-height: 1.45;
font-weight: 600;
color: var(--pt-r-color_text_muted);
}

.pt-r-hero-v1-actions {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 12px;
width: 100%;
max-width: 380px;
margin-top: 6px;
}

.pt-r-hero-v1-cta {
width: 100%;
min-height: 56px;
font-size: 18px;
}

.pt-r-hero-v1-cta::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -60%;
width: 38%;
background: linear-gradient(115deg, transparent 0%, color-mix(in srgb, #ffffff 55%, transparent) 50%, transparent 100%);
transform: skewX(-18deg);
pointer-events: none;
animation: pt-r-hero-v1-shine 5s ease-in-out infinite;
}

@keyframes pt-r-hero-v1-shine {
0%, 100% { left: -60%; }
28%, 72% { left: 130%; }
}

.pt-r-hero-v1-more {
display: inline-flex;
align-items: center;
font-size: 15px;
font-weight: 800;
color: var(--pt-r-color_text_muted);
text-decoration: none;
transition: color 0.18s ease;
}

.pt-r-hero-v1-more:hover {
color: var(--pt-r-color_base_2);
text-decoration: underline;
text-underline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
.pt-r-hero-v1-cta::after {
animation: none;
}
}

@media (max-width: 576px) {
.pt-r-hero-v1 {
min-height: 420px;
padding: 48px 16px;
border-radius: 26px;
}
.pt-r-hero-v1-inner {
padding: 32px 22px;
}
}
.pt-r-welcome-bonus-v3 {
position: relative;
overflow: hidden;
isolation: isolate;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 18px;
margin: 48px 0;
padding: 26px 30px;
border-radius: 26px;
text-decoration: none;
color: var(--pt-r-color_on_accent);
background-image: linear-gradient(120deg, var(--pt-r-color_grape) 0%, var(--pt-r-color_base_2) 50%, var(--pt-r-color_accent_deep) 100%);
box-shadow:
0 20px 44px -8px color-mix(in srgb, var(--pt-r-color_base_2) 55%, transparent),
0 6px 16px color-mix(in srgb, var(--pt-r-color_accent_deep) 30%, transparent),
inset 0 2px 0 color-mix(in srgb, #ffffff 55%, transparent),
inset 0 -12px 22px -8px color-mix(in srgb, var(--pt-r-color_accent_deep) 65%, transparent);
transition: filter 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.pt-r-welcome-bonus-v3::before {
content: "";
position: absolute;
inset: 1px 1px auto 1px;
height: 52%;
border-radius: inherit;
background: linear-gradient(180deg, color-mix(in srgb, #ffffff 42%, transparent), color-mix(in srgb, #ffffff 8%, transparent) 62%, transparent);
pointer-events: none;
}

.pt-r-welcome-bonus-v3::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -60%;
width: 40%;
background: linear-gradient(115deg, transparent 0%, color-mix(in srgb, #ffffff 50%, transparent) 50%, transparent 100%);
transform: skewX(-18deg);
opacity: 0;
pointer-events: none;
animation: pt-r-welcome-bonus-v3-sheen 6s ease-in-out infinite;
}

.pt-r-welcome-bonus-v3:hover {
text-decoration: none;
transform: translateY(-2px);
filter: brightness(1.05);
box-shadow:
0 26px 54px -8px color-mix(in srgb, var(--pt-r-color_base_2) 60%, transparent),
0 8px 20px color-mix(in srgb, var(--pt-r-color_accent_deep) 34%, transparent),
inset 0 2px 0 color-mix(in srgb, #ffffff 60%, transparent),
inset 0 -12px 22px -8px color-mix(in srgb, var(--pt-r-color_accent_deep) 65%, transparent);
}

.pt-r-welcome-bonus-v3:active {
transform: translateY(0);
}

.pt-r-welcome-bonus-v3-main {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
flex: 1 1 320px;
}

.pt-r-welcome-bonus-v3-badge {
display: inline-flex;
padding: 5px 13px;
border-radius: var(--pt-r-radius_pill);
background: color-mix(in srgb, #ffffff 22%, transparent);
color: var(--pt-r-color_on_accent);
font-size: 11px;
font-weight: 900;
letter-spacing: 0.1em;
text-transform: uppercase;
}

.pt-r-welcome-bonus-v3-offer {
font-size: clamp(20px, 3.4vw, 30px);
line-height: 1.2;
font-weight: 900;
letter-spacing: -0.01em;
text-shadow: 0 1px 2px color-mix(in srgb, var(--pt-r-color_accent_deep) 40%, transparent);
}

.pt-r-welcome-bonus-v3-claim {
position: relative;
flex: none;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 26px;
border-radius: var(--pt-r-radius_pill);
background: linear-gradient(180deg, #ffffff, color-mix(in srgb, #ffffff 86%, var(--pt-r-color_base_2)));
color: var(--pt-r-color_base_2);
font-size: 15px;
font-weight: 900;
box-shadow:
0 8px 18px color-mix(in srgb, var(--pt-r-color_accent_deep) 28%, transparent),
inset 0 1px 0 #ffffff;
}

.pt-r-welcome-bonus-v3-claim::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
border: 2px solid color-mix(in srgb, #ffffff 55%, transparent);
opacity: 0;
pointer-events: none;
will-change: transform, opacity;
animation: pt-r-welcome-bonus-v3-claim-pulse 2.8s ease-out infinite;
}

.pt-r-welcome-bonus-v3-claim-ic {
width: 8px;
height: 8px;
border: solid currentColor;
border-width: 0 2px 2px 0;
transform: rotate(-45deg);
transition: margin-left 0.18s ease;
}

.pt-r-welcome-bonus-v3:hover .pt-r-welcome-bonus-v3-claim-ic {
margin-left: 3px;
}

@keyframes pt-r-welcome-bonus-v3-sheen {
0% { left: -60%; opacity: 0; }
6% { opacity: 1; }
20% { left: 130%; opacity: 1; }
22%, 100% { left: 130%; opacity: 0; }
}

@keyframes pt-r-welcome-bonus-v3-claim-pulse {
0% { transform: scale(1); opacity: 0.6; }
70%, 100% { transform: scale(1.22); opacity: 0; }
}

@media (max-width: 560px) {
.pt-r-welcome-bonus-v3-claim {
width: 100%;
justify-content: center;
}
}

@media (prefers-reduced-motion: reduce) {
.pt-r-welcome-bonus-v3 {
transition: none;
}
.pt-r-welcome-bonus-v3::after {
animation: none;
opacity: 0;
}
.pt-r-welcome-bonus-v3-claim::after {
animation: none;
opacity: 0;
}
.pt-r-welcome-bonus-v3-claim-ic {
transition: none;
}
}
.pt-r-games-showcase-v1 {
margin: 48px 0;
padding: 40px;
border-radius: 32px;
border: 1px solid var(--pt-r-glass_border);
box-shadow: var(--pt-r-glass_shadow), inset 0 1px 0 var(--pt-r-glass_highlight);
background:
radial-gradient(90% 60% at 8% 0%, color-mix(in srgb, var(--pt-r-color_grape) 14%, transparent) 0%, transparent 60%),
radial-gradient(90% 60% at 92% 100%, color-mix(in srgb, var(--pt-r-color_sky) 12%, transparent) 0%, transparent 60%),
var(--pt-r-color_content_bg);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.pt-r-games-showcase-v1 {
background:
radial-gradient(90% 60% at 8% 0%, color-mix(in srgb, var(--pt-r-color_grape) 14%, transparent) 0%, transparent 60%),
radial-gradient(90% 60% at 92% 100%, color-mix(in srgb, var(--pt-r-color_sky) 12%, transparent) 0%, transparent 60%),
var(--pt-r-glass_bg_strong);
-webkit-backdrop-filter: var(--pt-r-glass_blur);
backdrop-filter: var(--pt-r-glass_blur);
}
}

.pt-r-games-showcase-v1-title {
margin: 0 0 24px;
text-align: center;
font-size: clamp(24px, 3.4vw, 32px);
font-weight: 900;
letter-spacing: -0.01em;
color: var(--pt-r-color_text_color);
}

.pt-r-games-showcase-v1-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}

.pt-r-games-showcase-v1-tile {
position: relative;
display: block;
aspect-ratio: 4 / 3;
border-radius: 16px;
overflow: hidden;
border: 1px solid var(--pt-r-color_border_color);
box-shadow: 0 6px 18px color-mix(in srgb, var(--pt-r-color_shadow_soft) 10%, transparent);
text-decoration: none;
transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.pt-r-games-showcase-v1-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}

.pt-r-games-showcase-v1-tile:hover {
text-decoration: none;
transform: translateY(-3px);
box-shadow:
0 16px 32px color-mix(in srgb, var(--pt-r-color_shadow_soft) 18%, transparent),
0 0 26px color-mix(in srgb, var(--pt-r-color_base_2) 22%, transparent);
}

.pt-r-games-showcase-v1-tile:hover .pt-r-games-showcase-v1-img {
transform: scale(1.06);
}

.pt-r-games-showcase-v1-badge {
position: absolute;
top: 10px;
left: 10px;
display: inline-flex;
padding: 4px 11px;
border-radius: var(--pt-r-radius_pill);
color: var(--pt-r-color_on_accent);
font-size: 11px;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
box-shadow: 0 3px 10px color-mix(in srgb, var(--pt-r-color_shadow_soft) 26%, transparent);
}

.pt-r-games-showcase-v1-badge-hot {
background: var(--pt-r-color_base_2);
}

.pt-r-games-showcase-v1-badge-new {
background: var(--pt-r-color_sky);
}

.pt-r-games-showcase-v1-badge-top {
background: var(--pt-r-color_grape);
}

.pt-r-games-showcase-v1-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
border-radius: 50%;
background-image: linear-gradient(180deg, var(--pt-r-color_grape) 0%, var(--pt-r-color_base_2) 52%, var(--pt-r-color_accent_deep) 100%);
box-shadow:
0 8px 20px color-mix(in srgb, var(--pt-r-color_base_2) 52%, transparent),
inset 0 1px 0 color-mix(in srgb, #ffffff 45%, transparent);
opacity: 0.94;
transition: transform 0.18s ease, opacity 0.18s ease;
}

.pt-r-games-showcase-v1-play::before {
content: "";
position: absolute;
top: 50%;
left: 54%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 12px;
border-color: transparent transparent transparent var(--pt-r-color_on_accent);
}

.pt-r-games-showcase-v1-tile:hover .pt-r-games-showcase-v1-play {
transform: translate(-50%, -50%) scale(1.12);
opacity: 1;
}

.pt-r-games-showcase-v1-text {
margin: 28px auto 0;
max-width: 78ch;
text-align: center;
font-size: 16px;
line-height: 1.6;
color: var(--pt-r-color_text_muted);
}

.pt-r-games-showcase-v1-cta-wrap {
display: flex;
justify-content: center;
margin: 28px 0;
}

.pt-r-games-showcase-v1-cta {
min-height: 54px;
padding: 16px 40px;
font-size: 17px;
}

@media (max-width: 700px) {
.pt-r-games-showcase-v1 {
padding: 24px;
border-radius: 26px;
}
.pt-r-games-showcase-v1-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.pt-r-games-showcase-v1-cta {
width: 100%;
}
}

@media (prefers-reduced-motion: reduce) {
.pt-r-games-showcase-v1-tile,
.pt-r-games-showcase-v1-img,
.pt-r-games-showcase-v1-play {
transition: none;
}
.pt-r-games-showcase-v1-tile:hover {
transform: none;
}
.pt-r-games-showcase-v1-tile:hover .pt-r-games-showcase-v1-img {
transform: none;
}
.pt-r-games-showcase-v1-tile:hover .pt-r-games-showcase-v1-play {
transform: translate(-50%, -50%);
}
}
.pt-r-cta-v2 {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 14px;
margin: 32px 0;
}

.pt-r-cta-v2-link {
position: relative;
display: inline-flex;
align-items: stretch;
min-height: 54px;
border-radius: var(--pt-r-radius_pill);
overflow: hidden;
isolation: isolate;
font-size: 16px;
font-weight: 800;
letter-spacing: -0.01em;
text-decoration: none;
box-shadow:
0 8px 20px color-mix(in srgb, var(--pt-r-color_coral) 42%, transparent),
0 2px 5px color-mix(in srgb, var(--pt-r-color_shadow_soft) 24%, transparent),
inset 0 1px 0 color-mix(in srgb, #ffffff 45%, transparent);
transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.pt-r-cta-v2-link::before {
content: "";
position: absolute;
inset: 1px 1px auto 1px;
height: 46%;
border-radius: inherit;
background: linear-gradient(180deg, color-mix(in srgb, #ffffff 42%, transparent), transparent);
pointer-events: none;
z-index: 2;
}

.pt-r-cta-v2-label {
display: inline-flex;
align-items: center;
padding: 14px 26px;
color: var(--pt-r-color_on_accent);
background-image: linear-gradient(180deg, color-mix(in srgb, var(--pt-r-color_coral) 78%, #ffffff) 0%, var(--pt-r-color_coral) 50%, color-mix(in srgb, var(--pt-r-color_coral) 66%, var(--pt-r-color_section_invert)) 100%);
}

.pt-r-cta-v2-cap {
display: inline-flex;
align-items: center;
justify-content: center;
width: 54px;
flex: none;
color: var(--pt-r-color_on_accent);
border-left: 1px solid color-mix(in srgb, #ffffff 24%, transparent);
background-image: linear-gradient(180deg, color-mix(in srgb, var(--pt-r-color_coral) 60%, var(--pt-r-color_section_invert)) 0%, color-mix(in srgb, var(--pt-r-color_coral) 46%, var(--pt-r-color_section_invert)) 100%);
transition: transform 0.18s ease;
}

.pt-r-cta-v2-cap::before {
content: "";
width: 9px;
height: 9px;
border: solid var(--pt-r-color_on_accent);
border-width: 0 2px 2px 0;
transform: rotate(-45deg);
margin-left: -3px;
}

.pt-r-cta-v2-link:hover {
transform: translateY(-2px);
filter: brightness(1.05);
box-shadow:
0 12px 28px color-mix(in srgb, var(--pt-r-color_coral) 48%, transparent),
0 4px 8px color-mix(in srgb, var(--pt-r-color_shadow_soft) 26%, transparent),
inset 0 1px 0 color-mix(in srgb, #ffffff 50%, transparent);
}

.pt-r-cta-v2-link:hover .pt-r-cta-v2-cap {
transform: translateX(3px);
}

.pt-r-cta-v2-link:active {
transform: translateY(0);
filter: brightness(0.98);
}

.pt-r-cta-v2-secondary {
box-shadow:
0 8px 20px color-mix(in srgb, var(--pt-r-color_base_2) 42%, transparent),
0 2px 5px color-mix(in srgb, var(--pt-r-color_shadow_soft) 24%, transparent),
inset 0 1px 0 color-mix(in srgb, #ffffff 45%, transparent);
}

.pt-r-cta-v2-secondary .pt-r-cta-v2-label {
background-image: linear-gradient(180deg, var(--pt-r-color_grape) 0%, var(--pt-r-color_base_2) 52%, var(--pt-r-color_accent_deep) 100%);
}

.pt-r-cta-v2-secondary .pt-r-cta-v2-cap {
background-image: linear-gradient(180deg, color-mix(in srgb, var(--pt-r-color_base_2) 70%, var(--pt-r-color_accent_deep)) 0%, var(--pt-r-color_accent_deep) 100%);
}

@media (prefers-reduced-motion: reduce) {
.pt-r-cta-v2-link,
.pt-r-cta-v2-cap {
transition: none;
}
.pt-r-cta-v2-link:hover,
.pt-r-cta-v2-link:hover .pt-r-cta-v2-cap {
transform: none;
}
}
.pt-r-bc-v1 {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-top: 24px;
margin-bottom: 24px;
font-size: 13px;
}

.pt-r-bc-v1-link,
.pt-r-bc-v1-current {
display: inline-flex;
align-items: center;
padding: 6px 14px;
border-radius: var(--pt-r-radius_pill);
font-weight: 800;
letter-spacing: 0.03em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
}

.pt-r-bc-v1-link {
background-color: color-mix(in srgb, var(--pt-r-color_base_2) 8%, var(--pt-r-color_content_bg));
border: 1px solid var(--pt-r-color_border_color);
color: var(--pt-r-color_text_muted);
transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

a.pt-r-bc-v1-link:hover {
color: var(--pt-r-color_base_2);
background-color: color-mix(in srgb, var(--pt-r-color_base_2) 14%, transparent);
border-color: color-mix(in srgb, var(--pt-r-color_base_2) 30%, transparent);
text-decoration: none;
}

.pt-r-bc-v1-current {
background-color: color-mix(in srgb, var(--pt-r-color_base_2) 14%, transparent);
border: 1px solid color-mix(in srgb, var(--pt-r-color_base_2) 30%, transparent);
color: var(--pt-r-color_base_2);
}

.pt-r-bc-v1-sep {
display: inline-flex;
font-size: 14px;
line-height: 1;
color: var(--pt-r-color_text_muted);
}

@media (max-width: 576px) {
.pt-r-bc-v1 {
gap: 6px;
font-size: 12px;
}
.pt-r-bc-v1-link,
.pt-r-bc-v1-current {
padding: 5px 11px;
}
}
.pt-r-faq-v3 {
margin: 48px 0;
}

.pt-r-faq-v3-head {
margin: 0 0 20px;
font-size: clamp(24px, 3.4vw, 32px);
font-weight: 900;
letter-spacing: -0.01em;
text-align: center;
color: var(--pt-r-color_text_color);
}

.pt-r-faq-v3-chat {
display: flex;
flex-direction: column;
gap: 20px;
}

.pt-r-faq-v3-turn {
display: flex;
flex-direction: column;
gap: 8px;
}

.pt-r-faq-v3-q {
align-self: flex-end;
display: inline-flex;
align-items: center;
max-width: 82%;
padding: 13px 18px;
border-radius: 18px 18px 4px 18px;
background-image: linear-gradient(180deg, var(--pt-r-color_grape) 0%, var(--pt-r-color_base_2) 55%, var(--pt-r-color_accent_deep) 100%);
color: var(--pt-r-color_on_accent);
box-shadow:
0 8px 18px color-mix(in srgb, var(--pt-r-color_base_2) 34%, transparent),
inset 0 1px 0 color-mix(in srgb, #ffffff 40%, transparent);
}

.pt-r-faq-v3-q-text {
font-size: 16px;
font-weight: 800;
line-height: 1.4;
}

.pt-r-faq-v3-a {
align-self: flex-start;
display: inline-flex;
align-items: flex-start;
gap: 12px;
max-width: 88%;
padding: 14px 18px;
border-radius: 18px 18px 18px 4px;
border: 1px solid var(--pt-r-glass_border);
box-shadow: var(--pt-r-glass_shadow), inset 0 1px 0 var(--pt-r-glass_highlight);
background: var(--pt-r-glass_bg_fallback);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.pt-r-faq-v3-a {
background: var(--pt-r-glass_bg_strong);
-webkit-backdrop-filter: var(--pt-r-glass_blur);
backdrop-filter: var(--pt-r-glass_blur);
}
}

.pt-r-faq-v3-a-avatar {
flex: none;
width: 28px;
height: 28px;
border-radius: 50%;
background-image: linear-gradient(180deg, var(--pt-r-color_coral) 0%, var(--pt-r-color_base_2) 100%);
box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 45%, transparent);
}

.pt-r-faq-v3-a-text {
font-size: 16px;
line-height: 1.6;
color: var(--pt-r-color_text_color);
}

@media (max-width: 576px) {
.pt-r-faq-v3-q {
max-width: 92%;
}
.pt-r-faq-v3-a {
max-width: 96%;
}
}
.pt-r-proscons {
position: relative;
margin: 48px 0;
}

.pt-r-proscons::before {
content: "";
position: absolute;
inset: 44px -4% -6%;
z-index: 0;
pointer-events: none;
background:
radial-gradient(38% 48% at 20% 26%, color-mix(in srgb, var(--pt-r-color_green) 55%, transparent) 0%, transparent 60%),
radial-gradient(40% 50% at 80% 30%, color-mix(in srgb, var(--pt-r-color_urgent) 44%, transparent) 0%, transparent 60%),
radial-gradient(46% 56% at 64% 94%, color-mix(in srgb, var(--pt-r-color_grape) 48%, transparent) 0%, transparent 62%),
radial-gradient(42% 52% at 10% 90%, color-mix(in srgb, var(--pt-r-color_sky) 46%, transparent) 0%, transparent 62%);
filter: blur(36px);
opacity: 0.7;
}

.pt-r-proscons-heading {
position: relative;
z-index: 1;
margin: 0 0 20px;
font-size: clamp(24px, 3.4vw, 32px);
font-weight: 900;
letter-spacing: -0.01em;
color: var(--pt-r-color_text_color);
}

.pt-r-proscons-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}

.pt-r-proscons-col {
border-radius: 24px;
overflow: hidden;
box-shadow: var(--pt-r-glass_shadow), inset 0 1px 0 color-mix(in srgb, #ffffff 65%, transparent);
}


.pt-r-proscons-col-title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin: 0;
padding: 15px 22px;
font-size: 15px;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #ffffff;
box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 45%, transparent);
}

.pt-r-proscons-col--pros .pt-r-proscons-col-title {
background-image: linear-gradient(180deg, color-mix(in srgb, var(--pt-r-color_green) 82%, #ffffff) 0%, var(--pt-r-color_green) 100%);
}

.pt-r-proscons-col--cons .pt-r-proscons-col-title {
background-image: linear-gradient(180deg, color-mix(in srgb, var(--pt-r-color_urgent) 82%, #ffffff) 0%, var(--pt-r-color_urgent) 100%);
}

.pt-r-proscons-col-title::after {
font-size: 17px;
line-height: 1;
}

.pt-r-proscons-col--pros .pt-r-proscons-col-title::after {
content: "\2713";
}

.pt-r-proscons-col--cons .pt-r-proscons-col-title::after {
content: "\2715";
}

.pt-r-proscons-list {
list-style: none;
margin: 0;
padding: 6px 22px;
display: flex;
flex-direction: column;
background: linear-gradient(180deg, color-mix(in srgb, #ffffff 16%, transparent) 0%, transparent 55%);
}

.pt-r-proscons-item {
position: relative;
padding: 13px 0 13px 34px;
border-bottom: 1px solid color-mix(in srgb, var(--pt-r-color_text_color) 9%, transparent);
font-size: 16px;
line-height: 1.4;
color: var(--pt-r-color_text_color);
}

.pt-r-proscons-item:last-child {
border-bottom: 0;
}

.pt-r-proscons-item::before {
position: absolute;
left: 0;
top: 13px;
font-size: 17px;
font-weight: 900;
line-height: 1.4;
}

.pt-r-proscons-col--pros .pt-r-proscons-item::before {
content: "\2713";
color: var(--pt-r-color_green);
filter: drop-shadow(0 0 6px color-mix(in srgb, var(--pt-r-color_green) 70%, transparent));
}

.pt-r-proscons-col--cons .pt-r-proscons-item::before {
content: "\2715";
color: var(--pt-r-color_urgent);
filter: drop-shadow(0 0 6px color-mix(in srgb, var(--pt-r-color_urgent) 60%, transparent));
}

@media (max-width: 640px) {
.pt-r-proscons-grid {
grid-template-columns: 1fr;
}
.pt-r-proscons::before {
inset: 44px -8% -6%;
}
}
.pt-r-list2 {
margin: 48px 0;
}

.pt-r-list2-heading {
margin: 0 0 16px;
font-size: clamp(24px, 3.4vw, 32px);
font-weight: 900;
letter-spacing: -0.01em;
color: var(--pt-r-color_text_color);
}

.pt-r-list2-items {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 14px;
}

.pt-r-list2-item {
position: relative;
overflow: hidden;
display: flex;
align-items: flex-start;
gap: 12px;
padding: 16px 18px;
border-radius: 16px;
border: 1px solid var(--pt-r-glass_border);
box-shadow: var(--pt-r-glass_shadow), inset 0 1px 0 var(--pt-r-glass_highlight);
background: var(--pt-r-glass_bg_fallback);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.pt-r-list2-item {
background: var(--pt-r-glass_bg_strong);
-webkit-backdrop-filter: var(--pt-r-glass_blur);
backdrop-filter: var(--pt-r-glass_blur);
}
}

.pt-r-list2-item::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -60%;
width: 40%;
background: linear-gradient(115deg, transparent 0%, color-mix(in srgb, #ffffff 42%, transparent) 50%, transparent 100%);
transform: skewX(-18deg);
opacity: 0;
pointer-events: none;
}

.pt-r-list2-item:hover {
transform: translateY(-3px);
box-shadow:
0 14px 30px color-mix(in srgb, var(--pt-r-color_shadow_soft) 20%, transparent),
inset 0 1px 0 var(--pt-r-glass_highlight);
}

.pt-r-list2-item:hover::after {
animation: pt-r-list2-sheen 0.8s ease;
}

.pt-r-list2-mark {
flex: none;
width: 12px;
height: 12px;
margin-top: 4px;
border-radius: 3px;
transform: rotate(45deg);
background: linear-gradient(135deg, var(--pt-r-color_base_2) 0%, var(--pt-r-color_sky) 100%);
box-shadow: 0 2px 6px color-mix(in srgb, var(--pt-r-color_base_2) 42%, transparent);
}

.pt-r-list2-text {
font-size: 16px;
line-height: 1.5;
color: var(--pt-r-color_text_color);
}

@keyframes pt-r-list2-sheen {
0% { left: -60%; opacity: 1; }
100% { left: 130%; opacity: 1; }
}

@media (max-width: 560px) {
.pt-r-list2-item {
padding: 14px 16px;
}
}

@media (prefers-reduced-motion: reduce) {
.pt-r-list2-item {
transition: none;
}
.pt-r-list2-item:hover::after {
animation: none;
}
}
.pt-r-btn-up {
position: fixed;
bottom: 40px;
right: 40px;
width: 52px;
height: 52px;
display: none;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 16px;
background-image: linear-gradient(180deg, var(--pt-r-color_grape) 0%, var(--pt-r-color_base_2) 52%, var(--pt-r-color_accent_deep) 100%);
color: var(--pt-r-color_on_accent);
box-shadow:
0 8px 20px color-mix(in srgb, var(--pt-r-color_base_2) 45%, transparent),
inset 0 1px 0 color-mix(in srgb, #ffffff 45%, transparent);
transition: transform 0.15s ease, filter 0.15s ease;
z-index: 50;
}

.pt-r-btn-up::after {
content: "";
width: 11px;
height: 11px;
border: solid currentColor;
border-width: 2.5px 0 0 2.5px;
transform: translateY(2px) rotate(45deg);
}

.pt-r-btn-up:hover {
transform: translateY(-3px);
filter: brightness(1.08);
}

.pt-r-btn-up:active {
transform: translateY(0);
filter: brightness(0.98);
}

@media (max-width: 767px) {
.pt-r-btn-up {
right: 20px;
bottom: 20px;
}
}

@media (prefers-reduced-motion: reduce) {
.pt-r-btn-up,
.pt-r-btn-up:hover {
transition: none;
transform: none;
}
}
.pt-r-table-scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 0 0 24px;
border: 1px solid var(--pt-r-color_border_color);
border-radius: 16px;
box-shadow: 0 8px 24px color-mix(in srgb, var(--pt-r-color_shadow_soft) 10%, transparent);
background-color: var(--pt-r-color_content_bg);
}

table {
width: 100%;
border-collapse: collapse;
color: var(--pt-r-color_text_color);
font-size: 16px;
line-height: 1.55;
text-align:left;
}

table thead th {
background-image: linear-gradient(180deg, var(--pt-r-color_grape) 0%, var(--pt-r-color_base_2) 55%, var(--pt-r-color_accent_deep) 100%);
color: var(--pt-r-color_on_accent);
font-size: 13px;
font-weight: 900;
letter-spacing: 0.06em;
text-transform: uppercase;
text-align: left;
padding: 14px 18px;
white-space: nowrap;
}

table tbody td {
padding: 13px 18px;
vertical-align: top;
border-top: 1px solid var(--pt-r-color_border_color);
}

table tbody tr:first-child td {
border-top: none;
}

table tbody tr:nth-child(even) td {
background-color: color-mix(in srgb, var(--pt-r-color_base_2) 5%, var(--pt-r-color_content_bg));
}

table tbody tr:hover td {
background-color: color-mix(in srgb, var(--pt-r-color_base_2) 10%, transparent);
}

@media (max-width: 1100px) {
.pt-r-table-scroll > table {
width: max-content;
min-width: 100%;
}
}

@media (max-width: 767px) {
table {
font-size: 15px;
}

table thead th,
table tbody td {
padding: 12px 14px;
}

.pt-r-table-scroll.pt-r-table--cards {
overflow: visible;
border: none;
border-radius: 0;
box-shadow: none;
background: transparent;
}

.pt-r-table--cards > table,
.pt-r-table--cards tbody,
.pt-r-table--cards tr,
.pt-r-table--cards td {
display: block;
width: 100%;
}

.pt-r-table--cards thead {
display: none;
}

.pt-r-table--cards > table {
width: 100%;
min-width: 0;
}

.pt-r-table--cards tbody tr {
margin-bottom: 16px;
overflow: hidden;
border: 1px solid var(--pt-r-color_border_color);
border-radius: 16px;
background-color: var(--pt-r-color_content_bg);
box-shadow: 0 6px 18px color-mix(in srgb, var(--pt-r-color_shadow_soft) 10%, transparent);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.pt-r-table--cards tbody tr:last-child {
margin-bottom: 0;
}

.pt-r-table--cards tbody tr:active {
transform: translate(1px, 1px);
}

.pt-r-table--cards tbody tr:nth-child(even) td,
.pt-r-table--cards tbody tr:hover td {
background-color: transparent;
}

.pt-r-table--cards td {
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
border: none;
border-top: 1px solid var(--pt-r-color_border_color);
padding: 0 16px 14px;
}

.pt-r-table--cards td::before {
content: attr(data-label);
display: block;
margin: 0 -16px;
padding: 9px 16px;
text-align: center;
background-color: color-mix(in srgb, var(--pt-r-color_base_2) 10%, var(--pt-r-color_content_bg));
color: var(--pt-r-color_base_2);
border-bottom: 1px solid var(--pt-r-color_border_color);
font-size: 12px;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.pt-r-table--cards td:not([data-label])::before {
display: none;
}

.pt-r-table--cards tbody tr td:first-child {
border-top: none;
font-family: var(--pt-r-font_heading);
font-size: 18px;
line-height: 1.3;
color: var(--pt-r-color_text_color);
}
}
.pt-r-lang {
position: relative;
display: inline-flex;
flex-shrink: 0;
}

.pt-r-lang-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
height: 40px;
padding: 0 13px;
border-radius: var(--pt-r-radius_pill);
background: var(--pt-r-surface_veil);
border: 1px solid var(--pt-r-glass_border);
box-shadow:
0 2px 8px color-mix(in srgb, var(--pt-r-color_shadow_soft) 12%, transparent),
inset 0 1px 0 var(--pt-r-glass_highlight);
color: var(--pt-r-color_text_color);
font-size: 13px;
font-weight: 900;
letter-spacing: 0.04em;
line-height: 1;
cursor: pointer;
user-select: none;
transition: color 0.18s ease, background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.pt-r-lang-btn::after {
content: "";
width: 6px;
height: 6px;
border: solid currentColor;
border-width: 0 2px 2px 0;
transform: translateY(-1px) rotate(45deg);
transition: transform 0.2s ease;
}

.pt-r-lang-btn:hover {
transform: translateY(-1px);
color: var(--pt-r-color_base_2);
box-shadow:
0 6px 16px color-mix(in srgb, var(--pt-r-color_shadow_soft) 18%, transparent),
inset 0 1px 0 var(--pt-r-glass_highlight);
}

.pt-r-lang-toggle:checked + .pt-r-lang-btn {
background-image: linear-gradient(180deg, var(--pt-r-color_grape) 0%, var(--pt-r-color_base_2) 55%, var(--pt-r-color_accent_deep) 100%);
color: var(--pt-r-color_on_accent);
border-color: transparent;
}

.pt-r-lang-toggle:checked + .pt-r-lang-btn::after {
transform: translateY(2px) rotate(-135deg);
}

.pt-r-lang-menu {
display: none;
position: absolute;
top: calc(100% + 10px);
right: 0;
min-width: 148px;
padding: 8px;
border-radius: 16px;
background: var(--pt-r-glass_bg_fallback);
border: 1px solid var(--pt-r-glass_border);
box-shadow: var(--pt-r-glass_shadow), inset 0 1px 0 var(--pt-r-glass_highlight);
z-index: 120;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.pt-r-lang-menu {
background: var(--pt-r-glass_bg_strong);
-webkit-backdrop-filter: var(--pt-r-glass_blur);
backdrop-filter: var(--pt-r-glass_blur);
}
}

.pt-r-lang-toggle:checked ~ .pt-r-lang-menu {
display: flex;
flex-direction: column;
gap: 2px;
}

.pt-r-lang-link {
display: block;
white-space: nowrap;
padding: 9px 14px;
border-radius: 10px;
font-size: 14px;
font-weight: 700;
color: var(--pt-r-color_text_color);
text-decoration: none;
transition: background-color 0.15s ease, color 0.15s ease;
}

.pt-r-lang-link:hover {
background-color: color-mix(in srgb, var(--pt-r-color_base_2) 12%, transparent);
color: var(--pt-r-color_base_2);
text-decoration: none;
}

.pt-r-lang-drawer {
display: none;
}

.pt-r-lang-overlay {
display: none;
position: fixed;
inset: 0;
z-index: 110;
cursor: default;
}

.pt-r-lang-toggle:checked ~ .pt-r-lang-overlay {
display: block;
}

@media (max-width: 425px) {
.pt-r-lang-top {
display: none;
}
.pt-r-lang-drawer {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 2px;
}
.pt-r-lang-drawer .pt-r-lang-menu {
position: static;
right: auto;
margin-top: 8px;
min-width: 160px;
}
}
.pt-r-links-zone {
max-width: 1200px;
width: 100%;
margin: 40px auto;
padding: 0 15px;
}

.pt-r-links-zone-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px;
}

.pt-r-links-zone-item a {
color: var(--pt-r-color_base_2);
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-color: var(--pt-r-color_base_2);
transition: color 0.2s ease;
}

.pt-r-links-zone-item a:hover {
color: var(--pt-r-color_base_6);
}
.pt-r-footer {
position: relative;
max-width: 1240px;
width: calc(100% - 40px);
margin: 64px auto 24px;
padding: 52px 48px 30px;
border-radius: 32px;
color: var(--pt-r-color_on_invert);
background: var(--pt-r-color_footer_bg);
border: 1px solid var(--pt-r-glass_border_invert);
box-shadow:
var(--pt-r-glass_shadow),
inset 0 1px 0 color-mix(in srgb, #ffffff 12%, transparent);
overflow: hidden;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.pt-r-footer {
background: color-mix(in srgb, var(--pt-r-color_footer_bg) 82%, transparent);
-webkit-backdrop-filter: var(--pt-r-glass_blur);
backdrop-filter: var(--pt-r-glass_blur);
}
}

.pt-r-footer::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 40%;
background: radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, #ffffff 10%, transparent) 0%, transparent 70%);
pointer-events: none;
}

.pt-r-footer-inner {
position: relative;
max-width: 1200px;
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 32px;
}

.pt-r-footer-grid {
display: flex;
flex-direction: column;
gap: 40px;
align-items: center;
}

.pt-r-footer-brand {
display: inline-flex;
align-items: center;
gap: 11px;
text-decoration: none;
color: inherit;
}

.pt-r-footer-logo {
width: 44px;
height: 44px;
flex: none;
border-radius: 12px;
border: 1px solid var(--pt-r-glass_border_invert);
box-shadow: 0 4px 14px color-mix(in srgb, var(--pt-r-color_shadow_soft) 45%, transparent);
background-color: color-mix(in srgb, #ffffff 8%, transparent);
object-fit: cover;
display: block;
}

.pt-r-footer-brand-name {
font-family: var(--pt-r-font_heading);
font-size: 20px;
font-weight: 900;
letter-spacing: -0.01em;
color: var(--pt-r-color_on_invert);
}

.pt-r-footer-brand-link:hover {
text-decoration: none;
}

.pt-r-footer-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 20px;
flex-wrap: wrap;
justify-content: center;
}

.pt-r-footer-list li {
margin-bottom: 12px;
}

.pt-r-footer-list li:last-child {
margin-bottom: 0;
}

.pt-r-footer .pt-r-footer-link {
display: inline-block;
color: var(--pt-r-color_on_invert_muted);
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: color 0.18s ease, transform 0.18s ease;
}

.pt-r-footer .pt-r-footer-link:hover {
color: var(--pt-r-color_on_invert);
transform: translateX(3px);
text-decoration: none;
}

.pt-r-footer-pay-grid {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}

.pt-r-footer-pay-item {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 12px;
border-radius: 13px;
background: color-mix(in srgb, #ffffff 14%, transparent);
border: 1px solid var(--pt-r-glass_border_invert);
box-shadow:
0 6px 16px color-mix(in srgb, var(--pt-r-color_shadow_soft) 40%, transparent),
inset 0 1px 0 color-mix(in srgb, #ffffff 22%, transparent);
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.pt-r-footer-pay-item {
background: color-mix(in srgb, #ffffff 12%, transparent);
-webkit-backdrop-filter: var(--pt-r-glass_blur);
backdrop-filter: var(--pt-r-glass_blur);
}
}

.pt-r-footer-pay-item:hover {
transform: translateY(-3px);
border-color: color-mix(in srgb, var(--pt-r-color_base_2) 55%, transparent);
box-shadow:
0 12px 24px color-mix(in srgb, var(--pt-r-color_shadow_soft) 50%, transparent),
0 0 16px color-mix(in srgb, var(--pt-r-color_base_2) 30%, transparent),
inset 0 1px 0 color-mix(in srgb, #ffffff 24%, transparent);
}

.pt-r-footer-pay-item img {
display: block;
height: 30px;
width: auto;
max-width: 92px;
object-fit: contain;
border-radius: 6px;
}

.pt-r-footer-legal {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px 28px;
padding-top: 24px;
border-top: 1px solid var(--pt-r-color_divider_invert);
}

.pt-r-footer-compliance-badges {
display: flex;
align-items: center;
gap: 18px;
}

.pt-r-footer-age {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid var(--pt-r-glass_border_invert);
object-fit: contain;
padding: 2px;
}

.pt-r-footer-compliance-icon {
height: 30px;
width: auto;
max-width: 160px;
object-fit: contain;
opacity: 0.85;
}

.pt-r-footer-disclaimer {
margin: 0;
max-width: 52ch;
font-size: 12px;
line-height: 1.55;
text-align: right;
color: var(--pt-r-color_on_invert_faint);
}

.pt-r-footer-bottom {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}

.pt-r-footer-copy {
margin: 0;
font-size: 13px;
text-align: center;
color: var(--pt-r-color_on_invert_faint);
}

.pt-r-footer-copy span {
color: var(--pt-r-color_on_invert);
font-weight: 900;
}

@media (max-width: 992px) {
.pt-r-footer {
padding: 44px 32px 26px;
border-radius: 28px;
}
.pt-r-footer-grid {
grid-template-columns: 1fr 1fr;
gap: 32px 40px;
}
.pt-r-footer-brand-col {
grid-column: 1 / -1;
}
}

@media (max-width: 767px) {
.pt-r-footer-inner {
gap: 26px;
}
.pt-r-footer-legal {
flex-direction: column;

}
.pt-r-footer-disclaimer {
text-align: center;
max-width: none;
}
}

@media (max-width: 576px) {
.pt-r-footer-grid {
grid-template-columns: 1fr;
gap: 28px;
}
.pt-r-footer-pay-item img {
height: 26px;
}
}

@media (max-width: 425px) {
.pt-r-footer {
width: calc(100% - 24px);
padding: 36px 22px 22px;
}
.pt-r-footer-brand-col {
margin: 0 auto;
text-align: center;
}
.pt-r-footer-brand {
justify-content: center;
}
.pt-r-footer-compliance-badges {
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.pt-r-footer-disclaimer {
text-align: center;
}
}
.pt-r-special {
min-height: 100dvh;
display: flex;
flex-direction: column;
}

.pt-r-special .pt-r-content-wrap {
flex: 1 0 auto;
margin-left: 0;
display: flex;
flex-direction: column;
}

.pt-r-special .pt-r-footer {
flex-shrink: 0;
margin-top: auto;
margin-left: 0;
padding-block: 22px;
}

.pt-r-special .pt-r-site-header {
padding-left: 0;
}

.pt-r-404 {
flex: 1 0 auto;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 48px 20px 64px;
}

.pt-r-404-inner {
max-width: 560px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
}

.pt-r-404-code {
font-family: var(--pt-r-font_heading);
font-size: clamp(96px, 24vw, 180px);
font-weight: 800;
line-height: 0.9;
letter-spacing: -0.03em;
margin-bottom: 4px;
color: var(--pt-r-color_base_2);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
.pt-r-404-code {
background: linear-gradient(135deg, var(--pt-r-color_base_2) 0%, var(--pt-r-color_base_6) 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
}

.pt-r-404-title {
font-size: 28px;
line-height: 1.25;
font-weight: 700;
color: var(--pt-r-color_text_color);
margin: 0;
}

.pt-r-404-text {
font-size: 16px;
line-height: 1.6;
color: color-mix(in srgb, var(--pt-r-color_text_color) 65%, transparent);
margin: 0;
max-width: 44ch;
}

.pt-r-404-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
margin-top: 12px;
padding: 15px 32px;
border-radius: var(--pt-r-radius_pill);
font-size: 16px;
font-weight: 800;
text-decoration: none;
background-image: linear-gradient(180deg, var(--pt-r-color_grape) 0%, var(--pt-r-color_base_2) 52%, var(--pt-r-color_accent_deep) 100%);
color: var(--pt-r-color_on_accent);
box-shadow:
0 8px 20px color-mix(in srgb, var(--pt-r-color_base_2) 42%, transparent),
inset 0 1px 0 color-mix(in srgb, #ffffff 45%, transparent);
transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

.pt-r-404-btn:hover {
transform: translateY(-2px);
filter: brightness(1.06);
box-shadow:
0 12px 28px color-mix(in srgb, var(--pt-r-color_base_2) 46%, transparent),
inset 0 1px 0 color-mix(in srgb, #ffffff 50%, transparent);
text-decoration: none;
}

@media (max-width: 576px) {
.pt-r-404-title {
font-size: 24px;
}
.pt-r-404-btn {
width: 100%;
}
}

@media (prefers-reduced-motion: reduce) {
.pt-r-404-btn {
transition: none;
}
.pt-r-404-btn:hover {
transform: none;
}
}
