* {
box-sizing: border-box
}

body {
margin: 0;
padding: 0;
min-height: 100vh
}

.hd-root {
position: relative;
background: #1D3546;
overflow: hidden
}

.hd-root::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, #1D3546 0%, #2a4a60 55%, #1D3546 100%);
pointer-events: none
}

.hd-accent-bar {
position: relative;
height: 4px;
background: linear-gradient(90deg, #1D3546 0%, #F8D05D 30%, #F8D05D 70%, #1D3546 100%)
}

.hd-inner {
position: relative;
max-width: 1200px;
margin: 0 auto;
padding: 0 40px
}

.hd-brand-row {
display: flex;
align-items: center;
justify-content: center;
padding: 24px 0 20px;
gap: 12px
}

.hd-logo-wrap {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border: 1px solid #f8d05d99;
border-radius: 13px;
background: #ffffff12;
box-shadow: 0 3px 3px 1px #1d354612 0 6px 20px 1px #1d354614;
flex-shrink: 0
}

.hd-logo-wrap img {
width: 36px;
height: 36px;
object-fit: contain;
display: block
}

.hd-brand-name {
font-family: 'Spectral', serif;
font-size: 26px;
font-weight: 700;
line-height: 1.2;
color: #fff;
letter-spacing: .01em
}

.hd-brand-name span {
color: #F8D05D
}

.hd-divider {
width: 100%;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #f8d05d40 20%, #f8d05d73 50%, #f8d05d40 80%, transparent 100%)
}

.hd-nav-row {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 6px;
padding: 16px 0 24px
}

.hd-nav-link {
font-family: 'Spectral', serif;
font-size: 15px;
font-weight: 400;
line-height: 1.6;
color: #DCE1E7;
text-decoration: none;
padding: 12px 24px;
border-radius: 24px;
border: 1px solid transparent;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1), background .25s cubic-bezier(0.4, 0, 0.2, 1), border-color .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .25s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
display: inline-block
}

.hd-nav-link:hover {
color: #F8D05D;
background: #f8d05d14;
border-color: #f8d05d4d;
box-shadow: 0 3px 3px 1px #f8d05d12;
transform: scale(1.04)
}

.hd-nav-link:focus {
outline: none;
background: #f8d05d1f;
color: #F8D05D;
border-color: #f8d05d66
}

.hd-nav-link.active {
color: #1D3546;
background: #F8D05D;
border-color: #F8D05D;
font-weight: 600;
box-shadow: 0 3px 3px 1px #f8d05d12 0 6px 20px 1px #f8d05d14
}

.hd-deco {
position: absolute;
top: 12px;
right: 40px;
display: flex;
align-items: center;
gap: 6px;
pointer-events: none
}

.hd-deco-dot {
width: 8px;
height: 8px;
border-radius: 40px;
background: #F8D05D;
opacity: .5
}

.hd-deco-dot.sm {
width: 5px;
height: 5px;
opacity: .3
}

.hd-deco-line {
width: 40px;
height: 2px;
border-radius: 3px;
background: linear-gradient(90deg, #F8D05D, transparent);
opacity: .4
}

.ft-root {
background: #1D3546;
padding: 80px 40px 40px
}

.ft-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px
}

.ft-top {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
width: 100%
}

.ft-tag {
display: inline-flex;
align-items: center;
gap: 6px;
background: #f8d05d1f;
border: 1px solid #f8d05d40;
border-radius: 24px;
padding: 6px 24px
}

.ft-tag-text {
font-family: 'Spectral', serif;
font-size: 15px;
font-weight: 400;
color: #F8D05D;
line-height: 1.6
}

.ft-brand {
font-family: 'Spectral', serif;
font-size: 36px;
font-weight: 700;
line-height: 1.2;
color: #fff;
text-align: center
}

.ft-brand span {
color: #F8D05D
}

.ft-desc {
font-family: 'Spectral', serif;
font-size: 15px;
font-weight: 300;
line-height: 1.9;
color: #DCE1E7;
text-align: center;
max-width: 480px;
opacity: .85
}

.ft-divider {
width: 100%;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #dce1e733 30%, #dce1e759 50%, #dce1e733 80%, transparent 100%)
}

.ft-nav-box {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px
}

.ft-nav-label {
font-family: 'Spectral', serif;
font-size: 15px;
font-weight: 600;
line-height: 1.6;
color: #F8D05D;
text-transform: uppercase;
letter-spacing: .1em
}

.ft-nav-link {
font-family: 'Spectral', serif;
font-size: 15px;
font-weight: 400;
line-height: 1.6;
color: #DCE1E7;
text-decoration: none;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ft-nav-link:hover {
color: #F8D05D
}

.ft-nav-link:focus {
outline: none;
color: #F8D05D;
background: #f8d05d1a;
border-radius: 3px
}

.ft-contact-box {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px
}

.ft-contact-item {
display: flex;
align-items: center;
gap: 12px
}

.ft-contact-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center
}

.ft-contact-text {
font-family: 'Spectral', serif;
font-size: 15px;
font-weight: 400;
line-height: 1.6;
color: #DCE1E7
}

.ft-contact-link {
font-family: 'Spectral', serif;
font-size: 15px;
font-weight: 400;
line-height: 1.6;
color: #DCE1E7;
text-decoration: none;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ft-contact-link:hover {
color: #F8D05D
}

.ft-contact-link:focus {
outline: none;
color: #F8D05D
}

.ft-logo-box {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px
}

.ft-logo-wrap {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border: 1px solid #f8d05d66;
border-radius: 13px;
background: #ffffff0f;
box-shadow: 0 3px 3px 1px #1d354612 0 6px 20px 1px #1d354614
}

.ft-logo-wrap img {
width: 36px;
height: 36px;
object-fit: contain;
display: block
}

.ft-copy {
font-family: 'Spectral', serif;
font-size: 15px;
font-weight: 300;
line-height: 1.6;
color: #dce1e780;
text-align: center
}

.ck-box {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 8000;
max-width: 340px;
width: calc(100vw - 48px)
}

.ck-popup {
background: #fff;
border-radius: 13px;
box-shadow: 0 8px 60px 1px #1d354621 0 6px 20px 1px #1d354614;
padding: 24px;
border: 1px solid #DCE1E7;
transform: translateX(0);
transition: transform .22s cubic-bezier(0.4, 0, 0.2, 1), opacity .22s cubic-bezier(0.4, 0, 0.2, 1);
opacity: 1
}

.ck-popup.out {
transform: translateX(-120%);
opacity: 0
}

.ck-icon-row {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px
}

.ck-icon {
width: 32px;
height: 32px;
border-radius: 40px;
background: #F8D05D;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.ck-body {
font-family: 'Spectral', serif;
font-size: 15px;
line-height: 1.6;
color: #1D3546;
margin-bottom: 24px
}

.ck-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap
}

.ck-btn-ok {
font-family: 'Spectral', serif;
font-size: 15px;
font-weight: 600;
color: #1D3546;
background: #F8D05D;
border: none;
border-radius: 24px;
padding: 12px 24px;
cursor: pointer;
transition: background .25s cubic-bezier(0.4, 0, 0.2, 1), transform .22s cubic-bezier(0.4, 0, 0.2, 1);
line-height: 1.2
}

.ck-btn-ok:hover {
background: #f0c540;
transform: scale(1.04)
}

.ck-btn-ok:focus {
outline: none;
background: #f8d05db3
}

.ck-btn-deny {
font-family: 'Spectral', serif;
font-size: 15px;
font-weight: 400;
color: #1D3546;
background: none;
border: none;
padding: 6px 0;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 3px;
line-height: 1.6;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ck-btn-deny:hover {
color: #F8D05D
}

.ck-btn-deny:focus {
outline: none;
background: #f8d05d1f;
border-radius: 3px
}

.ck-prefs-btn {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 7999;
width: 44px;
height: 44px;
border-radius: 40px;
background: #1D3546;
border: 2px solid #F8D05D;
box-shadow: 0 6px 20px 1px #1d354614;
cursor: pointer;
display: none;
align-items: center;
justify-content: center;
transition: background .25s cubic-bezier(0.4, 0, 0.2, 1), transform .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ck-prefs-btn:hover {
background: #2a4a60;
transform: scale(1.06)
}

.ck-prefs-btn:focus {
outline: none;
background: #f8d05d33
}

@media (max-width: 768px) {
.hd-inner {
padding: 0 24px
}

.hd-deco {
right: 24px
}

.hd-nav-link {
padding: 12px;
font-size: 15px
}

.ft-root {
padding: 80px 24px 40px
}
}

@media (max-width: 480px) {
.hd-inner {
padding: 0 12px
}

.hd-nav-link {
padding: 12px 6px
}

.ft-root {
padding: 40px 12px 24px
}
}

.policy-content-nhk {
max-width: 1200px;
margin: 0 auto;
padding: 80px 40px;
color: #1D3546
}

.policy-content-nhk h1 {
font-size: 50px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 40px;
padding-bottom: 24px;
border-bottom: 2px solid #F8D05D
}

.policy-content-nhk h2 {
font-size: 36px;
line-height: 1.2;
font-weight: 700;
margin-top: 80px;
margin-bottom: 24px
}

.policy-content-nhk h3 {
font-size: 26px;
line-height: 1.6;
font-weight: 600;
margin-top: 40px;
margin-bottom: 24px
}

.policy-content-nhk h4 {
font-size: 20px;
line-height: 1.6;
font-weight: 600;
margin-top: 40px;
margin-bottom: 12px
}

.policy-content-nhk h5 {
font-size: 17px;
line-height: 1.6;
font-weight: 600;
margin-top: 24px;
margin-bottom: 12px
}

.policy-content-nhk h6 {
font-size: 15px;
line-height: 1.6;
font-weight: 600;
margin-top: 24px;
margin-bottom: 12px;
text-transform: uppercase;
letter-spacing: .08em;
color: #1D3546;
opacity: .7
}

.policy-content-nhk p {
font-size: 17px;
line-height: 1.9;
margin-bottom: 24px;
max-width: 72ch
}

.policy-content-nhk ul,
.policy-content-nhk ol {
font-size: 17px;
line-height: 1.9;
margin-bottom: 24px;
padding-left: 40px
}

.policy-content-nhk ul {
list-style: none;
padding-left: 24px
}

.policy-content-nhk ul li {
position: relative;
padding-left: 24px;
margin-bottom: 12px
}

.policy-content-nhk ul li::before {
content: '';
position: absolute;
left: 0;
top: 11px;
width: 8px;
height: 8px;
border-radius: 40px;
background: #F8D05D;
box-shadow: 0 3px 3px 1px #f8d05d12
}

.policy-content-nhk ol {
list-style: decimal
}

.policy-content-nhk ol li {
margin-bottom: 12px;
padding-left: 6px
}

.policy-content-nhk ol li::marker {
color: #F8D05D;
font-weight: 700
}

.policy-content-nhk em,
.policy-content-nhk i {
font-style: italic;
color: #1D3546
}

.policy-content-nhk table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
line-height: 1.6;
margin-bottom: 40px;
border-radius: 13px;
overflow: hidden;
box-shadow: 0 6px 20px 1px #1d354614
}

.policy-content-nhk thead {
background: #1D3546;
color: #fff
}

.policy-content-nhk thead th {
padding: 24px;
font-size: 15px;
font-weight: 600;
text-align: left;
letter-spacing: .05em;
text-transform: uppercase
}

.policy-content-nhk tbody tr {
transition: background-color .22s cubic-bezier(0.4, 0, 0.2, 1);
border-bottom: 1px solid #DCE1E7
}

.policy-content-nhk tbody tr:last-child {
border-bottom: none
}

.policy-content-nhk tbody tr:nth-child(even) {
background: #dce1e740
}

.policy-content-nhk tbody tr:hover {
background: #f8d05d1f
}

.policy-content-nhk td,
.policy-content-nhk th {
padding: 24px;
vertical-align: top;
text-align: left
}

.policy-content-nhk td {
font-size: 15px;
line-height: 1.9;
color: #1D3546
}

.policy-content-nhk hr {
border: none;
height: 2px;
background: linear-gradient(90deg, #F8D05D 0%, #DCE1E7 60%, transparent 100%);
margin: 80px 0;
border-radius: 3px
}

.policy-content-nhk div {
font-size: 17px;
line-height: 1.9
}

@media (max-width: 1024px) {
.policy-content-nhk {
padding: 80px 40px
}

.policy-content-nhk h1 {
font-size: 36px
}

.policy-content-nhk h2 {
font-size: 26px
}
}

@media (max-width: 768px) {
.policy-content-nhk {
padding: 40px 24px
}

.policy-content-nhk h1 {
font-size: 36px
}

.policy-content-nhk h2 {
font-size: 26px;
margin-top: 40px
}

.policy-content-nhk h3 {
font-size: 20px
}

.policy-content-nhk table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: 13px
}

.policy-content-nhk thead th,
.policy-content-nhk td {
padding: 12px
}
}

@media (max-width: 480px) {
.policy-content-nhk {
padding: 40px 12px
}

.policy-content-nhk h1 {
font-size: 26px
}

.policy-content-nhk h2 {
font-size: 20px
}

.policy-content-nhk h3 {
font-size: 17px
}

.policy-content-nhk p,
.policy-content-nhk ul,
.policy-content-nhk ol {
font-size: 15px
}
}

.ent-pg {
max-width: 100%;
overflow-x: hidden
}

.ent-pg .ent-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px
}

.ent-pg .ttl-blk {
background: #1D3546;
padding: 80px 0;
position: relative
}

.ent-pg .ttl-blk .blobs {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden
}

.ent-pg .ttl-blk .blob-a {
position: absolute;
width: 320px;
height: 320px;
background: #F8D05D;
border-radius: 40% 60% 70% 30% / 50% 40% 60% 50%;
opacity: .08;
filter: blur(48px);
top: -80px;
left: -60px
}

.ent-pg .ttl-blk .blob-b {
position: absolute;
width: 260px;
height: 260px;
background: #DCE1E7;
border-radius: 60% 40% 30% 70% / 40% 60% 50% 50%;
opacity: .06;
filter: blur(40px);
bottom: -40px;
right: 5%
}

.ent-pg .ttl-blk .blob-c {
position: absolute;
width: 180px;
height: 180px;
background: #F8D05D;
border-radius: 50% 70% 40% 60% / 60% 40% 70% 40%;
opacity: .07;
filter: blur(36px);
top: 40%;
right: 20%
}

.ent-pg .ttl-inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 24px;
max-width: 760px
}

.ent-pg .ttl-pre {
font-size: 15px;
color: #DCE1E7;
line-height: 1.6;
letter-spacing: .04em;
text-transform: uppercase
}

.ent-pg .ttl-h1 {
font-size: 68px;
line-height: 1.2;
color: #fff;
margin: 0
}

.ent-pg .ttl-h1 .acc {
display: inline-block;
background: #F8D05D;
color: #1D3546;
padding: 0 12px;
border-radius: 3px
}

.ent-pg .ttl-desc {
font-size: 20px;
line-height: 1.6;
color: #DCE1E7;
max-width: 560px;
text-align: justify
}

.ent-pg .ttl-badge {
display: inline-flex;
align-items: center;
gap: 12px;
background: #f8d05d1f;
border: 1px solid #f8d05d40;
border-radius: 13px;
padding: 12px 24px;
color: #F8D05D;
font-size: 15px
}

.ent-pg .ttl-badge .dot {
width: 8px;
height: 8px;
background: #F8D05D;
border-radius: 40px;
flex-shrink: 0
}

.ent-pg .reveal-mask {
clip-path: inset(0 50% 0 50%);
animation: maskOpen .7s cubic-bezier(0.0, 0, 0.2, 1) .1s forwards
}

@keyframes maskOpen {
to {
clip-path: inset(0 0% 0 0%)
}
}

.ent-pg .reveal-fade {
opacity: 0;
animation: fadeUp .26s cubic-bezier(0.4, 0, 0.2, 1) .35s forwards
}

@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(16px)
}

to {
opacity: 1;
transform: translateY(0)
}
}

.ent-pg .div-wave {
display: block;
width: 100%;
overflow: hidden;
line-height: 0
}

.ent-pg .fit-sec {
background: #fff;
padding: 80px 0
}

.ent-pg .fit-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.ent-pg .fit-col-lbl {
font-size: 15px;
text-transform: uppercase;
letter-spacing: .08em;
color: #1D3546;
margin-bottom: 24px;
font-weight: 700
}

.ent-pg .fit-hdg {
font-size: 36px;
line-height: 1.2;
color: #1D3546;
margin: 0 0 24px;
background: #F8D05D;
display: inline;
padding: 0 6px;
border-radius: 3px
}

.ent-pg .fit-body {
font-size: 17px;
line-height: 1.6;
color: #1D3546;
text-align: justify
}

.ent-pg .fit-cards {
display: flex;
flex-direction: column;
gap: 12px
}

.ent-pg .fit-card {
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start;
padding: 24px;
border-radius: 13px;
transition: transform .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ent-pg .fit-card:hover {
transform: scale(1.02)
}

.ent-pg .fit-card.yes {
background: #fff;
box-shadow: 0 3px 3px 1px #1d354612 0 6px 20px 1px #1d354614;
border-left: 3px solid #F8D05D;
border-top: 1px solid #DCE1E7;
border-right: 1px solid #DCE1E7;
border-bottom: 1px solid #DCE1E7
}

.ent-pg .fit-card.no {
background: #fff;
box-shadow: 0 3px 3px 1px #1d354612;
border-left: 3px solid #DCE1E7;
border-top: 1px solid #DCE1E7;
border-right: 1px solid #DCE1E7;
border-bottom: 1px solid #DCE1E7
}

.ent-pg .fit-card .ico {
width: 32px;
height: 32px;
flex-shrink: 0;
margin-top: 2px
}

.ent-pg .fit-card .ico svg {
width: 100%;
height: 100%
}

.ent-pg .fit-card .ct {
flex: 1
}

.ent-pg .fit-card .ct strong {
display: block;
font-size: 15px;
color: #1D3546;
margin-bottom: 6px
}

.ent-pg .fit-card .ct span {
font-size: 15px;
line-height: 1.6;
color: #4a6070
}

.ent-pg .avail-sec {
background: #1D3546;
padding: 80px 0;
position: relative
}

.ent-pg .avail-sec .noise-ov {
position: absolute;
inset: 0;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
background-size: 200px 200px;
opacity: .4
}

.ent-pg .avail-accent {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 5px;
background: linear-gradient(263deg, #F8D05D, transparent)
}

.ent-pg .avail-hdg-wrap {
margin-bottom: 40px
}

.ent-pg .avail-hdg {
font-size: 50px;
line-height: 1.2;
color: #fff;
margin: 0 0 12px
}

.ent-pg .avail-hdg .strip {
background: #f8d05d2e;
padding: 0 12px;
border-radius: 3px
}

.ent-pg .avail-sub {
font-size: 17px;
color: #DCE1E7;
line-height: 1.6;
max-width: 520px
}

.ent-pg .avail-lay {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.ent-pg .avail-img-col {
position: relative
}

.ent-pg .avail-img {
width: 100%;
height: 360px;
object-fit: cover;
border-radius: 13px;
filter: grayscale(15%);
display: block;
box-shadow: 0 8px 60px 1px #1d354621
}

.ent-pg .avail-img-shift {
margin-top: 40px
}

.ent-pg .avail-items {
display: flex;
flex-direction: column;
gap: 24px
}

.ent-pg .avail-item {
padding: 24px;
border-radius: 13px;
background: #dce1e714;
border: 1px solid #dce1e726;
transition: background .24s cubic-bezier(0.4, 0, 0.2, 1), transform .22s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: inset 0 1px 0 #f8d05d14
}

.ent-pg .avail-item:hover {
background: #f8d05d12;
transform: scale(1.02)
}

.ent-pg .avail-item h4 {
font-size: 20px;
color: #F8D05D;
margin: 0 0 12px;
line-height: 1.2
}

.ent-pg .avail-item p {
font-size: 15px;
color: #DCE1E7;
line-height: 1.6;
margin: 0;
text-align: justify
}

.ent-pg .gap-sec {
background: #DCE1E7;
padding: 80px 0
}

.ent-pg .gap-inner-lay {
display: grid;
grid-template-columns: 5fr 4fr;
gap: 40px;
align-items: center
}

.ent-pg .gap-txt-col {
display: flex;
flex-direction: column;
gap: 24px
}

.ent-pg .gap-hdg {
font-size: 36px;
line-height: 1.2;
color: #1D3546;
margin: 0
}

.ent-pg .gap-hdg .strip {
background: #F8D05D;
padding: 0 8px;
border-radius: 3px;
display: inline
}

.ent-pg .gap-body {
font-size: 17px;
line-height: 1.6;
color: #1D3546;
margin: 0;
text-align: justify
}

.ent-pg .gap-chart-col {
display: flex;
flex-direction: column;
align-items: center
}

.ent-pg .spider-wrap {
width: 280px;
height: 280px;
position: relative
}

.ent-pg .spider-wrap svg {
width: 100%;
height: 100%
}

.ent-pg .gap-legs {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 24px;
width: 100%
}

.ent-pg .gap-leg {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
font-size: 15px;
color: #1D3546
}

.ent-pg .gap-leg .swatch {
width: 12px;
height: 12px;
border-radius: 3px;
flex-shrink: 0
}

.ent-pg .exp-sec {
background: #fff;
padding: 80px 0
}

.ent-pg .exp-lay {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.ent-pg .exp-img-wrap {
position: relative;
overflow: hidden;
border-radius: 24px
}

.ent-pg .exp-img {
width: 100%;
height: 400px;
object-fit: cover;
display: block;
filter: grayscale(100%);
transition: filter .28s cubic-bezier(0.4, 0, 0.2, 1)
}

.ent-pg .exp-img-wrap:hover .exp-img {
filter: grayscale(0%)
}

.ent-pg .exp-tag {
position: absolute;
bottom: 24px;
left: 24px;
background: #F8D05D;
color: #1D3546;
padding: 6px 12px;
border-radius: 3px;
font-size: 15px;
font-weight: 700
}

.ent-pg .exp-txt {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: 12px
}

.ent-pg .exp-hdg {
font-size: 36px;
line-height: 1.2;
color: #1D3546;
margin: 0;
background: #F8D05D;
display: inline;
padding: 0 8px;
border-radius: 3px
}

.ent-pg .exp-quote {
font-size: 20px;
line-height: 1.6;
color: #1D3546;
font-style: italic;
border-left: 3px solid #F8D05D;
border-top: 1px solid #DCE1E7;
border-right: 1px solid #DCE1E7;
border-bottom: 1px solid #DCE1E7;
padding: 24px;
border-radius: 13px;
box-shadow: inset 0 2px 8px #f8d05d12
}

.ent-pg .exp-attr {
font-size: 15px;
color: #4a6070;
line-height: 1.6
}

.ent-pg .exp-attr strong {
display: block;
color: #1D3546;
font-size: 17px
}

.ent-pg .exp-body {
font-size: 17px;
line-height: 1.6;
color: #1D3546;
text-align: justify
}

.ent-pg .shape-sec {
background: #1D3546;
padding: 80px 0;
position: relative
}

.ent-pg .shape-sec .left-band {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 5px;
background: #F8D05D
}

.ent-pg .shape-hdg {
font-size: 50px;
line-height: 1.2;
color: #fff;
margin: 0 0 40px
}

.ent-pg .shape-hdg .acc {
background: #f8d05d26;
padding: 0 12px;
border-radius: 3px
}

.ent-pg .shape-lay {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.ent-pg .shape-phases {
display: flex;
flex-direction: column;
gap: 0
}

.ent-pg .phase-item {
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start;
padding: 24px 0;
border-bottom: 1px solid #dce1e71f;
transition: padding-left .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ent-pg .phase-item:last-child {
border-bottom: none
}

.ent-pg .phase-item:hover {
padding-left: 12px
}

.ent-pg .phase-num {
font-size: 36px;
line-height: 1.2;
color: #f8d05d40;
font-weight: 700;
flex-shrink: 0;
width: 40px;
text-align: right
}

.ent-pg .phase-ct {
flex: 1
}

.ent-pg .phase-ct h5 {
font-size: 17px;
color: #F8D05D;
margin: 0 0 6px;
line-height: 1.2
}

.ent-pg .phase-ct p {
font-size: 15px;
color: #DCE1E7;
line-height: 1.6;
margin: 0;
text-align: justify
}

.ent-pg .shape-img-col {
display: flex;
flex-direction: column;
gap: 24px
}

.ent-pg .shape-img {
width: 100%;
height: 240px;
object-fit: cover;
border-radius: 13px;
display: block;
filter: grayscale(20%);
box-shadow: 0 8px 60px 1px #1d354621
}

.ent-pg .shape-img-2 {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 13px;
display: block;
filter: grayscale(20%);
box-shadow: 0 6px 20px 1px #1d354614
}

.ent-pg .shape-note {
padding: 24px;
background: #f8d05d14;
border-radius: 13px;
border: 1px solid #f8d05d33;
font-size: 17px;
color: #DCE1E7;
line-height: 1.6;
box-shadow: inset 0 1px 0 #f8d05d1a
}

.ent-pg .tri-tl {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 40px 40px 0 0;
border-color: #f8d05d26 transparent transparent;
pointer-events: none
}

.ent-pg .tri-br {
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 40px 40px;
border-color: transparent transparent #f8d05d26;
pointer-events: none
}

@media (max-width: 1024px) {
.ent-pg .ttl-h1 {
font-size: 50px
}

.ent-pg .fit-grid {
grid-template-columns: 1fr
}

.ent-pg .avail-lay {
grid-template-columns: 1fr
}

.ent-pg .avail-img-shift {
margin-top: 0
}

.ent-pg .gap-inner-lay {
grid-template-columns: 1fr
}

.ent-pg .exp-lay {
grid-template-columns: 1fr
}

.ent-pg .shape-lay {
grid-template-columns: 1fr
}
}

@media (max-width: 768px) {
.ent-pg .ttl-h1 {
font-size: 36px
}

.ent-pg .avail-hdg {
font-size: 36px
}

.ent-pg .shape-hdg {
font-size: 36px
}

.ent-pg .ttl-blk {
padding: 40px 0
}

.ent-pg .fit-sec,
.ent-pg .avail-sec,
.ent-pg .gap-sec,
.ent-pg .exp-sec,
.ent-pg .shape-sec {
padding: 40px 0
}

.ent-pg .spider-wrap {
width: 220px;
height: 220px
}
}

@media (max-width: 480px) {
.ent-pg .ttl-h1 {
font-size: 26px
}

.ent-pg .avail-hdg {
font-size: 26px
}

.ent-pg .shape-hdg {
font-size: 26px
}

.ent-pg .gap-hdg {
font-size: 26px
}

.ent-pg .fit-hdg {
font-size: 26px
}

.ent-pg .exp-hdg {
font-size: 26px
}
}

.tech-req {
overflow-x: hidden
}

.tech-req .pg-wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px
}

.tech-req .flip-reveal {
opacity: 0;
transform: rotateX(-12deg) translateY(32px);
transition: opacity .26s cubic-bezier(0.4, 0, 0.2, 1), transform .26s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: top center
}

.tech-req .flip-reveal.revealed {
opacity: 1;
transform: rotateX(0deg) translateY(0)
}

.tech-req .asym-divider {
display: flex;
align-items: center;
gap: 12px;
margin: 40px 0
}

.tech-req .asym-divider span:first-child {
flex: 3;
height: 1px;
background: #1D3546;
opacity: .18
}

.tech-req .asym-divider span:last-child {
flex: 1;
height: 1px;
background: #F8D05D;
opacity: .6
}

.tech-req .title-blk {
padding: 80px 0 40px;
background: #fff
}

.tech-req .title-blk .inner-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center
}

.tech-req .title-blk .img-col {
position: relative
}

.tech-req .img-frame {
border-radius: 24px;
overflow: hidden;
width: 100%;
aspect-ratio: 4/3;
box-shadow: 0 8px 60px 1px #1d354621;
position: relative
}

.tech-req .img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.tech-req .img-frame:hover img {
transform: scale(1.04)
}

.tech-req .img-frame .color-wash {
position: absolute;
inset: 0;
background: #f8d05d52;
opacity: 0;
transition: opacity .24s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 24px;
pointer-events: none
}

.tech-req .img-frame:hover .color-wash {
opacity: 1
}

.tech-req .geo-shape {
position: absolute;
width: 64px;
height: 64px;
background: #f8d05d2e;
border: 2px solid #f8d05d66;
transform: rotate(45deg);
border-radius: 3px;
pointer-events: none
}

.tech-req .geo-shape.top-left {
top: -16px;
left: -16px
}

.tech-req .geo-shape.bot-right {
bottom: -12px;
right: -12px;
width: 40px;
height: 40px;
background: #1d354614;
border-color: #1d354633
}

.tech-req .img-border-ring {
position: absolute;
inset: -6px;
border: 1.5px solid #f8d05d80;
border-radius: 24px;
pointer-events: none
}

.tech-req .txt-col {
display: flex;
flex-direction: column;
gap: 24px
}

.tech-req .lbl-strip {
display: inline-flex;
align-items: center;
gap: 12px
}

.tech-req .lbl-badge {
background: #F8D05D;
color: #1D3546;
font-size: 15px;
font-weight: 700;
padding: 6px 12px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: .08em
}

.tech-req .lbl-line {
width: 32px;
height: 1px;
background: #1D3546;
opacity: .3
}

.tech-req .pg-h1 {
font-size: 50px;
line-height: 1.2;
color: #1D3546;
font-weight: 800;
margin: 0
}

.tech-req .pg-h1 .hl-strip {
background: #F8D05D;
padding: 0 6px;
border-radius: 3px
}

.tech-req .pg-lead {
font-size: 17px;
line-height: 1.9;
color: #1D3546;
opacity: .82;
margin: 0;
text-align: justify
}

.tech-req .req-grid-sec {
padding: 80px 0;
background: #1D3546;
position: relative
}

.tech-req .req-grid-sec .diamond-acc {
position: absolute;
width: 80px;
height: 80px;
background: #f8d05d1f;
transform: rotate(45deg);
border-radius: 3px;
top: 40px;
right: 40px;
pointer-events: none
}

.tech-req .req-grid-sec .diamond-acc::after {
content: '';
display: block;
position: absolute;
inset: 10px;
background: #f8d05d26;
border-radius: 3px
}

.tech-req .sec-label {
display: inline-block;
background: #f8d05d26;
color: #F8D05D;
font-size: 15px;
font-weight: 700;
padding: 6px 12px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: .08em;
margin-bottom: 12px
}

.tech-req .sec-h2 {
font-size: 36px;
line-height: 1.2;
color: #fff;
font-weight: 800;
margin: 0 0 40px
}

.tech-req .sec-h2 .hl-strip {
background: #f8d05d40;
padding: 0 6px;
border-radius: 3px
}

.tech-req .req-dense-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: auto auto;
gap: 24px
}

.tech-req .req-card {
background: #ffffff0d;
border: 1px solid #ffffff1a;
border-radius: 13px;
padding: 24px;
transition: background .22s cubic-bezier(0.4, 0, 0.2, 1), border-color .22s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 3px 3px 1px #f8d05d12
}

.tech-req .req-card:hover {
background: #f8d05d14;
border-color: #f8d05d59
}

.tech-req .req-card.anchor {
grid-column: 1;
grid-row: 1 / 3;
display: flex;
flex-direction: column;
gap: 24px
}

.tech-req .req-card .card-ico {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #f8d05d26;
border-radius: 13px;
margin-bottom: 12px
}

.tech-req .req-card .card-ico svg {
width: 22px;
height: 22px;
fill: #F8D05D
}

.tech-req .card-h4 {
font-size: 20px;
line-height: 1.2;
color: #fff;
font-weight: 700;
margin: 0 0 12px
}

.tech-req .card-p {
font-size: 15px;
line-height: 1.9;
color: #ffffffb8;
margin: 0;
text-align: justify
}

.tech-req .req-stat {
display: flex;
flex-direction: column;
gap: 6px
}

.tech-req .stat-num {
font-size: 36px;
line-height: 1.2;
font-weight: 800;
color: #F8D05D
}

.tech-req .stat-desc {
font-size: 15px;
line-height: 1.6;
color: #ffffffa6
}

.tech-req .pair-line {
width: 100%;
height: 1px;
background: #f8d05d40;
margin: 12px 0
}

.tech-req .specs-sec {
padding: 80px 0;
background: #DCE1E7
}

.tech-req .specs-sec .sec-h2 {
color: #1D3546
}

.tech-req .specs-sec .sec-h2 .hl-strip {
background: #f8d05d99
}

.tech-req .specs-sec .sec-label {
background: #1d35461a;
color: #1D3546
}

.tech-req .specs-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.tech-req .spec-list {
display: flex;
flex-direction: column;
gap: 6px
}

.tech-req .spec-item {
display: flex;
flex-direction: column;
gap: 6px;
padding: 24px;
background: #fff;
border-radius: 13px;
box-shadow: 0 3px 3px 1px #f8d05d12;
transition: transform .24s cubic-bezier(0.0, 0, 0.2, 1), box-shadow .24s cubic-bezier(0.0, 0, 0.2, 1)
}

.tech-req .spec-item:hover {
transform: scale(1.02);
box-shadow: 0 6px 20px 1px #f8d05d14
}

.tech-req .spec-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px
}

.tech-req .spec-key {
font-size: 15px;
font-weight: 700;
color: #1D3546;
text-transform: uppercase;
letter-spacing: .06em
}

.tech-req .spec-val {
font-size: 15px;
color: #1D3546;
opacity: .75;
text-align: right
}

.tech-req .spec-thin-line {
width: 100%;
height: 1px;
background: #1d35461f
}

.tech-req .img-col-specs {
position: relative
}

.tech-req .specs-img-frame {
border-radius: 24px;
overflow: hidden;
width: 100%;
aspect-ratio: 3/4;
box-shadow: 0 8px 60px 1px #1d354621;
position: relative
}

.tech-req .specs-img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .28s cubic-bezier(0.4, 0, 0.2, 1)
}

.tech-req .specs-img-frame:hover img {
transform: scale(1.04)
}

.tech-req .specs-img-frame .color-wash {
position: absolute;
inset: 0;
background: #1d354652;
opacity: 0;
transition: opacity .22s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none
}

.tech-req .specs-img-frame:hover .color-wash {
opacity: 1
}

.tech-req .platform-sec {
padding: 80px 0;
background: #fff
}

.tech-req .platform-inner {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 80px;
align-items: start
}

.tech-req .platform-sec .sec-h2 {
color: #1D3546
}

.tech-req .platform-sec .sec-h2 .hl-strip {
background: #F8D05D
}

.tech-req .platform-aside {
display: flex;
flex-direction: column;
gap: 24px;
position: relative
}

.tech-req .aside-img-frame {
border-radius: 24px;
overflow: hidden;
width: 100%;
aspect-ratio: 1/1;
box-shadow: 0 6px 20px 1px #f8d05d14;
position: relative
}

.tech-req .aside-img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.tech-req .aside-img-frame:hover img {
transform: scale(1.06)
}

.tech-req .aside-img-frame .color-wash {
position: absolute;
inset: 0;
background: #f8d05d66;
opacity: 0;
transition: opacity .24s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none
}

.tech-req .aside-img-frame:hover .color-wash {
opacity: 1
}

.tech-req .aside-note {
font-size: 15px;
line-height: 1.6;
color: #1D3546;
opacity: .7;
margin: 0;
text-align: justify
}

.tech-req .platform-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px
}

.tech-req .plt-card {
border: 1.5px solid #DCE1E7;
border-radius: 13px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
background: #fff;
box-shadow: 0 3px 3px 1px #1d354612;
transition: border-color .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1), transform .22s cubic-bezier(0.4, 0, 0.2, 1);
position: relative
}

.tech-req .plt-card:hover {
border-color: #F8D05D;
box-shadow: 0 6px 20px 1px #f8d05d14;
transform: scale(1.03)
}

.tech-req .plt-card .card-h5 {
font-size: 17px;
font-weight: 700;
color: #1D3546;
margin: 0;
display: flex;
align-items: center;
gap: 12px
}

.tech-req .plt-card .card-h5 .ico-wrap {
width: 32px;
height: 32px;
border-radius: 3px;
background: #F8D05D;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.tech-req .plt-card .card-h5 .ico-wrap svg {
width: 18px;
height: 18px;
fill: #1D3546
}

.tech-req .plt-card .plt-tags {
display: flex;
flex-wrap: wrap;
gap: 6px
}

.tech-req .plt-tag {
background: #DCE1E7;
color: #1D3546;
font-size: 15px;
padding: 6px 12px;
border-radius: 40px;
font-weight: 600
}

.tech-req .plt-card .plt-note {
font-size: 15px;
line-height: 1.6;
color: #1D3546;
opacity: .7;
margin: 0
}

.tech-req .plt-card .btn-outline {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 12px 24px;
border: 1.5px solid #1D3546;
border-radius: 13px;
color: #1D3546;
font-size: 15px;
font-weight: 700;
background: transparent;
cursor: pointer;
text-decoration: none;
align-self: flex-start;
position: relative;
overflow: hidden;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.tech-req .plt-card .btn-outline::after {
content: '';
display: block;
position: absolute;
inset: 0;
border: 2px solid #F8D05D;
border-radius: 13px;
opacity: 0;
transition: opacity .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.tech-req .plt-card .btn-outline:hover::after {
opacity: 1
}

.tech-req .plt-card .btn-outline:hover {
color: #1D3546;
background: #f8d05d1f
}

.tech-req .btn-primary {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 12px 40px;
background: #F8D05D;
border: none;
border-radius: 13px;
color: #1D3546;
font-size: 17px;
font-weight: 800;
cursor: pointer;
text-decoration: none;
box-shadow: 0 6px 20px 1px #f8d05d14;
position: relative;
overflow: hidden;
transition: transform .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.tech-req .btn-primary::after {
content: '';
display: block;
position: absolute;
inset: 0;
border: 2.5px solid #1D3546;
border-radius: 13px;
opacity: 0;
transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.tech-req .btn-primary:hover {
transform: scale(1.04);
box-shadow: 0 8px 60px 1px #f8d05d21
}

.tech-req .btn-primary:hover::after {
opacity: 1
}

.tech-req .cta-row {
display: flex;
align-items: center;
gap: 24px;
flex-wrap: wrap
}

.tech-req .cta-sub {
font-size: 15px;
color: #1D3546;
opacity: .65
}

@media (max-width: 1024px) {
.tech-req .title-blk .inner-grid {
grid-template-columns: 1fr;
gap: 40px
}

.tech-req .req-dense-grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto
}

.tech-req .req-card.anchor {
grid-column: 1 / 3;
grid-row: auto
}

.tech-req .specs-layout {
grid-template-columns: 1fr;
gap: 40px
}

.tech-req .specs-img-frame {
aspect-ratio: 16/9
}

.tech-req .platform-inner {
grid-template-columns: 1fr;
gap: 40px
}

.tech-req .aside-img-frame {
aspect-ratio: 16/9
}
}

@media (max-width: 768px) {
.tech-req .pg-h1 {
font-size: 36px
}

.tech-req .sec-h2 {
font-size: 26px
}

.tech-req .req-dense-grid {
grid-template-columns: 1fr
}

.tech-req .req-card.anchor {
grid-column: 1
}

.tech-req .platform-grid {
grid-template-columns: 1fr
}

.tech-req .title-blk,
.tech-req .req-grid-sec,
.tech-req .specs-sec,
.tech-req .platform-sec {
padding: 40px 0
}
}

@media (max-width: 480px) {
.tech-req .pg-wrap {
padding: 0 12px
}

.tech-req .pg-h1 {
font-size: 26px
}

.tech-req .cta-row {
flex-direction: column;
align-items: flex-start
}
}

.ab-pg {
display: block;
overflow: hidden
}

.ab-pg .diag-reveal {
animation: diagIn .26s cubic-bezier(0.4, 0, 0.2, 1) both
}

@keyframes diagIn {
from {
opacity: 0;
transform: translate(-24px, -24px)
}

to {
opacity: 1;
transform: translate(0, 0)
}
}

.ab-pg .diag-reveal-2 {
animation: diagIn2 .28s cubic-bezier(0.0, 0, 0.2, 1) .08s both
}

@keyframes diagIn2 {
from {
opacity: 0;
transform: translate(24px, 24px)
}

to {
opacity: 1;
transform: translate(0, 0)
}
}

.ab-pg .ld-band {
background: linear-gradient(263deg, #1D3546 0%, transparent 100%);
padding: 80px 24px 40px;
position: relative
}

.ab-pg .ld-band-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: stretch;
gap: 40px
}

.ab-pg .ld-txt-z {
flex: 1 1 480px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px 40px 40px 24px;
position: relative
}

.ab-pg .ld-corner-tl,
.ab-pg .ld-corner-br {
position: absolute;
width: 28px;
height: 28px;
pointer-events: none
}

.ab-pg .ld-corner-tl {
top: 12px;
left: 12px;
border-top: 2px solid #F8D05D;
border-left: 2px solid #F8D05D;
border-radius: 3px 0 0 0
}

.ab-pg .ld-corner-br {
bottom: 12px;
right: 12px;
border-bottom: 2px solid #F8D05D;
border-right: 2px solid #F8D05D;
border-radius: 0 0 3px 0
}

.ab-pg .ld-eyebrow {
font-size: 15px;
line-height: 1.6;
color: #F8D05D;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 12px
}

.ab-pg .ld-h1 {
font-size: 50px;
line-height: 1.2;
color: #fff;
margin: 0 0 24px;
font-weight: 700
}

.ab-pg .ld-desc {
font-size: 17px;
line-height: 1.9;
color: #DCE1E7;
max-width: 440px;
margin: 0;
text-align: justified
}

.ab-pg .ld-img-z {
flex: 0 0 420px;
position: relative;
padding: 24px
}

.ab-pg .ld-img-wrap {
width: 100%;
height: 360px;
border-radius: 13px;
overflow: hidden;
position: relative;
box-shadow: 0 8px 60px 1px #1d354621
}

.ab-pg .ld-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(0.55) brightness(0.9);
transition: filter .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ab-pg .ld-img-wrap:hover img {
filter: saturate(0.75) brightness(0.95)
}

.ab-pg .ld-img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(263deg, #1d354659 0%, transparent 70%);
border-radius: 13px;
pointer-events: none
}

.ab-pg .ld-corner-img-tl,
.ab-pg .ld-corner-img-br {
position: absolute;
width: 22px;
height: 22px;
pointer-events: none;
z-index: 2
}

.ab-pg .ld-corner-img-tl {
top: 18px;
left: 18px;
border-top: 2px solid #F8D05D;
border-left: 2px solid #F8D05D;
border-radius: 3px 0 0 0
}

.ab-pg .ld-corner-img-br {
bottom: 18px;
right: 18px;
border-bottom: 2px solid #f8d05d99;
border-right: 2px solid #f8d05d99;
border-radius: 0 0 3px 0
}

.ab-pg .ld-svg-divider {
display: block;
width: 100%;
overflow: hidden;
line-height: 0;
background: linear-gradient(263deg, #1D3546 0%, transparent 100%)
}

.ab-pg .ld-svg-divider svg {
display: block;
width: 100%
}

.ab-pg .about-strip {
background: #fff;
padding: 80px 24px;
position: relative
}

.ab-pg .about-strip-inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
align-items: start
}

.ab-pg .strip-lead {
grid-column: 1 / 2
}

.ab-pg .strip-lead-h {
font-size: 36px;
line-height: 1.2;
color: #1D3546;
margin: 0 0 24px;
position: relative;
display: inline-block
}

.ab-pg .strip-lead-h::after {
content: '';
display: block;
width: 100%;
height: 10px;
background: #F8D05D;
position: absolute;
bottom: 2px;
left: 0;
z-index: -1;
border-radius: 3px
}

.ab-pg .strip-curve-line {
display: block;
margin: 12px 0 24px;
overflow: visible
}

.ab-pg .strip-p {
font-size: 17px;
line-height: 1.9;
color: #1D3546;
margin: 0;
text-align: justify
}

.ab-pg .strip-cards {
grid-column: 2 / 4;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px
}

.ab-pg .s-card {
background: #fff;
border-radius: 13px;
padding: 24px;
box-shadow: 0 3px 3px 1px #1d354612 0 6px 20px 1px #1d354614;
transition: transform .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
border-top: 3px solid #F8D05D;
border-left: 3px solid #DCE1E7
}

.ab-pg .s-card:hover {
transform: scale(1.03);
box-shadow: 0 8px 60px 1px #1d354621
}

.ab-pg .s-card-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: #1D3546;
color: #F8D05D;
font-size: 17px;
font-weight: 700;
border-radius: 40px;
margin-bottom: 12px;
flex-shrink: 0
}

.ab-pg .s-card-h {
font-size: 17px;
line-height: 1.6;
font-weight: 700;
color: #1D3546;
margin: 0 0 6px
}

.ab-pg .s-card-p {
font-size: 15px;
line-height: 1.9;
color: #3d5566;
margin: 0;
text-align: justify
}

.ab-pg .img-bg-strip {
position: relative;
padding: 80px 24px;
overflow: hidden
}

.ab-pg .img-bg-strip-bg {
position: absolute;
inset: 0;
z-index: 0
}

.ab-pg .img-bg-strip-bg img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.ab-pg .img-bg-strip-overlay {
position: absolute;
inset: 0;
background: #ffffffe0;
z-index: 1
}

.ab-pg .img-bg-inner {
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 2;
display: flex;
flex-direction: row;
gap: 40px;
align-items: center
}

.ab-pg .img-bg-photos {
flex: 0 0 340px;
display: flex;
flex-direction: column;
gap: 12px
}

.ab-pg .img-ph-big {
width: 100%;
height: 220px;
border-radius: 13px;
overflow: hidden;
box-shadow: 0 6px 20px 1px #1d354614
}

.ab-pg .img-ph-big img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .25s cubic-bezier(0.4, 0, 0.2, 1)
}

.ab-pg .img-ph-big:hover img {
transform: scale(1.04)
}

.ab-pg .img-ph-sm-row {
display: flex;
flex-direction: row;
gap: 12px
}

.ab-pg .img-ph-sm {
flex: 1;
height: 140px;
border-radius: 13px;
overflow: hidden;
box-shadow: 0 3px 3px 1px #f8d05d12
}

.ab-pg .img-ph-sm img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .22s cubic-bezier(0.0, 0, 0.2, 1)
}

.ab-pg .img-ph-sm:hover img {
transform: scale(1.06)
}

.ab-pg .img-bg-txt {
flex: 1;
display: flex;
flex-direction: column;
gap: 24px
}

.ab-pg .img-bg-h2 {
font-size: 36px;
line-height: 1.2;
color: #1D3546;
margin: 0;
position: relative;
padding: 6px 12px;
background: #F8D05D;
border-radius: 3px;
display: inline-block
}

.ab-pg .layer-item {
background: #fff;
border-radius: 13px;
padding: 24px;
box-shadow: 0 3px 3px 1px #1d354612;
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start;
border-bottom: 3px solid #DCE1E7;
border-right: 3px solid #F8D05D;
transition: box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.ab-pg .layer-item:hover {
box-shadow: 0 6px 20px 1px #1d354614
}

.ab-pg .layer-ico {
flex-shrink: 0;
width: 40px;
height: 40px;
background: linear-gradient(263deg, #1D3546 0%, #2a4a62 100%);
border-radius: 24px;
display: flex;
align-items: center;
justify-content: center
}

.ab-pg .layer-ico svg {
display: block
}

.ab-pg .layer-txt-h {
font-size: 17px;
line-height: 1.6;
font-weight: 700;
color: #1D3546;
margin: 0 0 6px
}

.ab-pg .layer-txt-p {
font-size: 15px;
line-height: 1.9;
color: #3d5566;
margin: 0;
text-align: justify
}

.ab-pg .team-strip {
background: #DCE1E7;
padding: 80px 24px
}

.ab-pg .team-inner {
max-width: 1200px;
margin: 0 auto
}

.ab-pg .team-h2-wrap {
margin-bottom: 40px;
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 24px
}

.ab-pg .team-h2 {
font-size: 36px;
line-height: 1.2;
color: #1D3546;
margin: 0;
padding: 6px 12px;
background: #f8d05db3;
border-radius: 3px
}

.ab-pg .team-h2-line {
flex: 1;
height: 2px;
background: linear-gradient(263deg, transparent 0%, #1D3546 100%);
border-radius: 3px;
margin-bottom: 12px
}

.ab-pg .team-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px
}

.ab-pg .t-card {
background: #fff;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 3px 3px 1px #1d354612 0 6px 20px 1px #1d354614;
transition: transform .24s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1);
position: relative
}

.ab-pg .t-card:hover {
transform: scale(1.03);
box-shadow: 0 8px 60px 1px #1d354621
}

.ab-pg .t-card-img {
width: 100%;
height: 200px;
overflow: hidden;
position: relative
}

.ab-pg .t-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(0.7);
transition: filter .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ab-pg .t-card:hover .t-card-img img {
filter: saturate(1)
}

.ab-pg .t-card-body {
padding: 24px
}

.ab-pg .t-card-name {
font-size: 20px;
line-height: 1.2;
font-weight: 700;
color: #1D3546;
margin: 0 0 6px
}

.ab-pg .t-card-role {
font-size: 15px;
line-height: 1.6;
color: #F8D05D;
background: #1D3546;
display: inline-block;
padding: 3px 12px;
border-radius: 40px;
margin-bottom: 12px
}

.ab-pg .t-card-p {
font-size: 15px;
line-height: 1.9;
color: #3d5566;
margin: 0;
text-align: justify
}

.ab-pg .t-card-check {
position: absolute;
top: 12px;
right: 12px;
width: 40px;
height: 40px;
background: #f8d05de6;
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 3px 3px 1px #f8d05d12
}

.ab-pg .checker-hover {
width: 40px;
height: 40px;
display: inline-flex;
background-image: linear-gradient(45deg, #1D3546 25%, transparent 25%), linear-gradient(-45deg, #1D3546 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #1D3546 75%), linear-gradient(-45deg, transparent 75%, #1D3546 75%);
background-size: 10px 10px;
background-position: 0 0, 0 5px, 5px -5px, -5px 0;
opacity: 0;
border-radius: 3px;
transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.ab-pg .t-card:hover .checker-hover {
opacity: .12
}

.ab-pg .num-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background: #F8D05D;
color: #1D3546;
font-size: 15px;
font-weight: 700;
border-radius: 40px;
margin-right: 6px;
flex-shrink: 0
}

.ab-pg .svgdiv2 {
display: block;
width: 100%;
overflow: hidden;
line-height: 0;
background: #DCE1E7
}

.ab-pg .svgdiv2 svg {
display: block;
width: 100%
}

@media (max-width: 1024px) {
.ab-pg .ld-band-inner {
flex-direction: column;
gap: 24px
}

.ab-pg .ld-img-z {
flex: none
}

.ab-pg .ld-img-wrap {
height: 260px
}

.ab-pg .about-strip-inner {
grid-template-columns: 1fr
}

.ab-pg .strip-lead {
grid-column: 1
}

.ab-pg .strip-cards {
grid-column: 1
}

.ab-pg .img-bg-inner {
flex-direction: column
}

.ab-pg .img-bg-photos {
flex: none;
width: 100%
}

.ab-pg .team-grid {
grid-template-columns: 1fr 1fr
}
}

@media (max-width: 768px) {
.ab-pg .ld-h1 {
font-size: 36px
}

.ab-pg .strip-cards {
grid-template-columns: 1fr
}

.ab-pg .team-grid {
grid-template-columns: 1fr
}

.ab-pg .ld-txt-z {
padding: 24px 12px
}

.ab-pg .team-h2-wrap {
flex-direction: column;
align-items: flex-start;
gap: 12px
}

.ab-pg .team-h2-line {
width: 100%;
margin-bottom: 0
}
}

@media (max-width: 480px) {
.ab-pg .ld-h1 {
font-size: 26px
}

.ab-pg .img-ph-sm-row {
flex-direction: column
}

.ab-pg .img-ph-sm {
height: 120px
}

.ab-pg .about-strip {
padding: 40px 12px
}

.ab-pg .team-strip {
padding: 40px 12px
}

.ab-pg .img-bg-strip {
padding: 40px 12px
}
}

.ctus {
width: 100%;
overflow-x: hidden
}

.ctus .splt {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 420px
}

.ctus .splt-lft {
background: #1D3546;
padding: 80px 40px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
overflow: hidden
}

.ctus .splt-lft::before {
content: '';
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(0deg, transparent, transparent 28px, #f8d05d0a 28px, #f8d05d0a 29px), repeating-linear-gradient(0deg, transparent, transparent 60px, #f8d05d0f 60px, #f8d05d0f 62px), repeating-linear-gradient(0deg, transparent, transparent 110px, #f8d05d08 110px, #f8d05d08 114px);
pointer-events: none
}

.ctus .splt-rgt {
background: #F8D05D;
padding: 80px 40px;
display: flex;
flex-direction: column;
justify-content: flex-end
}

.ctus .pg-label {
font-size: 15px;
line-height: 1.6;
color: #F8D05D;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 24px;
font-weight: 600
}

.ctus .pg-head {
font-size: 50px;
line-height: 1.2;
color: #fff;
margin: 0 0 24px;
position: relative;
z-index: 1
}

.ctus .pg-desc {
font-size: 17px;
line-height: 1.9;
color: #DCE1E7;
margin: 0;
max-width: 440px;
text-align: justified;
position: relative;
z-index: 1
}

.ctus .splt-rgt .rgt-kicker {
font-size: 15px;
line-height: 1.6;
color: #1D3546;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 12px
}

.ctus .splt-rgt .rgt-stat {
font-size: 68px;
line-height: 1.2;
color: #1D3546;
font-weight: 800;
margin: 0 0 12px
}

.ctus .splt-rgt .rgt-note {
font-size: 17px;
line-height: 1.6;
color: #1D3546;
margin: 0;
max-width: 360px
}

.ctus .divdr {
height: 1px;
background: #DCE1E7;
margin: 0 40px
}

.ctus .frm-area {
background: #fff;
padding: 80px 40px
}

.ctus .frm-wrap {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1.6fr;
gap: 80px;
align-items: start
}

.ctus .frm-meta {
display: flex;
flex-direction: column;
gap: 40px;
padding-top: 12px
}

.ctus .frm-hd-strip {
display: inline-block;
background: #F8D05D;
padding: 6px 12px;
margin-bottom: 12px;
border-radius: 3px
}

.ctus .frm-hd {
font-size: 36px;
line-height: 1.2;
color: #1D3546;
margin: 0
}

.ctus .frm-sub {
font-size: 17px;
line-height: 1.9;
color: #1D3546;
margin: 0;
text-align: justify
}

.ctus .cinfo-grp {
display: flex;
flex-direction: column;
gap: 24px
}

.ctus .cinfo-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px
}

.ctus .ci-icon {
width: 40px;
height: 40px;
border-radius: 13px;
background: #1D3546;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 3px 3px 1px #1d354612
}

.ctus .ci-icon svg {
width: 18px;
height: 18px
}

.ctus .ci-txt {
display: flex;
flex-direction: column;
gap: 6px
}

.ctus .ci-lbl {
font-size: 15px;
line-height: 1.2;
color: #1D3546;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em
}

.ctus .ci-val {
font-size: 17px;
line-height: 1.6;
color: #1D3546
}

.ctus .ci-val a {
color: #1D3546;
text-decoration: none;
border-bottom: 1.5px solid #F8D05D;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1), border-color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ctus .ci-val a:hover {
color: #F8D05D;
border-color: #1D3546
}

.ctus .frm-body {
background: #fff;
border-radius: 24px;
box-shadow: 0 8px 60px 1px #1d354621;
padding: 40px;
animation: blurIn .26s cubic-bezier(0.0, 0, 0.2, 1) both
}

@keyframes blurIn {
from {
filter: blur(6px);
opacity: .3
}

to {
filter: blur(0px);
opacity: 1
}
}

.ctus .frm-body form {
display: flex;
flex-direction: column;
gap: 24px
}

.ctus .fld-grp {
display: flex;
flex-direction: column;
gap: 6px
}

.ctus .fld-grp label {
font-size: 15px;
line-height: 1.6;
color: #1D3546;
font-weight: 600
}

.ctus .fld-grp input,
.ctus .fld-grp select,
.ctus .fld-grp textarea {
width: 100%;
padding: 12px;
border: 1.5px solid #DCE1E7;
border-radius: 13px;
font-size: 17px;
line-height: 1.6;
color: #1D3546;
background: #fff;
box-sizing: border-box;
outline: none;
transition: border-color .24s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: inset 0 2px 6px #1d35460a;
appearance: none;
-webkit-appearance: none
}

.ctus .fld-grp input::placeholder,
.ctus .fld-grp textarea::placeholder {
color: #8ca0af
}

.ctus .fld-grp input:focus,
.ctus .fld-grp select:focus,
.ctus .fld-grp textarea:focus {
border-color: #F8D05D;
box-shadow: inset 0 2px 6px #1d35460a 0 0 0 3px #f8d05d38
}

.ctus .sel-wrap {
position: relative
}

.ctus .sel-wrap select {
padding-right: 40px;
cursor: pointer
}

.ctus .sel-arrow {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
width: 18px;
height: 18px
}

.ctus .fld-grp textarea {
resize: vertical;
min-height: 120px
}

.ctus .prv-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px
}

.ctus .prv-row input[type="checkbox"] {
width: 20px;
height: 20px;
min-width: 20px;
border-radius: 3px;
border: 1.5px solid #DCE1E7;
margin-top: 2px;
cursor: pointer;
accent-color: #1D3546;
padding: 0;
box-shadow: none
}

.ctus .prv-row input[type="checkbox"]:focus {
box-shadow: 0 0 0 3px #f8d05d4d
}

.ctus .prv-txt {
font-size: 15px;
line-height: 1.9;
color: #1D3546
}

.ctus .prv-txt a {
color: #1D3546;
font-weight: 600;
border-bottom: 1.5px solid #F8D05D;
text-decoration: none;
transition: color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.ctus .prv-txt a:hover {
color: #F8D05D
}

.ctus .sbmt-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 40px;
background: #1D3546;
color: #F8D05D;
font-size: 17px;
line-height: 1.6;
font-weight: 700;
border: 2px solid #1D3546;
border-radius: 13px;
cursor: pointer;
overflow: hidden;
transition: transform .22s cubic-bezier(0.4, 0, 0.2, 1), background .22s cubic-bezier(0.4, 0, 0.2, 1), color .22s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 6px 20px 1px #1d354614;
align-self: flex-start
}

.ctus .sbmt-btn::after {
content: '';
position: absolute;
inset: 0;
border-radius: 13px;
border: 2px solid #F8D05D;
opacity: 0;
transition: opacity .25s cubic-bezier(0.0, 0, 0.2, 1)
}

.ctus .sbmt-btn:hover {
transform: scale(1.04);
background: #F8D05D;
color: #1D3546;
border-color: #F8D05D
}

.ctus .sbmt-btn:hover::after {
opacity: 1
}

.ctus .sbmt-btn:focus {
outline: 3px solid #F8D05D;
outline-offset: 3px
}

.ctus .sbmt-btn:active {
transform: scale(0.99)
}

.ctus .accent-area {
background: #1D3546;
padding: 80px 40px;
position: relative;
overflow: hidden
}

.ctus .accent-area::before {
content: '';
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(263deg, #1D3546 0%, #1D3546 60%, transparent 100%);
opacity: .4;
pointer-events: none
}

.ctus .acc-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 40px;
position: relative;
z-index: 1
}

.ctus .acc-txt {
max-width: 620px;
display: flex;
flex-direction: column;
gap: 12px
}

.ctus .acc-strip {
display: inline-block;
background: #F8D05D;
padding: 6px 12px;
border-radius: 3px;
margin-bottom: 12px
}

.ctus .acc-hd {
font-size: 36px;
line-height: 1.2;
color: #fff;
margin: 0
}

.ctus .acc-p {
font-size: 17px;
line-height: 1.9;
color: #DCE1E7;
margin: 0;
text-align: justify
}

.ctus .acc-cards {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 280px
}

.ctus .acc-card {
background: #f8d05d14;
border: 1px solid #f8d05d2e;
border-radius: 13px;
padding: 24px;
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
transition: background .25s cubic-bezier(0.0, 0, 0.2, 1), transform .22s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 3px 3px 1px #1d354612
}

.ctus .acc-card:hover {
background: #f8d05d26;
transform: scale(1.03)
}

.ctus .acc-card-icon {
width: 40px;
height: 40px;
border-radius: 13px;
background: #F8D05D;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center
}

.ctus .acc-card-icon svg {
width: 20px;
height: 20px
}

.ctus .acc-card-txt {
display: flex;
flex-direction: column;
gap: 6px
}

.ctus .acc-card-lbl {
font-size: 15px;
line-height: 1.2;
color: #F8D05D;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em
}

.ctus .acc-card-val {
font-size: 17px;
line-height: 1.2;
color: #fff
}

@media (max-width: 1024px) {
.ctus .splt {
grid-template-columns: 1fr
}

.ctus .splt-lft,
.ctus .splt-rgt {
padding: 40px 24px
}

.ctus .splt-rgt {
justify-content: flex-start
}

.ctus .frm-wrap {
grid-template-columns: 1fr;
gap: 40px
}

.ctus .frm-area {
padding: 40px 24px
}

.ctus .acc-inner {
flex-direction: column;
align-items: flex-start
}

.ctus .acc-cards {
width: 100%
}

.ctus .accent-area {
padding: 40px 24px
}
}

@media (max-width: 768px) {
.ctus .pg-head {
font-size: 36px
}

.ctus .splt-rgt .rgt-stat {
font-size: 50px
}

.ctus .frm-hd {
font-size: 26px
}

.ctus .acc-hd {
font-size: 26px
}

.ctus .frm-body {
padding: 24px
}

.ctus .divdr {
margin: 0 24px
}
}

@media (max-width: 480px) {
.ctus .sbmt-btn {
width: 100%;
justify-content: center
}

.ctus .splt-lft,
.ctus .splt-rgt {
padding: 40px 12px
}

.ctus .frm-area,
.ctus .accent-area {
padding: 40px 12px
}

.ctus .frm-body {
padding: 12px
}
}

.suc-page {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 24px;
background: linear-gradient(263deg, #1D3546 0%, transparent 70%), linear-gradient(180deg, #fff 0%, #DCE1E7 100%)
}

.suc-page .suc-card {
max-width: 560px;
width: 100%;
background: #fff;
border-radius: 24px;
padding: 80px 40px;
box-shadow: 0 8px 60px 1px #1d354621;
text-align: center;
position: relative
}

.suc-page .suc-icon {
width: 72px;
height: 72px;
margin: 0 auto 40px;
display: flex;
align-items: center;
justify-content: center
}

.suc-page .suc-icon svg {
width: 72px;
height: 72px
}

.suc-page .suc-title {
font-size: 36px;
line-height: 1.2;
color: #1D3546;
margin: 0 0 24px;
font-weight: 700;
letter-spacing: 0
}

.suc-page .suc-strip {
display: inline-block;
background: #F8D05D;
padding: 6px 12px;
border-radius: 3px
}

.suc-page .suc-text {
font-size: 17px;
line-height: 1.6;
color: #1D3546;
text-align: justify;
margin: 0 0 40px;
opacity: .85
}

.suc-page .suc-divider {
width: 48px;
height: 3px;
background: #F8D05D;
border-radius: 3px;
margin: 0 auto 40px
}

.suc-page .suc-btn {
display: inline-block;
background: #1D3546;
color: #F8D05D;
font-size: 15px;
font-weight: 600;
padding: 12px 40px;
border-radius: 13px;
text-decoration: none;
border: 2px solid #1D3546;
box-shadow: 0 6px 20px 1px #1d354614;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1), background .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .25s cubic-bezier(0.0, 0, 0.2, 1), transform .2s cubic-bezier(0.4, 0, 0.2, 1);
position: relative
}

.suc-page .suc-btn::after {
content: '';
position: absolute;
inset: -2px;
border-radius: 13px;
border: 2px solid #F8D05D;
opacity: 0;
transition: opacity .22s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none
}

.suc-page .suc-btn:hover {
background: #F8D05D;
color: #1D3546;
transform: scale(1.04);
box-shadow: 0 8px 60px 1px #f8d05d21
}

.suc-page .suc-btn:hover::after {
opacity: 1
}

.suc-page .suc-btn:focus {
outline: 3px solid #F8D05D;
outline-offset: 3px
}

.suc-page .suc-note {
font-size: 15px;
line-height: 1.6;
color: #1D3546;
margin: 24px 0 0;
opacity: .6
}

@media (max-width: 480px) {
.suc-page {
padding: 40px 12px
}

.suc-page .suc-card {
padding: 40px 24px
}

.suc-page .suc-title {
font-size: 26px
}
}