.digital {
background: linear-gradient(135deg, #eef3f7 0%, #f8f5ef 100%);
}
.digital-grid {
align-items: center;
gap: 90px;
}
.digital h2 {
font-size: 46px;
line-height: 1.12;
}
.digital-copy > p:not(.eyebrow) {
color: #3d4d60;
}
.digital-note {
border-left: 3px solid var(--gold);
color: var(--ink) !important;
font-weight: 650;
margin: 26px 0 !important;
padding: 4px 0 4px 18px;
}
.portal-panel {
background: #fff;
border: 1px solid rgba(24, 59, 99, .13);
border-radius: 6px;
box-shadow: 0 24px 60px rgba(20, 33, 61, .12);
padding: 12px;
}
.portal-panel-link {
color: inherit;
display: block;
text-decoration: none;
}
.portal-panel-link:focus-visible {
outline: 3px solid var(--gold);
outline-offset: 4px;
}
.webakte-ui {
background: #eef2f6;
border: 1px solid #d7e0e9;
border-radius: 4px 4px 0 0;
overflow: hidden;
}
.webakte-ui-bar {
align-items: center;
background: #fff;
border-bottom: 1px solid #d7e0e9;
display: flex;
min-height: 50px;
padding: 0 16px;
}
.webakte-ui-dot {
background: #c6d0dc;
border-radius: 50%;
height: 6px;
margin-right: 5px;
width: 6px;
}
.webakte-ui-bar strong {
color: var(--ink);
font-size: 14px;
margin-left: 8px;
}
.webakte-ui-secure {
color: #28724f;
font-size: 11px;
font-weight: 800;
margin-left: auto;
}
.webakte-ui-secure::before {
content: "●";
font-size: 8px;
margin-right: 5px;
}
.webakte-ui-body {
display: grid;
grid-template-columns: 112px minmax(0, 1fr);
min-height: 300px;
}
.webakte-ui-nav {
background: var(--ink);
color: #bec9d7;
display: flex;
flex-direction: column;
font-size: 11px;
gap: 9px;
padding: 19px 12px;
}
.webakte-ui-nav > strong {
align-items: center;
background: var(--gold);
border-radius: 50%;
color: #fff;
display: flex;
font: 19px var(--display);
height: 36px;
justify-content: center;
margin-bottom: 8px;
width: 36px;
}
.webakte-ui-nav span {
border-radius: 3px;
padding: 7px 8px;
}
.webakte-ui-nav .is-active {
background: rgba(255,255,255,.11);
color: #fff;
font-weight: 800;
}
.webakte-ui-content {
padding: 21px;
}
.webakte-ui-heading strong,
.webakte-ui-heading small,
.webakte-ui-upload strong,
.webakte-ui-upload small,
.webakte-ui-item strong,
.webakte-ui-item small {
display: block;
}
.webakte-ui-heading strong {
color: var(--ink);
font-size: 16px;
}
.webakte-ui-heading small,
.webakte-ui-upload small,
.webakte-ui-item small {
color: var(--muted);
font-size: 10px;
margin-top: 2px;
}
.webakte-ui-upload {
align-items: center;
background: #fff;
border: 1px dashed #9fb2c6;
border-radius: 4px;
display: flex;
gap: 11px;
margin: 15px 0 6px;
padding: 12px;
}
.webakte-ui-upload > span {
align-items: center;
background: var(--blue);
border-radius: 50%;
color: #fff;
display: flex;
font-size: 17px;
height: 31px;
justify-content: center;
width: 31px;
}
.webakte-ui-item {
align-items: center;
border-bottom: 1px solid #d7e0e9;
display: grid;
gap: 10px;
grid-template-columns: 34px minmax(0, 1fr) auto;
min-height: 64px;
}
.webakte-ui-upload > div,
.webakte-ui-item > div {
min-width: 0;
}
.webakte-ui-item:last-child {
border-bottom: 0;
}
.webakte-ui-file,
.webakte-ui-message {
align-items: center;
background: #fff;
border: 1px solid #c6d2df;
color: var(--blue);
display: flex;
font-size: 9px;
font-weight: 800;
height: 30px;
justify-content: center;
width: 30px;
}
.webakte-ui-check {
color: #28724f;
font-weight: 900;
}
.webakte-ui-time {
color: var(--muted);
font-size: 10px;
}
.portal-caption {
align-items: center;
background: var(--ink);
border-radius: 0 0 4px 4px;
color: #fff;
display: flex;
font-size: 13px;
justify-content: flex-end;
padding: 14px 16px;
}
.portal-caption > span {
color: #dfc39e;
font-weight: 800;
}
.digital-summary--mobile,
.portal-benefits-mobile,
.portal-link-mobile {
display: none;
}
.portal-top {
align-items: center;
background: var(--ink);
border-radius: 3px;
color: #fff;
display: flex;
gap: 13px;
padding: 20px;
}
.portal-photo {
display: block;
height: 210px;
object-fit: cover;
width: 100%;
}
.editorial-photo {
margin: 36px 0 0;
}
.editorial-photo img {
display: block;
height: 260px;
object-fit: cover;
width: 100%;
}
.editorial-photo figcaption {
color: var(--muted);
font-size: 11px;
letter-spacing: .06em;
margin-top: 8px;
text-transform: uppercase;
}
.webakte-visual {
align-items: center;
display: grid;
grid-template-columns: minmax(0, 880px);
}
.webakte-hero-copy {
max-width: 880px;
}
.webakte-visual .numbered-steps li {
grid-template-columns: 42px minmax(0, 1fr);
padding-left: 0;
}
.webakte-visual .numbered-steps li::before {
align-self: start;
grid-column: 1;
grid-row: 1 / 3;
padding-top: 2px;
position: static;
}
.webakte-visual .numbered-steps strong,
.webakte-visual .numbered-steps span {
grid-column: 2;
}
.webakte-visual h2 {
font: 42px/1.15 var(--display);
margin: 0;
}
.portal-mark {
align-items: center;
background: var(--gold);
border-radius: 50%;
display: flex;
flex: 0 0 42px;
font: 22px var(--display);
height: 42px;
justify-content: center;
}
.portal-top div {
flex: 1;
}
.portal-top strong,
.portal-top small,
.portal-row strong,
.portal-row small {
display: block;
}
.portal-top small {
color: #bbc8d5;
font-size: 12px;
}
.portal-status {
background: #d9eee4;
border-radius: 30px;
color: #1a6a47;
font-size: 11px;
font-weight: 800;
padding: 4px 10px;
}
.portal-row {
align-items: center;
border-bottom: 1px solid var(--line);
display: flex;
gap: 16px;
padding: 22px 16px;
}
.portal-row:last-child {
border: 0;
}
.portal-icon {
align-items: center;
border: 1px solid #c7d2df;
color: var(--blue);
display: flex;
flex: 0 0 36px;
font-size: 11px;
font-weight: 800;
height: 36px;
justify-content: center;
}
.portal-row small {
color: var(--muted);
font-size: 13px;
margin-top: 3px;
}
@media (max-width: 850px) {
.portal-panel {
max-width: 600px;
}
.webakte-visual {
gap: 38px;
grid-template-columns: 1fr;
}
}
@media (max-width: 500px) {
.webakte-visual {
margin-top: -38px;
}
.digital {
padding: 42px 0;
}
.digital h2 {
font-size: 36px;
margin-bottom: 18px;
}
.digital-summary--desktop,
.digital-more {
display: none;
}
.digital-summary--mobile {
display: block;
font-size: 17px;
line-height: 1.55;
margin: 0;
}
.digital-grid {
gap: 20px;
}
.portal-status {
display: none;
}
.digital .portal-panel {
background: transparent;
border: 0;
box-shadow: none;
margin-top: 0;
padding: 0;
}
.webakte-ui-body {
grid-template-columns: 82px 1fr;
min-height: 238px;
}
.webakte-ui-bar {
min-height: 44px;
padding: 0 12px;
}
.webakte-ui-nav {
gap: 5px;
padding: 13px 7px;
}
.webakte-ui-nav > strong {
height: 31px;
margin-bottom: 5px;
width: 31px;
}
.webakte-ui-nav span {
font-size: 9px;
padding: 5px;
}
.webakte-ui-content {
padding: 13px;
}
.webakte-ui-heading strong {
font-size: 13px;
}
.webakte-ui-upload {
margin-top: 10px;
padding: 9px;
}
.webakte-ui-item {
min-height: 53px;
}
.portal-caption {
font-size: 12px;
gap: 12px;
padding: 12px 13px;
}
.digital .portal-top {
display: none;
}
.digital .portal-row {
display: none;
}
.digital .portal-photo {
aspect-ratio: 16 / 8.7;
border-radius: 4px;
height: auto;
}
.portal-benefits-mobile {
display: none;
}
.portal-link-mobile {
color: var(--blue);
display: inline-block;
font-size: 15px;
font-weight: 800;
margin-top: 14px;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
.editorial-photo img {
height: 190px;
}
}