html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
.adv-kt { background: #0a0a0d; color: var(--fg); margin-inline: calc(50% - 50vw); } .adv-kt-hero {
position: relative; overflow: hidden; box-sizing: border-box;
padding: clamp(8rem, 18vh, 11rem) clamp(1.25rem, 5vw, 3rem) clamp(3rem, 6vh, 4.5rem);
background: radial-gradient(130% 100% at 18% 15%, #150e22 0%, #0c0913 46%, #0a0a0d 100%);
margin-inline: calc(50% - 50vw);
}
.adv-kt-hero__bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.adv-kt-hero__glow {
position: absolute; left: 12%; top: -12%; border-radius: 50%; filter: blur(80px);
width: 50vw; height: 50vw; max-width: 620px; max-height: 620px;
background: radial-gradient(circle, rgba(123, 67, 196, .4), transparent 64%); opacity: .6;
}
.adv-kt-hero__stars {
position: absolute; inset: 0; opacity: .35;
background-image:
radial-gradient(1px 1px at 20% 25%, rgba(244, 243, 247, .7), transparent),
radial-gradient(1px 1px at 40% 70%, rgba(200, 162, 75, .55), transparent),
radial-gradient(1px 1px at 62% 35%, rgba(244, 243, 247, .5), transparent),
radial-gradient(1px 1px at 80% 65%, rgba(123, 67, 196, .6), transparent);
background-size: 640px 640px;
}
.adv-kt-hero__grid {
position: relative; z-index: 1;
max-width: calc(1280px + 4rem); margin: 0 auto;
display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .8fr);
align-items: center; gap: clamp(2.5rem, 5vw, 4.5rem);
}
.adv-kt-hero__h1 {
margin: 1rem 0 0; font-family: var(--font-head); font-weight: 800;
font-size: clamp(2.1rem, 4.2vw, 3.4rem); line-height: 1.1; letter-spacing: -.015em; color: var(--fg);
}
@media (max-width: 860px) { .adv-kt-hero__h1 { line-height: 1.15; } }
.adv-kt-hl {
background: linear-gradient(180deg, #e9cf94 0%, #c8a24b 55%, #b0883a 100%);
-webkit-background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent; color: var(--gold);
-webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.adv-kt-hero__lead {
margin: 1.1rem 0 0; max-width: 42ch;
font-family: var(--font-body); font-size: clamp(.98rem, 1.2vw, 1.1rem); line-height: 1.7; color: rgba(244, 243, 247, .74);
}  .adv-kt-hero__quick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin-top: clamp(1.8rem, 3vw, 2.4rem); }
.adv-kt-quick {
display: flex; align-items: center; gap: .75rem;
padding: .85rem 1.15rem; border-radius: 14px;
background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
border: 1px solid rgba(244, 243, 247, .14);
text-decoration: none; color: var(--fg);
transition: border-color .25s var(--ease), transform .2s var(--ease), background-color .25s var(--ease);
}
@media (hover: hover) {
.adv-kt-quick:hover { border-color: var(--brand-soft); background: rgba(123, 67, 196, .12); transform: translateY(-2px); }
}
.adv-kt-quick:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.adv-kt-quick__ico {
flex: 0 0 auto; display: flex; align-items: center; justify-content: center;
width: 38px; height: 38px; border-radius: 50%; color: var(--gold);
background: rgba(200, 162, 75, .12); border: 1px solid rgba(200, 162, 75, .3);
}
.adv-kt-quick__ico svg { width: 18px; height: 18px; }
.adv-kt-quick__txt { display: flex; flex-direction: column; gap: .1rem; line-height: 1.25; }
.adv-kt-quick__label { font-family: var(--font-body); font-size: .74rem; color: var(--muted); }
.adv-kt-quick__val { font-family: var(--font-head); font-weight: 700; font-size: .92rem; color: var(--fg); } .adv-kt-hero__stage { position: relative; display: flex; flex-direction: column; align-items: center; gap: 1.1rem; } .adv-kt-rating {
display: inline-flex; align-items: center; gap: .55rem;
padding: .6rem 1.1rem; border-radius: 999px;
background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
border: 1px solid rgba(244, 243, 247, .14);
font-family: var(--font-body); font-size: .85rem; color: var(--muted);
text-decoration: none;
transition: border-color .25s var(--ease), background-color .25s var(--ease), transform .2s var(--ease);
}
.adv-kt-rating__stars { color: var(--gold); font-size: .8rem; letter-spacing: .05em; }
.adv-kt-rating__txt strong { color: var(--fg); font-weight: 700; }
@media (hover: hover) {
.adv-kt-rating:hover { border-color: var(--brand-soft); background: rgba(123, 67, 196, .12); transform: translateY(-2px); }
}
.adv-kt-rating:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.adv-kt-card {
position: relative; width: 100%; max-width: 320px;
display: flex; flex-direction: column; align-items: center; text-align: center; gap: .3rem;
padding: 1.2rem 1.6rem 1.8rem;
border-radius: 22px; box-sizing: border-box;
background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .015));
border: 1px solid rgba(244, 243, 247, .12);
box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .7);
}
.adv-js .adv-kt-card { opacity: 0; transform: translateY(30px) scale(.95); filter: blur(10px); }
.adv-kt-hero__stage.is-in .adv-kt-card {
animation: adv-kt-card-in .8s var(--ease) .15s both;
}
@keyframes adv-kt-card-in { to { opacity: 1; transform: none; filter: none; } } .adv-kt-card__photo { display: flex; justify-content: center; }
.adv-kt-card__photo img {
display: block; width: auto; height: auto; max-width: 100%; max-height: clamp(160px, 22vw, 230px);
filter: drop-shadow(0 20px 30px rgba(0, 0, 0, .55));
-webkit-mask-image: radial-gradient(82% 74% at 50% 38%, #000 60%, transparent 100%);
mask-image: radial-gradient(82% 74% at 50% 38%, #000 60%, transparent 100%);
}
.adv-kt-card__name { margin: -.2rem 0 0; font-family: var(--font-head); font-weight: 800; font-size: 1.1rem; color: var(--fg); }
.adv-kt-card__role { margin: -.4rem 0 0; font-family: var(--font-body); font-size: .85rem; color: var(--muted); }
.adv-kt-card__status {
display: flex; align-items: center; gap: .5rem; margin: .35rem 0 0;
font-family: var(--font-body); font-size: .82rem; color: rgba(244, 243, 247, .78);
}
.adv-kt-card__dot {
position: relative;
flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #3ecf6a;
} @media (min-width: 861px) {
.adv-kt-card__dot::after {
content: "";
position: absolute; inset: 0;
border-radius: 50%;
background: rgba(62, 207, 106, .55);
animation: adv-kt-pulse 2.4s ease-out infinite;
}
}
@keyframes adv-kt-pulse {
0%   { transform: scale(1); opacity: .55; }
100% { transform: scale(3); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
.adv-kt-card__dot::after { animation: none; opacity: 0; }
.adv-js .adv-kt-card { opacity: 1; transform: none; filter: none; }
.adv-kt-hero__stage.is-in .adv-kt-card { animation: none; }
} .adv-kt-wrap { max-width: calc(1280px + 4rem); margin: 0 auto; padding: clamp(3.5rem, 8vw, 6rem) clamp(1.25rem, 5vw, 2rem) clamp(5rem, 10vw, 8rem); box-sizing: border-box; } .adv-kt-strip {
display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
gap: .5rem 1rem; margin: 0 0 clamp(3rem, 6vw, 4rem);
padding-bottom: clamp(2rem, 4vw, 2.6rem);
border-bottom: 1px solid rgba(244, 243, 247, .1);
font-family: var(--font-body); font-size: .88rem;
}
.adv-kt-strip__item { color: var(--muted); text-decoration: none; }
a.adv-kt-strip__item { transition: color .2s var(--ease); }
a.adv-kt-strip__item:hover, a.adv-kt-strip__item:focus-visible { color: var(--gold); }
.adv-kt-strip__sep { color: rgba(244, 243, 247, .25); } .adv-kt-map { max-width: calc(68rem + 2 * clamp(1.25rem, 5vw, 2rem)); margin: 0 auto; box-sizing: border-box;
padding: 0 clamp(1.25rem, 5vw, 2rem) clamp(4rem, 8vw, 6rem);
}
.adv-kt-map__frame {
position: relative; width: 100%; aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden;
border: 1px solid rgba(244, 243, 247, .14);
box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .7); filter: invert(90%) hue-rotate(180deg) brightness(.95) contrast(.9);
}
.adv-kt-map__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .adv-kt-formbox { max-width: 68rem; margin: 0 auto; }
.adv-kt-head { text-align: center; margin-bottom: clamp(2.8rem, 5.5vw, 3.6rem); }
.adv-kt-head .adv-badge { justify-content: center; }
.adv-kt-head__h2 {
margin: .9rem 0 0; font-family: var(--font-head); font-weight: 800;
font-size: clamp(1.7rem, 3.2vw, 2.4rem); line-height: 1.15; letter-spacing: -.01em; color: var(--fg);
}
@media (max-width: 860px) { .adv-kt-head__h2 { line-height: 1.22; } }
.adv-kt-head__lead { margin: .9rem 0 0; font-family: var(--font-body); color: var(--muted); } .adv-kt-fluentwrap .fluentform { display: block; } .adv-kt-fluentwrap fieldset {
display: flex; flex-direction: column;
gap: clamp(1.5rem, 3vw, 2rem);
} .adv-kt-fluentwrap .ff-el-input--label label {
display: block; margin-bottom: .5rem;
font-family: var(--font-head); font-weight: 700; font-size: .88rem; color: var(--fg);
}
.adv-kt-fluentwrap .ff-el-form-control {
box-sizing: border-box; width: 100%; padding: .85rem 1rem; border-radius: 12px;
background: rgba(255, 255, 255, .04); border: 1px solid rgba(244, 243, 247, .16);
color: var(--fg); font-family: var(--font-body); font-size: .95rem;
transition: border-color .2s var(--ease), background-color .2s var(--ease);
}
.adv-kt-fluentwrap textarea.ff-el-form-control { resize: vertical; min-height: 6rem; }
.adv-kt-fluentwrap select.ff-el-form-control { cursor: pointer; } .adv-kt-fluentwrap select.ff-el-form-control option { background-color: #15141c; color: var(--fg); }
.adv-kt-fluentwrap ::placeholder { color: rgba(244, 243, 247, .35); }
.adv-kt-fluentwrap .ff-el-form-control:focus {
outline: none; border-color: var(--gold); background: rgba(255, 255, 255, .06);
} .adv-kt-fluentwrap fieldset > .ff-el-group:first-of-type .ff-el-input--content {
display: flex; flex-wrap: wrap; gap: .9rem;
}
.adv-kt-fluentwrap fieldset > .ff-el-group:first-of-type .ff-el-form-check {
flex: 1 1 200px;
border-radius: 16px;
background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015));
border: 1px solid rgba(244, 243, 247, .14);
transition: border-color .25s var(--ease), background-color .25s var(--ease), transform .2s var(--ease);
}
@media (hover: hover) {
.adv-kt-fluentwrap fieldset > .ff-el-group:first-of-type .ff-el-form-check:hover { transform: translateY(-2px); border-color: rgba(200, 162, 75, .35); }
}
.adv-kt-fluentwrap fieldset > .ff-el-group:first-of-type .ff-el-form-check-label {
display: flex; align-items: center; gap: .8rem; width: 100%; cursor: pointer;
padding: 1.1rem 1.15rem;
}
.adv-kt-fluentwrap fieldset > .ff-el-group:first-of-type input[type="radio"] {
flex: 0 0 auto; width: 19px; height: 19px; accent-color: var(--gold); cursor: pointer;
}
.adv-kt-fluentwrap fieldset > .ff-el-group:first-of-type .ff-el-form-check-label span {
font-family: var(--font-head); font-weight: 700; font-size: .95rem; color: var(--fg);
}
.adv-kt-fluentwrap fieldset > .ff-el-group:first-of-type .ff-el-form-check:has(input:checked) {
border-color: transparent;
background: linear-gradient(180deg, rgba(200, 162, 75, .16), rgba(123, 67, 196, .1));
box-shadow: inset 0 0 0 1px rgba(200, 162, 75, .55);
}
.adv-kt-fluentwrap fieldset > .ff-el-group:first-of-type .ff-el-form-check-label:focus-within {
outline: 2px solid var(--gold); outline-offset: 2px; border-radius: 16px;
} .adv-kt-fluentwrap fieldset > .ff-el-group:not(:first-of-type):has(input[type="radio"]) .ff-el-input--content {
display: flex; flex-wrap: wrap; gap: .7rem;
}
.adv-kt-fluentwrap fieldset > .ff-el-group:not(:first-of-type):has(input[type="radio"]) .ff-el-form-check-label {
position: relative;
display: inline-flex; align-items: center; cursor: pointer;
padding: .7rem 1.1rem; border-radius: 12px;
background: rgba(255, 255, 255, .04); border: 1px solid rgba(244, 243, 247, .18);
font-family: var(--font-body); font-size: .88rem; color: var(--muted);
transition: border-color .2s var(--ease), color .2s var(--ease), background-color .2s var(--ease);
}
.adv-kt-fluentwrap fieldset > .ff-el-group:not(:first-of-type):has(input[type="radio"]) .ff-el-form-check-label input {
position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer;
}
.adv-kt-fluentwrap fieldset > .ff-el-group:not(:first-of-type):has(input[type="radio"]) .ff-el-form-check-label:has(input:checked) {
color: var(--fg); border-color: var(--brand-soft); background: rgba(123, 67, 196, .16);
}
.adv-kt-fluentwrap fieldset > .ff-el-group:not(:first-of-type):has(input[type="radio"]) .ff-el-form-check-label:focus-within {
outline: 2px solid var(--gold); outline-offset: 2px;
} .adv-kt-fluentwrap fieldset > .ff-el-group:has(input[type="checkbox"]) .ff-el-input--label { display: none; }
.adv-kt-fluentwrap .ff-el-form-check:has(input[type="checkbox"]) .ff-el-form-check-label {
display: flex; align-items: flex-start; gap: .7rem; cursor: pointer;
font-family: var(--font-body); font-size: .85rem; line-height: 1.55; color: var(--muted);
}
.adv-kt-fluentwrap input[type="checkbox"] {
flex: 0 0 auto; width: 18px; height: 18px; margin-top: .15rem;
accent-color: var(--gold); cursor: pointer;
}
.adv-kt-fluentwrap .ff-el-form-check-label a { color: var(--gold); text-decoration: underline; text-underline-offset: 2px; }
.adv-kt-fluentwrap .ff-el-form-check-label a:hover, .adv-kt-fluentwrap .ff-el-form-check-label a:focus-visible { color: #fff; } .adv-kt-fluentwrap .ff_submit_btn_wrapper { margin-top: .5rem; }
.adv-kt-fluentwrap .ff-btn-submit {
display: inline-flex; align-items: center; gap: .5rem;
padding: .9rem 1.6rem; border-radius: 10px; border: 1px solid transparent;
background: linear-gradient(180deg, #7b43c4, #602e9e); color: #fff;
font-family: var(--font-head); font-weight: 700; font-size: .95rem; cursor: pointer;
box-shadow: 0 14px 30px -16px rgba(96, 46, 158, .9);
transition: filter .25s, box-shadow .3s, transform .15s var(--ease);
}
@media (hover: hover) {
.adv-kt-fluentwrap .ff-btn-submit:hover { filter: brightness(1.08); box-shadow: 0 18px 40px -16px rgba(96, 46, 158, 1); }
}
.adv-kt-fluentwrap .ff-btn-submit:active { transform: scale(.97); } .adv-kt-fluentwrap .ff-message-success {
margin: 0 0 1.6rem; padding: 1rem 1.2rem; border-radius: 14px;
background: rgba(62, 207, 106, .1); border: 1px solid rgba(62, 207, 106, .35);
color: var(--fg); font-family: var(--font-body); font-size: .92rem; line-height: 1.6;
}
.adv-kt-fluentwrap .error, .adv-kt-fluentwrap .ff-errors-in-stack {
color: #ff8a80; font-family: var(--font-body); font-size: .82rem; margin-top: .35rem;
} @media (max-width: 860px) {
.adv-kt-hero { padding-top: clamp(6.5rem, 15vh, 8.5rem); }
.adv-kt-hero__grid { grid-template-columns: 1fr; text-align: center; }
.adv-kt-hero__lead { margin-inline: auto; }
.adv-kt-hero__stage { margin-top: 2.2rem; } .adv-kt-quick { flex-direction: column; align-items: center; text-align: center; gap: .5rem; padding: 1.1rem .9rem; }
.adv-kt-quick__txt { align-items: center; } .adv-kt-strip { flex-direction: column; justify-content: center; text-align: center; gap: .4rem; }
.adv-kt-strip__sep { display: none; }
}