.training-page{--tr:#793cff;
--trl:#cbb5ff;
--line:rgba(203,181,255,.36);
--copy:#d7d1df;
background:#0b0b0d;
color:#fff;
overflow:hidden}
.training-page *{box-sizing:border-box}
.training-page p{color:var(--copy);
font:400 17px/1.6 "Inter Tight",Arial,sans-serif}
.training-page h2{margin:0;
font:600 clamp(40px,4.5vw,72px)/.98 "Inter Tight",Arial,sans-serif;
letter-spacing:-.05em}
.training-page .training-label{font:600 11px/1.4 "Inter Tight",Arial,sans-serif;
color:var(--trl);
letter-spacing:.08em}
.training-page .training-hero-intro{display:grid;
gap:15px}
.training-page .training-hero-intro p{margin:0}
.training-page .training-verification{display:inline-flex;
align-items:center;
gap:12px;
margin-top:22px;
padding:10px 13px;
border:1px solid rgba(192,165,255,.42);
background:linear-gradient(135deg,rgba(116,64,245,.24),rgba(14,12,19,.82));
font:600 13px/1.35 "Inter Tight",Arial,sans-serif}
.training-page .training-verification strong{color:#fff}
.training-page .training-verification span{padding-left:12px;
border-left:1px solid rgba(192,165,255,.34);
color:var(--trl)}
.training-page .training-partner-line{margin:10px 0 0!important;
font-size:14px!important}
.training-page .training-highlight{display:block;
margin-top:23px;
font:600 19px/1.4 "Inter Tight",Arial,sans-serif}
.training-page .knowledge-visual{position:relative;
min-height:450px;
border:1px solid var(--line);
background:radial-gradient(circle at 50% 50%,rgba(116,64,245,.34),transparent 28%),linear-gradient(145deg,#131017,#08090b);
overflow:hidden}
.training-page .knowledge-visual:before{content:"";
position:absolute;
inset:0;
background:linear-gradient(rgba(192,165,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(192,165,255,.09) 1px,transparent 1px);
background-size:42px 42px;
animation:knowledgeGridTravel 18s linear infinite}
.training-page .knowledge-visual:after{content:"";
position:absolute;
left:50%;
top:50%;
width:330px;
height:330px;
margin:-166px 0 0 -166px;
border:1px dashed rgba(192,165,255,.5);
border-radius:50%;
background:conic-gradient(from 25deg,transparent 0 73%,rgba(116,64,245,.7) 82%,#e7dcff 86%,transparent 91%);
mask:radial-gradient(circle,transparent 69%,#000 70% 72%,transparent 73%);
animation:knowledgeOrbit 20s linear infinite}
.training-page .knowledge-core{position:absolute;
z-index:3;
left:50%;
top:50%;
width:210px;
height:210px;
transform:translate(-50%,-50%);
display:grid;
place-content:center;
text-align:center;
border:1px solid var(--trl);
border-radius:50%;
background:linear-gradient(145deg,#21153d,#121016);
box-shadow:0 0 82px rgba(116,64,245,.45);
animation:knowledgeCoreBreath 5.8s ease-in-out infinite}
.training-page .knowledge-core b{font:650 32px/.95 "Inter Tight",Arial,sans-serif}
.training-page .knowledge-core small{color:var(--trl);
font:600 11px "Inter Tight",Arial,sans-serif}
.training-page .knowledge-core span{margin-top:7px;
font:500 16px/1.45 "Inter Tight",Arial,sans-serif}
.training-page .knowledge-people{position:absolute;
z-index:1;
inset:0;
pointer-events:none}
.training-page .knowledge-people i{position:absolute;
left:50%;
top:50%;
width:34%;
height:1px;
transform-origin:left center;
background:linear-gradient(90deg,rgba(192,165,255,.75),rgba(116,64,245,.12),transparent);
animation:knowledgeLink 4.8s ease-in-out infinite}
.training-page .knowledge-people i:nth-child(1){transform:rotate(0deg)}
.training-page .knowledge-people i:nth-child(2){transform:rotate(60deg);
animation-delay:-.8s}
.training-page .knowledge-people i:nth-child(3){transform:rotate(120deg);
animation-delay:-1.6s}
.training-page .knowledge-people i:nth-child(4){transform:rotate(180deg);
animation-delay:-2.4s}
.training-page .knowledge-people i:nth-child(5){transform:rotate(240deg);
animation-delay:-3.2s}
.training-page .knowledge-people i:nth-child(6){transform:rotate(300deg);
animation-delay:-4s}
.training-page .knowledge-nodes{position:absolute;
inset:25px;
margin:0;
padding:0;
list-style:none}
.training-page .knowledge-nodes span{position:absolute;
z-index:4;
padding:12px 15px;
border:1px solid rgba(192,165,255,.48);
background:linear-gradient(135deg,rgba(116,64,245,.34),rgba(12,11,15,.94) 72%);
box-shadow:0 8px 24px rgba(73,32,158,.18);
color:#f4efff;
font:650 13px "Inter Tight",Arial,sans-serif;
animation:knowledgeNodeFloat 6.4s ease-in-out infinite}
.training-page .knowledge-nodes span:nth-child(2n){border-color:rgba(225,211,255,.62);
background:linear-gradient(135deg,rgba(154,99,255,.42),rgba(12,11,15,.94) 72%)}
.training-page .knowledge-nodes span:nth-child(2){animation-delay:-1s}
.training-page .knowledge-nodes span:nth-child(3){animation-delay:-2s}
.training-page .knowledge-nodes span:nth-child(4){animation-delay:-3s}
.training-page .knowledge-nodes span:nth-child(5){animation-delay:-4s}
.training-page .knowledge-nodes span:nth-child(6){animation-delay:-5s}
.training-page .knowledge-nodes span:nth-child(1){left:5%;
top:7%}
.training-page .knowledge-nodes span:nth-child(2){right:5%;
top:7%}
.training-page .knowledge-nodes span:nth-child(3){left:2%;
top:43%}
.training-page .knowledge-nodes span:nth-child(4){right:2%;
top:43%}
.training-page .knowledge-nodes span:nth-child(5){left:10%;
bottom:7%}
.training-page .knowledge-nodes span:nth-child(6){right:10%;
bottom:7%}
.training-page .training-digest-nav{display:flex;
justify-content:center;
gap:26px;
flex-wrap:wrap;
padding:20px 5vw;
border-block:1px solid var(--line);
background:#100d15}
.training-page .training-digest-nav a{color:#e7defe;
text-decoration:none;
font:600 13px "Inter Tight",Arial,sans-serif}
.training-page .training-digest-section{padding:86px max(5vw,calc((100vw - 1440px)/2));
border-bottom:1px solid var(--line)}
.training-page .training-digest-heading{max-width:900px}
.training-page .training-digest-heading>span,.training-page .training-digest-final>span{display:block;
margin-bottom:18px;
color:var(--trl);
font:600 11px/1.4 "Inter Tight",Arial,sans-serif;
letter-spacing:.09em}
.training-page .training-digest-heading p{max-width:720px;
margin:22px 0 0}
.training-page .training-practice{background:radial-gradient(circle at 84% 14%,rgba(121,60,255,.4),transparent 34%),linear-gradient(145deg,#171126,#0d0c10 58%)}
.training-page .training-focus{display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
margin-top:42px}
.training-page .training-focus article{position:relative;
padding:23px;
border:1px solid var(--line);
background:linear-gradient(145deg,rgba(121,60,255,.3),#17131e 55%,#0e0d12);
overflow:hidden;
transition:transform .35s ease}
.training-page .training-focus article:after{content:"";
position:absolute;
left:20px;
right:20px;
bottom:0;
height:3px;
background:linear-gradient(90deg,var(--tr),transparent);
animation:trainingLine 3.8s ease-in-out infinite}
.training-page .training-focus article:hover{transform:translateY(-7px)}
.training-page .training-focus b{display:block;
margin:34px 0 10px;
font:600 26px "Inter Tight",Arial,sans-serif}
.training-page .training-focus span{color:#c9c1d0;
font-size:15px}
.training-page .training-mobility{display:grid;
grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);
gap:42px 7vw;
align-items:center;
background:radial-gradient(circle at 74% 38%,rgba(121,60,255,.34),transparent 34%),#111016}
.training-page .training-workshop{position:relative;
min-height:390px;
margin:0;
overflow:hidden;
border:1px solid var(--line);
box-shadow:0 24px 70px rgba(63,22,145,.3)}
.training-page .training-workshop:after{content:"";
position:absolute;
inset:0;
background:linear-gradient(18deg,rgba(8,6,12,.82),transparent 68%)}
.training-page .training-workshop img{display:block;
width:100%;
height:390px;
object-fit:cover;
object-position:center 44%;
animation:trainingImage 14s ease-in-out infinite alternate}
.training-page .training-workshop figcaption{position:absolute;
z-index:2;
left:24px;
right:24px;
bottom:21px;
color:#fff;
font:600 16px/1.4 "Inter Tight",Arial,sans-serif}
.training-page .mobility-route{display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
grid-column:1/-1;
margin-top:4px}
.training-page .mobility-route article{padding:22px;
border-top:2px solid var(--tr);
background:linear-gradient(145deg,rgba(121,60,255,.28),#18131f 58%,#100e14)}
.training-page .mobility-route small{color:var(--trl);
font:600 12px "Inter Tight",Arial,sans-serif}
.training-page .mobility-route strong{display:block;
margin:30px 0 10px;
font:600 26px "Inter Tight",Arial,sans-serif}
.training-page .mobility-route span{color:#c9c1d0;
font-size:15px;
line-height:1.4}
.training-page .training-oid{display:inline-block;
grid-column:1/-1;
margin:25px 0 0;
padding:11px 14px;
border:1px solid var(--line);
color:#eee7ff;
font:600 13px "Inter Tight",Arial,sans-serif}
.training-page .training-formats{background:radial-gradient(circle at 76% 15%,rgba(121,60,255,.38),transparent 34%),linear-gradient(145deg,#151023,#0d0c10 62%)}
.training-page .format-list{display:grid;
grid-template-columns:repeat(3,1fr);
gap:9px;
margin-top:38px}
.training-page .format-list span{padding:18px;
border:1px solid var(--line);
background:linear-gradient(135deg,rgba(121,60,255,.25),#18131f 56%,#110e15);
font:600 15px "Inter Tight",Arial,sans-serif}
.training-page .training-questions{background:radial-gradient(circle at 88% 18%,rgba(121,60,255,.26),transparent 34%),#111015}
.training-page .training-questions details{max-width:940px;
padding:22px 0;
border-top:1px solid var(--line)}
.training-page .training-questions details:first-of-type{margin-top:38px}
.training-page .training-questions summary{cursor:pointer;
font:600 21px "Inter Tight",Arial,sans-serif}
.training-page .training-questions p{max-width:720px;
margin:14px 0 0;
font-size:16px}
.training-page .training-digest-final{padding:96px max(5vw,calc((100vw - 1440px)/2));
background:linear-gradient(118deg,#5b21d1,#7e45fa 52%,#4d1ba9)}
.training-page .training-digest-final h2{max-width:850px}
.training-page .training-digest-final h2 em{font-style:normal;
color:#e9ddff}
.training-page .training-digest-final p{max-width:720px;
color:#fff}
@keyframes trainingLine{0%,100%{transform:scaleX(.18);
transform-origin:left;
opacity:.45}
50%{transform:scaleX(1);
opacity:1}
}
@keyframes trainingImage{to{transform:scale(1.045)}}
@keyframes knowledgeGridTravel{to{background-position:42px 42px}}
@keyframes knowledgeOrbit{to{transform:rotate(360deg)}}
@keyframes knowledgeCoreBreath{0%,100%{box-shadow:0 0 58px rgba(116,64,245,.32)}
50%{box-shadow:0 0 100px rgba(116,64,245,.6)}}
@keyframes knowledgeLink{0%,100%{opacity:.25;
width:22%}
50%{opacity:.9;
width:36%}}
@keyframes knowledgeNodeFloat{0%,100%{translate:0 -3px}
50%{translate:0 5px}}
@media(max-width:900px){.training-page .training-mobility,.training-page .training-focus,.training-page .mobility-route{grid-template-columns:1fr}
.training-page .format-list{grid-template-columns:1fr 1fr}
.training-page .training-digest-section{padding-top:68px;
padding-bottom:68px}
}
@media(max-width:650px){.training-page .knowledge-visual{min-height:390px}
.training-page .training-verification{align-items:flex-start;
flex-direction:column;
gap:5px}
.training-page .training-verification span{padding:0;
border:0}
.training-page .knowledge-core{width:170px;
height:170px}
.training-page .knowledge-core b{font-size:27px}
.training-page .knowledge-core span{font-size:13px}
.training-page .knowledge-nodes span{padding:9px 11px;
font-size:10px}
.training-page .knowledge-nodes span:nth-child(3),.training-page .knowledge-nodes span:nth-child(4){display:none}
.training-page .training-digest-nav{justify-content:flex-start;
gap:16px;
overflow-x:auto;
flex-wrap:nowrap}
.training-page .training-digest-section,.training-page .training-digest-final{padding:56px 6%}
.training-page .format-list{grid-template-columns:1fr}
.training-page .training-questions summary{font-size:19px}
}