box-shadow:0 8px 28px rgba(16,31,95,.10)!important;
backdrop-filter:blur(18px);
}
.forum-site-header__brand{
color:var(--cb-blue)!important;
font-size:12px!important;
line-height:1.04!important;
font-weight:700!important;
letter-spacing:.025em!important;
}
.forum-site-header__nav a{color:#26324d!important}
.forum-site-header__nav a:hover{color:var(--cb-blue)!important}
.forum-site-header__cta,
.forum-nav-register{
background:var(--cb-pink)!important;
color:#fff!important;
border-color:var(--cb-pink)!important;
}
/* 1. HERO — poster composition */
.forum-hero{
min-height:min(960px,100svh)!important;
padding:98px 48px 56px!important;
background-color:#2d246f!important;
background-size:cover!important;
background-position:center 48%!important;
}
.forum-hero .fh-a-shape,
.forum-hero .fh-a-plane{display:none!important}
.forum-hero__inner{
width:min(1248px,100%)!important;
min-height:calc(min(960px,100svh) - 154px)!important;
margin:0 auto!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
}
.forum-hero__eyebrow{
margin:0 0 34px!important;
padding:0!important;
border:0!important;
background:none!important;
color:#fff!important;
font-size:18px!important;
line-height:1.25!important;
font-weight:650!important;
letter-spacing:.045em!important;
text-transform:uppercase!important;
}
.forum-hero h1{
width:min(960px,100%)!important;
margin:0!important;
color:#fff!important;
font-size:clamp(76px,8.1vw,124px)!important;
line-height:.79!important;
font-weight:800!important;
letter-spacing:-.06em!important;
text-transform:uppercase!important;
}
.forum-hero h1 span{display:block!important;white-space:nowrap!important}
.forum-hero__sub{
width:min(900px,100%)!important;
margin:38px 0 0!important;
color:#fff!important;
font-size:clamp(21px,1.75vw,28px)!important;
line-height:1.16!important;
font-weight:500!important;
letter-spacing:-.025em!important;
}
.forum-hero__bottom{
width:100%!important;
margin-top:auto!important;
padding-top:42px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:32px!important;
}
.forum-hero__facts{
max-width:760px!important;
padding:0!important;
border:0!important;
color:#fff!important;
font-size:17px!important;
line-height:1.35!important;
font-weight:700!important;
letter-spacing:.025em!important;
text-transform:uppercase!important;
}
.forum-hero__cta{
flex:0 0 auto!important;
min-height:58px!important;
padding:18px 28px!important;
background:var(--cb-pink)!important;
border-color:var(--cb-pink)!important;
color:#fff!important;
}
[aria-label="Связаться с организаторами"] button,
.forum-contact-button{
min-width:112px!important;
min-height:42px!important;
padding:10px 15px!important;
font-size:13px!important;
}
/* 2. Compact three-step sequence */
.fr-results{
padding:104px 0!important;
background:var(--cb-deep)!important;
color:#fff!important;
overflow:hidden!important;
}
.fr-results .fr-wrap{width:min(1248px,calc(100% - 96px))!important}
.fr-results__intro{
display:grid!important;
grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr)!important;
gap:72px!important;
align-items:end!important;
margin-bottom:54px!important;
}
.fr-results .fr-kicker,
.fr-results .fr-title,
.fr-results__intro>p{color:#fff!important}
.fr-results .fr-title{max-width:760px!important}
.fr-results__intro>p{
max-width:500px!important;
margin:0!important;
font-size:20px!important;
line-height:1.42!important;
}
.fr-results__list{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:12px!important;
align-items:stretch!important;
}
.fr-result{
position:relative!important;
min-height:340px!important;
padding:30px 30px 32px!important;
display:flex!important;
flex-direction:column!important;
border:1px solid rgba(255,255,255,.22)!important;
border-radius:0!important;
box-shadow:none!important;
transform:none!important;
overflow:hidden!important;
}
.fr-result:nth-child(1){background:#173d9f!important}
.fr-result:nth-child(2){background:#4f368d!important}
.fr-result:nth-child(3){background:#178c9f!important}
.fr-result:after{
content:"";
position:absolute;
right:-55px;
top:-55px;
width:150px;
height:150px;
border:1px solid rgba(255,255,255,.24);
transform:rotate(45deg);
}
.fr-result__num{
margin:0 0 auto!important;
color:rgba(255,255,255,.74)!important;
font-size:16px!important;
font-weight:750!important;
}
.fr-result h3{
max-width:320px!important;
margin:72px 0 18px!important;
color:#fff!important;
font-size:clamp(28px,2.15vw,36px)!important;
line-height:1.02!important;
}
.fr-result p{
max-width:360px!important;
margin:0!important;
color:rgba(255,255,255,.86)!important;
font-size:16px!important;
line-height:1.48!important;
}
/* 3. Seven-object system map */
.fr-system{
padding:104px 0 112px!important;
background:var(--cb-paper)!important;
}
.fr-system .fr-wrap{width:min(1248px,calc(100% - 96px))!important}
.fr-system__head{
display:grid!important;
grid-template-columns:minmax(0,1.15fr) minmax(320px,.7fr)!important;
gap:72px!important;
align-items:end!important;
margin-bottom:56px!important;
}
.fr-system-v{
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.fr-system-v__canvas.fr-mosaic{
position:relative!important;
min-height:720px!important;
background:
linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
linear-gradient(145deg,#102664 0%,#183fa4 58%,#563187 100%)!important;
background-size:40px 40px,40px 40px,auto!important;
border:0!important;
border-radius:2px!important;
overflow:hidden!important;
}
.fr-mosaic__links{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
z-index:1!important;
pointer-events:none!important;
}
.fr-mosaic__links path{
fill:none!important;
stroke:rgba(255,255,255,.38)!important;
stroke-width:1.2!important;
stroke-dasharray:0!important;
}
.fr-system-v__core{
position:absolute!important;
left:50%!important;
top:50%!important;
width:330px!important;
min-height:170px!important;
padding:28px 32px!important;
transform:translate(-50%,-50%)!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:center!important;
z-index:3!important;
background:rgba(255,255,255,.96)!important;
color:var(--cb-deep)!important;
border:0!important;
border-radius:0!important;
box-shadow:0 22px 54px rgba(4,13,47,.24)!important;
text-align:left!important;
}
.fr-system-v__core:after{
content:"";
position:absolute;
right:-22px;
bottom:-22px;
width:68px;
height:68px;
background:var(--cb-pink);
clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
.fr-system-v__core span{font-size:15px!important;letter-spacing:.03em!important;text-transform:uppercase!important}
.fr-system-v__core strong{margin-top:10px!important;font-size:27px!important;line-height:1.05!important}
.fr-system-v__core i{display:none!important}
.fr-mosaic .fr-object{
position:absolute!important;
width:270px!important;
min-height:138px!important;
padding:20px 22px!important;
z-index:2!important;
display:grid!important;
grid-template-columns:34px 1fr!important;
grid-template-rows:auto auto!important;
gap:8px 12px!important;
align-content:center!important;
text-align:left!important;
color:#fff!important;
background:rgba(255,255,255,.085)!important;
border:1px solid rgba(255,255,255,.25)!important;
border-radius:0!important;
box-shadow:none!important;
backdrop-filter:blur(10px)!important;
transform:none!important;
}
.fr-mosaic .fr-object:hover,
.fr-mosaic .fr-object:focus-visible{
background:rgba(255,255,255,.16)!important;
border-color:rgba(255,255,255,.58)!important;
outline:none!important;
}
.fr-mosaic .fr-object__glyph{display:none!important}
.fr-mosaic .fr-object__num{
grid-column:1!important;
grid-row:1 / span 2!important;
color:#8fd9df!important;
font-size:14px!important;
font-weight:800!important;
}
.fr-mosaic .fr-object__name{
grid-column:2!important;
color:#fff!important;
font-size:19px!important;
line-height:1.08!important;
}
.fr-mosaic .fr-object__desc{
grid-column:2!important;
color:rgba(255,255,255,.76)!important;
font-size:13px!important;
line-height:1.35!important;
}
.fr-object--1{left:4%!important;top:7%!important}
.fr-object--2{left:50%!important;top:4%!important;transform:translateX(-50%)!important}
.fr-object--3{right:4%!important;top:7%!important}
.fr-object--4{left:2.5%!important;top:41%!important}
.fr-object--5{right:2.5%!important;top:41%!important}
.fr-object--6{left:15%!important;bottom:6%!important}
.fr-object--7{right:15%!important;bottom:6%!important}
.fr-system-v__detail{
margin-top:18px!important;
padding:16px 20px!important;
display:flex!important;
gap:18px!important;
align-items:baseline!important;
background:#fff!important;
border:1px solid #dfe4ef!important;
color:#34405b!important;
}
.fr-system-v__detail strong{flex:0 0 auto!important;color:var(--cb-blue)!important}
/* 4. Formats — compact 3x2 */
.fr-sequence{
padding:104px 0 112px!important;
background:#fff!important;
}
.fr-sequence .fr-wrap{width:min(1248px,calc(100% - 96px))!important}
.fr-sequence__head{
display:grid!important;
grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr)!important;
gap:72px!important;
align-items:end!important;
margin-bottom:52px!important;
}
.fr-sequence__head>p{max-width:480px!important;margin:0!important;font-size:19px!important;line-height:1.45!important}
.fr-sequence__list{
counter-reset:format!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:14px!important;
margin:0!important;
padding:0!important;
list-style:none!important;
}
.fr-sequence__photo{display:none!important}
.fr-sequence__step{
counter-increment:format!important;
position:relative!important;
min-height:286px!important;
padding:62px 28px 30px!important;
display:flex!important;
flex-direction:column!important;
justify-content:flex-end!important;
border:1px solid rgba(16,31,95,.10)!important;
border-radius:0!important;
box-shadow:none!important;
transform:none!important;
overflow:hidden!important;
}
.fr-sequence__step:before{
content:counter(format,decimal-leading-zero)!important;
position:absolute!important;
left:28px!important;
top:24px!important;
color:var(--cb-blue)!important;
font-size:14px!important;
font-weight:800!important;
letter-spacing:.08em!important;
}
.fr-sequence__step:nth-child(1){background:#edf2ff!important}
.fr-sequence__step:nth-child(2){background:#f2effa!important}
.fr-sequence__step:nth-child(4){background:#e8f4f5!important}
.fr-sequence__step:nth-child(5){background:#f6f7fb!important}
.fr-sequence__step:nth-child(7){background:#e7edfb!important}
.fr-sequence__step h3{
margin:0 0 16px!important;
color:var(--cb-deep)!important;
font-size:clamp(25px,2vw,32px)!important;
line-height:1.05!important;
}
.fr-sequence__step p{
margin:0!important;
color:#3c4761!important;
font-size:15px!important;
line-height:1.48!important;
}
.fr-sequence__step--final{
background:
radial-gradient(circle at 88% 18%,rgba(243,47,104,.95),transparent 42%),
linear-gradient(145deg,#173ca2 0%,#71308f 100%)!important;
border-color:transparent!important;
}
.fr-sequence__step--final:before,
.fr-sequence__step--final h3,
.fr-sequence__step--final p{color:#fff!important}
.fr-sequence__step--final p{font-size:14px!important;line-height:1.42!important}
.fr-sequence__cta{margin-top:32px!important;color:var(--cb-blue)!important}
/* 5. Final CTA — HERO relative, light form */
.fr-final{
position:relative!important;
padding:112px 0!important;
background:
radial-gradient(circle at 12% 84%,rgba(243,47,104,.95),transparent 40%),
radial-gradient(circle at 88% 10%,rgba(113,48,143,.92),transparent 38%),
linear-gradient(135deg,#173ca2 0%,#20256d 54%,#71308f 100%)!important;
overflow:hidden!important;
}
.fr-final:before{
content:"";
position:absolute;
left:42%;
top:-38%;
width:420px;
height:420px;
border:1px solid rgba(255,255,255,.18);
transform:rotate(45deg);
}
.fr-final__grid{
position:relative!important;
z-index:1!important;
width:min(1248px,calc(100% - 96px))!important;
display:grid!important;
grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr)!important;
gap:72px!important;
align-items:start!important;
}
.fr-final__copy{padding:20px 0!important}
.fr-final .fr-kicker{display:none!important}
.fr-final__copy h2{
max-width:600px!important;
margin:0 0 26px!important;
color:#fff!important;
font-size:clamp(54px,5.2vw,82px)!important;
line-height:.94!important;
letter-spacing:-.045em!important;
}
.fr-final__copy p{
max-width:500px!important;
margin:0!important;
color:rgba(255,255,255,.86)!important;
font-size:20px!important;
line-height:1.45!important;
}
.fr-final .fr-form{
padding:34px!important;
background:rgba(250,251,253,.97)!important;
color:var(--cb-ink)!important;
border:0!important;
border-radius:2px!important;
box-shadow:0 24px 70px rgba(7,16,58,.28)!important;
}
.fr-final .fr-submit{
background:var(--cb-pink)!important;
border-color:var(--cb-pink)!important;
color:#fff!important;
}
@media(max-width:1100px){
.forum-site-header{padding:8px 24px 0!important}
.forum-hero{padding:94px 32px 44px!important}
.forum-hero__inner{min-height:calc(min(920px,100svh) - 138px)!important}
.forum-hero h1{font-size:clamp(68px,9.1vw,98px)!important}
.fr-results .fr-wrap,.fr-system .fr-wrap,.fr-sequence .fr-wrap,.fr-final__grid{width:min(100% - 64px,1248px)!important}
.fr-results__intro,.fr-system__head,.fr-sequence__head{gap:44px!important}
.fr-mosaic .fr-object{width:235px!important}
.fr-final__grid{grid-template-columns:minmax(0,.85fr) minmax(480px,1.15fr)!important;gap:44px!important}
}
@media(max-width:860px){
.forum-site-header{padding:6px 16px 0!important}
.forum-site-header__bar{min-height:56px!important;padding:0 16px!important}
.forum-site-header__brand{font-size:11px!important}
.forum-hero{min-height:840px!important;padding:88px 24px 36px!important}
.forum-hero__inner{min-height:716px!important}
.forum-hero h1{font-size:clamp(56px,10.6vw,82px)!important}
.forum-hero__sub{max-width:700px!important}
.forum-hero__bottom{align-items:flex-start!important}
.fr-results,.fr-system,.fr-sequence,.fr-final{padding:80px 0!important}
.fr-results .fr-wrap,.fr-system .fr-wrap,.fr-sequence .fr-wrap,.fr-final__grid{width:calc(100% - 48px)!important}
.fr-results__intro,.fr-system__head,.fr-sequence__head{grid-template-columns:1fr!important;gap:24px!important;margin-bottom:40px!important}
.fr-results__list{grid-template-columns:1fr!important}
.fr-result{min-height:270px!important}
.fr-result h3{margin-top:48px!important}
.fr-system-v__canvas.fr-mosaic{min-height:auto!important;padding:28px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.fr-mosaic__links{display:none!important}
.fr-system-v__core,.fr-mosaic .fr-object{position:relative!important;inset:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:auto!important;min-height:150px!important}
.fr-system-v__core{grid-column:1 / -1!important;left:auto!important;top:auto!important}
.fr-sequence__list{grid-template-columns:1fr 1fr!important}
.fr-final__grid{grid-template-columns:1fr!important;gap:42px!important}
.fr-final__copy h2{max-width:720px!important}
}
@media(max-width:640px){
.forum-site-header{padding:5px 10px 0!important}
.forum-site-header__bar{min-height:52px!important;padding:0 12px!important}
.forum-site-header__brand{font-size:10px!important}
.forum-hero{min-height:760px!important;padding:78px 20px 28px!important;background-position:46% center!important}
.forum-hero__inner{min-height:654px!important}
.forum-hero__eyebrow{margin-bottom:24px!important;font-size:12px!important;letter-spacing:.035em!important}
.forum-hero h1{font-size:clamp(38px,12vw,54px)!important;line-height:.82!important;letter-spacing:-.055em!important}
.forum-hero__sub{margin-top:28px!important;font-size:18px!important;line-height:1.2!important}
.forum-hero__bottom{margin-top:auto!important;padding-top:28px!important;flex-direction:column!important;gap:20px!important}
.forum-hero__facts{font-size:12px!important;line-height:1.45!important;letter-spacing:.02em!important}
.forum-hero__cta{width:100%!important;margin-bottom:50px!important;text-align:center!important}
[aria-label="Связаться с организаторами"]{right:12px!important;bottom:12px!important}
[aria-label="Связаться с организаторами"] button{min-width:96px!important;min-height:38px!important;font-size:12px!important}
.fr-results,.fr-system,.fr-sequence,.fr-final{padding:64px 0!important}
.fr-results .fr-wrap,.fr-system .fr-wrap,.fr-sequence .fr-wrap,.fr-final__grid{width:calc(100% - 40px)!important}
.fr-results__intro>p,.fr-sequence__head>p,.fr-final__copy p{font-size:17px!important}
.fr-result{min-height:250px!important;padding:24px!important}
.fr-result h3{margin:42px 0 14px!important;font-size:28px!important}
.fr-system-v__canvas.fr-mosaic{padding:16px!important;grid-template-columns:1fr!important}
.fr-system-v__core{grid-column:1!important;min-height:160px!important;padding:24px!important}
.fr-mosaic .fr-object{min-height:132px!important;padding:18px!important}
.fr-system-v__detail{display:block!important}
.fr-system-v__detail strong{display:block!important;margin-bottom:6px!important}
.fr-sequence__list{grid-template-columns:1fr!important}
.fr-sequence__step{min-height:245px!important}
.fr-final__grid{gap:34px!important}
.fr-final__copy{padding:0!important}
.fr-final__copy h2{font-size:44px!important}
.fr-final .fr-form{padding:22px!important}
.fr-final .fr-form__grid{grid-template-columns:1fr!important}
}