@font-face{font-family:KiberGolos2026;
src:url('https://umosphera.ru/wp-content/uploads/fonts/golos-text-cyrillic-variable.woff2') format('woff2');
font-weight:100 900;
font-display:swap;
unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

@font-face{font-family:KiberGolos2026;
src:url('https://umosphera.ru/wp-content/uploads/fonts/golos-text-latin-variable.woff2') format('woff2');
font-weight:100 900;
font-display:swap}

@font-face{font-family:KiberUnbounded2026;
src:url('https://umosphera.ru/wp-content/uploads/fonts/unbounded-cyrillic-variable.woff2') format('woff2');
font-weight:200 900;
font-display:swap;
unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

@font-face{font-family:KiberUnbounded2026;
src:url('https://umosphera.ru/wp-content/uploads/fonts/unbounded-latin-variable.woff2') format('woff2');
font-weight:200 900;
font-display:swap}

#cyber-page{--blue:#1646ff;
--deep:#1034bd;
--ink:#14203b;
--muted:#66728a;
--paper:#f8faff;
--lime:#b6ef3c;
--orange:#ff793c;
--yellow:#ffd85b;
--line:#dbe2f1;
color:var(--ink);
background:var(--paper);
font:400 18px/1.6 KiberGolos2026,Arial,sans-serif;
overflow:clip;
isolation:isolate}

html:has(#cyber-page){scroll-behavior:smooth;
scroll-padding-top:100px}
#cyber-page *,#cyber-page *::before,#cyber-page *::after{box-sizing:border-box}
#cyber-page h1,#cyber-page h2,#cyber-page h3,#cyber-page p{margin:0}
#cyber-page h2{font-weight:650;
font-size:clamp(36px,4.4vw,62px);
line-height:1.11;
letter-spacing:-.05em}
#cyber-page h3{font-size:25px;
line-height:1.2;
letter-spacing:-.025em;
font-weight:650}
#cyber-page a{color:inherit;
text-decoration:none}
#cyber-page button,#cyber-page input{font:inherit}
#cyber-page button,#cyber-page a{-webkit-tap-highlight-color:transparent}
#cyber-page button{cursor:pointer}
#cyber-page button:disabled{cursor:default}
#cyber-page ::selection{background:var(--lime);
color:var(--ink)}
#cyber-page :focus-visible{outline:3px solid var(--orange);
outline-offset:5px}
#cyber-page .wrap{width:min(1280px,calc(100% - 96px));
margin-inline:auto}
#cyber-page .section{padding-block:110px}
#cyber-page .blue{color:var(--blue)}
#cyber-page .eyebrow{font-size:15px;
font-weight:600;
letter-spacing:.13em;
text-transform:uppercase;
line-height:1.6;
margin-bottom:23px}
#cyber-page .lead{font-size:21px;
line-height:1.55;
letter-spacing:-.025em}
#cyber-page .button{display:inline-flex;
align-items:center;
justify-content:center;
gap:30px;
min-height:58px;
border:1px solid transparent;
padding:15px 25px;
border-radius:13px;
font-size:18px;
font-weight:600;
line-height:1.35;
transition:transform .25s,box-shadow .25s,background .25s;
white-space:normal}
#cyber-page .button>span{font-size:23px;
line-height:1;
font-weight:400}
#cyber-page .button:hover{transform:translateY(-3px);
box-shadow:0 9px 22px #1646ff20}
#cyber-page .button-blue{background:var(--blue);
color:white}
#cyber-page .button-blue:hover{background:var(--deep)}
#cyber-page .button-lime{background:var(--lime);
color:var(--ink)}
#cyber-page .button-outline{border-color:var(--line);
background:transparent}
#cyber-page .button-small{min-height:43px;
font-size:16px;
gap:18px;
padding:10px 18px;
border-radius:10px}
#cyber-page .text-link{font-size:17px;
font-weight:550;
display:inline-flex;
align-items:center;
gap:20px;
border-bottom:1px solid var(--line);
padding-bottom:5px}
#cyber-page .text-link>span{color:var(--blue);
font-size:20px}
#cyber-page .skip-link{position:absolute;
left:20px;
top:-70px;
z-index:100;
background:white;
padding:10px}
#cyber-page .skip-link:focus{top:15px}

#cyber-page .hero{position:relative;
display:grid;
grid-template-columns:1.05fr 1fr;
gap:25px;
padding-top:50px;
padding-bottom:78px}
#cyber-page .hero-copy{position:relative;
z-index:2}
#cyber-page .hero .eyebrow{font-size:14px;
letter-spacing:.09em;
display:flex;
align-items:center;
gap:8px;
margin-bottom:20px;
white-space:normal}
#cyber-page .status-dot{width:6px;
height:6px;
background:var(--blue);
border-radius:2px;
flex:none}
#cyber-page h1{font-family:KiberUnbounded2026,Arial,sans-serif;
color:var(--blue);
font-size:clamp(68px,7.5vw,108px);
font-weight:850;
line-height:.99;
letter-spacing:-.075em;
max-width:100%;
padding-bottom:25px}
#cyber-page h1>span{display:block;
position:relative}
#cyber-page .title-pixels{display:inline-block;
width:38px;
height:43px;
position:absolute;
margin-left:15px;
bottom:13px}
#cyber-page .title-pixels i{position:absolute;
width:13px;
height:13px;
background:var(--blue);
border-radius:2px}
#cyber-page .title-pixels i:nth-child(1){left:0;
bottom:0}
#cyber-page .title-pixels i:nth-child(2){left:15px;
bottom:15px}
#cyber-page .title-pixels i:nth-child(3){left:28px;
bottom:29px;
width:9px;
height:9px;
background:var(--orange)}
#cyber-page .title-pixels i:nth-child(4){left:1px;
bottom:31px;
width:7px;
height:7px;
background:var(--lime)}
#cyber-page .hero-promise{font-size:29px;
letter-spacing:-.04em;
line-height:1.22;
margin-bottom:18px;
font-weight:450}
#cyber-page .hero-promise strong{font-weight:650}
#cyber-page .hero-description{font-size:18px;
color:var(--muted);
line-height:1.6;
margin-bottom:25px;
max-width:450px}
#cyber-page .hero-facts{display:flex;
gap:23px;
align-items:center;
margin-bottom:26px;
font-size:15px;
color:var(--muted)}
#cyber-page .hero-facts>span+span{border-left:1px solid var(--line);
padding-left:23px}
#cyber-page .hero-facts b{color:var(--ink);
font-size:22px;
font-weight:650;
margin-right:5px}
#cyber-page .hero-actions{display:flex;
align-items:center;
gap:25px}
#cyber-page .hero-actions .button{min-height:55px;
gap:24px}
#cyber-page .hero-actions .text-link{font-size:15px;
gap:10px}
#cyber-page .hero-note{font-size:13px;
color:var(--muted);
margin-top:16px}
#cyber-page .hero-art{position:relative;
min-width:0;
margin-top:18px;
align-self:stretch;
min-height:505px}
#cyber-page .stage-grid{position:absolute;
inset:18% -2% 18% 0;
border-radius:50%;
background-image:radial-gradient(#abbfea 1px,transparent 1px);
background-size:22px 22px;
mask-image:radial-gradient(ellipse at center,#000 30%,transparent 68%);
opacity:.65}
#cyber-page .cube-stage{display:block;
position:absolute;
inset:0;
width:100%;
height:100%;
padding:0;
border:0;
background:transparent;
z-index:3;
border-radius:40px;
cursor:pointer;
touch-action:pan-y}
#cyber-page .cube-stage canvas{width:100%;
height:100%;
display:block}
#cyber-page .cube-fallback{display:block;
position:absolute;
left:28%;
top:23%;
font-size:240px;
line-height:1;
color:var(--blue);
text-shadow:18px 20px 0 #b6ef3c;
transform:rotate(-15deg)}
#cyber-page .cube-stage.canvas-ready .cube-fallback{display:none}
#cyber-page .stage-floor{position:absolute;
inset:65% 12% 17%;
background:radial-gradient(ellipse,#233b7920,transparent 65%);
transform:rotate(-10deg)}
#cyber-page .orbit-label{position:absolute;
z-index:4;
pointer-events:none;
font-size:16px;
letter-spacing:-.04em;
font-weight:600}
#cyber-page .label-code{top:18%;
right:1%;
padding:8px 14px;
border:1px solid #cad6ff;
background:#f8faffc9;
border-radius:9px;
color:var(--blue);
transform:rotate(8deg)}
#cyber-page .label-think{top:46%;
left:0;
padding:9px 13px;
background:var(--lime);
border-radius:9px;
transform:rotate(-9deg)}
#cyber-page .label-think span{margin-left:20px}
#cyber-page .art-caption{position:absolute;
bottom:55px;
left:34px;
display:flex;
gap:12px;
align-items:center;
font-size:13px;
line-height:1.5;
color:var(--muted);
z-index:4;
pointer-events:none}
#cyber-page .mini-pixel{width:26px;
height:26px;
background:var(--orange);
border-radius:4px;
transform:rotate(12deg);
box-shadow:8px -8px 0 -4px var(--yellow)}
#cyber-page .cube-controls{position:absolute;
bottom:0;
left:34px;
right:0;
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
color:var(--muted);
font-size:13px;
z-index:6}
#cyber-page .cube-controls button{width:32px;
height:32px;
background:white;
border:1px solid var(--line);
border-radius:50%;
font-size:12px;
color:var(--muted)}
#cyber-page .scroll-cue{position:absolute;
bottom:24px;
left:0;
font-size:13px;
display:flex;
gap:10px;
align-items:center;
color:var(--muted)}
#cyber-page .scroll-cue>span{color:var(--blue);
font-size:20px}

#cyber-page .recognition{background:var(--blue);
color:white}
#cyber-page .recognition-inner{display:flex;
align-items:center;
gap:28px;
padding-block:28px}
#cyber-page .registry-icon{font-size:54px;
color:var(--lime);
flex-shrink:0;
line-height:1}
#cyber-page .recognition .eyebrow{font-size:13px;
color:#c6d3ff;
margin-bottom:6px}
#cyber-page .recognition h2{font-size:24px;
line-height:1.3;
letter-spacing:-.025em}
#cyber-page .recognition p:last-child{font-size:15px;
color:#d3deff;
margin-top:6px}
#cyber-page .registry-link{margin-left:auto;
font-size:26px;
border:1px solid #ffffff40;
width:46px;
height:46px;
display:grid;
place-items:center;
border-radius:50%;
flex-shrink:0}
#cyber-page .registry-link:hover{background:#fff2}

#cyber-page .about{display:grid;
grid-template-columns:1fr 1fr;
gap:110px}
#cyber-page .section-intro .lead{margin-top:30px;
max-width:430px}
#cyber-page .benefits{padding-top:20px}
#cyber-page .benefit{display:flex;
gap:23px;
border-bottom:1px solid var(--line);
padding:27px 0}
#cyber-page .benefit:first-child{padding-top:0}
#cyber-page .benefit:last-child{border-bottom:0}
#cyber-page .benefit h3{font-size:24px;
margin-bottom:11px}
#cyber-page .benefit p{font-size:18px;
color:var(--muted);
max-width:360px}
#cyber-page .benefit-symbol{flex:none;
display:grid;
place-items:center;
width:55px;
height:55px;
font-size:24px;
border-radius:14px;
box-shadow:inset 0 -3px 0 #0000000b;
transform:rotate(-5deg)}
#cyber-page .lime{background:#d5f597;
color:#356500}
#cyber-page .orange{background:#ffe1c9;
color:#d74d08}
#cyber-page .yellow{background:#fff0b9;
color:#9c7000}

#cyber-page .lab-shell{background:var(--blue);
color:white;
border-radius:28px;
padding:55px 52px 25px;
overflow:hidden;
position:relative}
#cyber-page .lab-shell::before{content:'';
position:absolute;
right:-100px;
top:-120px;
width:360px;
height:360px;
border:1px solid #fff2;
border-radius:50%;
box-shadow:0 0 0 50px #ffffff03,0 0 0 100px #ffffff03;
pointer-events:none}
#cyber-page .lab-heading{position:relative}
#cyber-page .lab-heading .eyebrow{color:#cdd8ff;
font-size:14px}
#cyber-page .lab-heading h2{font-size:48px;
letter-spacing:-.045em}
#cyber-page .lab-heading>p:last-child{font-size:18px;
color:#d5deff;
margin-top:18px}
#cyber-page .lab-tabs{display:flex;
gap:8px;
margin-top:32px;
padding-bottom:24px;
border-bottom:1px solid #ffffff40;
position:relative}
#cyber-page .lab-tabs button{border:1px solid #ffffff35;
color:#f4f7ff;
background:#ffffff09;
border-radius:10px;
padding:11px 17px;
font-size:15px;
display:flex;
align-items:center;
justify-content:center;
gap:9px;
transition:background .2s,color .2s}
#cyber-page .lab-tabs button>span{font-size:20px;
line-height:1}
#cyber-page .lab-tabs button[aria-selected=true]{background:var(--lime);
border-color:var(--lime);
color:var(--ink)}
#cyber-page .lab-tabs button:hover{background:#fff3}
#cyber-page .lab-tabs button[aria-selected=true]:hover{background:#c7fa6c}
#cyber-page .lab-panel{display:grid;
grid-template-columns:1fr 1.1fr;
gap:70px;
padding:35px 0 20px;
align-items:center;
position:relative}
#cyber-page .lab-index{display:block;
font-size:13px;
letter-spacing:.12em;
color:#bdcfff;
margin-bottom:15px}
#cyber-page .lab-info h3{font-size:33px;
line-height:1.16;
letter-spacing:-.035em;
margin-bottom:20px}
#cyber-page .lab-info p{font-size:18px;
color:#d5deff}
#cyber-page .lab-material-link{display:inline-flex;
gap:22px;
align-items:center;
border-bottom:1px solid #ffffff50;
font-size:15px;
padding-bottom:5px;
margin-top:28px}
#cyber-page .try-card{background:#f8faff;
color:var(--ink);
border-radius:20px;
padding:24px 28px;
min-height:300px;
box-shadow:0 10px 0 #ffffff14}
#cyber-page .try-label{font-size:13px;
text-transform:uppercase;
letter-spacing:.09em;
color:var(--muted)}
#cyber-page .task-visual{display:flex;
align-items:center;
gap:12px;
height:72px;
margin-top:3px}
#cyber-page .pattern-square{display:block;
width:22px;
height:22px;
border-radius:4px;
background:var(--blue)}
#cyber-page .pattern-square:nth-child(2){width:31px;
height:31px;
background:var(--lime);
transform:rotate(-10deg)}
#cyber-page .pattern-square:nth-child(3){width:42px;
height:42px;
background:var(--orange);
transform:rotate(8deg)}
#cyber-page .pattern-question{font-family:KiberUnbounded2026,sans-serif;
font-size:36px;
line-height:1;
color:var(--blue);
margin-left:6px}
#cyber-page .task-visual.topic-ai::before{content:'✦';
color:var(--blue);
font-size:52px;
line-height:1}
#cyber-page .task-visual.topic-media::before{content:'ФАКТ / ФЕЙК';
font-size:17px;
background:#dce5ff;
color:var(--blue);
padding:8px 15px;
border-radius:8px;
font-weight:700}
#cyber-page .task-visual.topic-security::before{content:'● ● ● ● ● ●';
color:var(--blue);
font-size:24px;
letter-spacing:5px}
#cyber-page #task-question{font-size:18px;
line-height:1.5;
font-weight:500}
#cyber-page .task-answers{display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:18px}
#cyber-page .task-answers button{background:white;
border:1px solid var(--line);
border-radius:9px;
padding:8px 14px;
min-height:39px;
min-width:67px;
font-size:15px;
flex:1;
transition:background .2s,border-color .2s}
#cyber-page .task-answers button:hover{border-color:var(--blue);
background:#eef2ff}
#cyber-page .task-answers button.correct{background:#def5b5;
border-color:#8ab940;
color:#356500}
#cyber-page .task-answers button.incorrect{background:#ffede3;
border-color:#ffb27c}
#cyber-page .task-feedback{font-size:14px;
line-height:1.45;
min-height:17px;
margin-top:10px;
color:var(--muted)}
#cyber-page .task-reset{border:0;
padding:0;
background:none;
font-size:14px;
color:var(--blue);
margin-top:7px;
text-decoration:underline;
text-underline-offset:4px}
#cyber-page .lab-disclaimer{font-size:13px;
color:#c9d5ff;
border-top:1px solid #ffffff26;
padding-top:16px;
margin-top:12px}

#cyber-page .team-heading{max-width:770px}
#cyber-page .team-heading .lead{max-width:650px;
margin-top:25px}
#cyber-page .team-people{display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
margin-top:46px}
#cyber-page .person-tile{position:relative;
min-height:235px;
border:1px solid var(--line);
border-radius:18px;
padding:22px 24px;
transition:transform .35s;
background:var(--tile-bg)}
#cyber-page .person-tile:hover{transform:translateY(-7px)}
#cyber-page .person-lime{--tile-bg:#f0f7e4;
--tile-color:#a9de32}
#cyber-page .person-blue{--tile-bg:#eef2ff;
--tile-color:#3563ff}
#cyber-page .person-orange{--tile-bg:#fff1e9;
--tile-color:#ff8b54}
#cyber-page .person-yellow{--tile-bg:#fff8e7;
--tile-color:#ffd45a}
#cyber-page .person-voxel{width:66px;
height:66px;
display:grid;
place-items:center;
background:var(--tile-color);
border:1px solid #ffffff50;
border-radius:14px;
font-size:27px;
transform:perspective(300px) rotateX(15deg) rotateY(-20deg) rotateZ(-6deg);
box-shadow:7px 7px 0 #0000000d,0 10px 17px #0000000c;
margin-bottom:28px;
transition:transform .5s}
#cyber-page .person-tile:hover .person-voxel{transform:perspective(300px) rotateX(-10deg) rotateY(20deg) rotateZ(4deg)}
#cyber-page .person-tile h3{font-size:22px;
margin-bottom:8px}
#cyber-page .person-tile p{font-size:16px;
line-height:1.5;
color:var(--muted)}
#cyber-page .team-clarify{font-size:14px;
color:var(--muted);
margin-top:15px}
#cyber-page .team-start{margin-top:34px;
display:flex;
justify-content:space-between;
align-items:center;
gap:25px;
border-top:1px solid var(--line);
padding-top:30px}
#cyber-page .team-start h3{font-size:23px;
margin-bottom:10px}
#cyber-page .team-start p{font-size:17px;
color:var(--muted)}

#cyber-page .calendar-section{background:#edf2ff;
border-top:1px solid #e2eaff;
border-bottom:1px solid #e2eaff}
#cyber-page .calendar-head{display:flex;
gap:40px;
justify-content:space-between;
align-items:flex-end}
#cyber-page .calendar-head>p{font-size:18px;
color:var(--muted);
padding-bottom:8px;
line-height:1.6}
#cyber-page .timeline{display:grid;
grid-template-columns:repeat(3,1fr);
gap:60px;
margin-top:65px;
position:relative}
#cyber-page .timeline::before{content:'';
position:absolute;
left:0;
right:0;
top:8px;
height:2px;
background:linear-gradient(90deg,var(--blue),#c0cfec)}
#cyber-page .timeline-item{position:relative;
padding-top:43px}
#cyber-page .timeline-point{position:absolute;
top:0;
left:0;
width:18px;
height:18px;
display:block;
background:var(--blue);
border:4px solid #edf2ff;
outline:1px solid var(--blue);
border-radius:5px;
transform:rotate(45deg);
transition:box-shadow .5s}
#cyber-page .timeline-item:nth-child(2) .timeline-point{background:var(--orange);
outline-color:var(--orange)}
#cyber-page .timeline-item:nth-child(3) .timeline-point{background:var(--lime);
outline-color:#81ac28}
#cyber-page .timeline-item.is-visible .timeline-point{box-shadow:0 0 0 6px #1646ff0b}
#cyber-page .timeline-type{font-size:14px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.075em;
color:var(--muted);
margin-bottom:10px}
#cyber-page .timeline-item h3{font-size:30px;
letter-spacing:-.05em;
margin-bottom:16px}
#cyber-page .timeline-item>p:nth-last-of-type(1){font-size:17px;
color:var(--muted);
line-height:1.65;
max-width:310px}
#cyber-page .timeline-chip{display:inline-block;
font-size:13px;
background:white;
border:1px solid var(--line);
padding:5px 12px;
border-radius:30px;
margin-top:22px}
#cyber-page .calendar-note{font-size:13px;
color:var(--muted);
margin-top:35px}

#cyber-page .materials{position:relative}
#cyber-page #pixel-trail{position:fixed;
inset:0;
width:100vw;
height:100vh;
pointer-events:none;
z-index:35}
#cyber-page .materials-heading{display:grid;
grid-template-columns:1.1fr 1fr;
gap:80px;
align-items:center;
position:relative;
z-index:5}
#cyber-page .materials-copy .lead{margin-bottom:15px}
#cyber-page .materials-copy>p:nth-child(2){font-size:18px;
color:var(--muted);
max-width:370px}
#cyber-page .download-hint{display:flex;
align-items:center;
gap:13px;
font-size:14px;
margin-top:28px;
color:var(--muted)}
#cyber-page .download-hint>span{font-size:25px;
color:var(--blue)}
#cyber-page .material-grid{display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
margin-top:55px;
position:relative;
z-index:5}
#cyber-page .material-card{display:flex;
flex-direction:column;
min-width:0;
border:1px solid var(--line);
border-radius:17px;
background:var(--paper);
padding:18px;
transition:box-shadow .3s,transform .3s,border-color .3s;
overflow:hidden;
--accent:var(--blue);
--surface:#e5ecff}
#cyber-page .material-card:hover{transform:translateY(-6px);
box-shadow:0 16px 30px #19366412;
border-color:var(--accent)}
#cyber-page .material-lime{--accent:#79a315;
--surface:#e3f6ba}
#cyber-page .material-blue{--accent:var(--blue);
--surface:#dfe7ff}
#cyber-page .material-yellow{--accent:#be890b;
--surface:#fff0bc}
#cyber-page .material-orange{--accent:#ef6830;
--surface:#ffe2d1}
#cyber-page .paper-art{height:165px;
background:var(--surface);
border-radius:9px;
margin-bottom:22px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
position:relative;
perspective:500px;
overflow:hidden;
flex:none}
#cyber-page .paper-art::before{content:'';
position:absolute;
inset:22px 37px -12px;
background:#ffffffc9;
border-radius:4px;
transform:rotate(-8deg);
box-shadow:8px 8px 0 #00000008;
transition:transform .5s}
#cyber-page .material-card:hover .paper-art::before{transform:rotate(4deg) translateY(-5px)}
#cyber-page .paper-tab{font-size:8px;
letter-spacing:.08em;
position:relative;
color:var(--accent);
z-index:2}
#cyber-page .paper-glyph{font-size:47px;
line-height:1.3;
color:var(--accent);
position:relative;
z-index:2}
#cyber-page .paper-art i{display:block;
width:70px;
height:3px;
background:var(--accent);
opacity:.18;
position:relative;
margin:3px;
z-index:2}
#cyber-page .paper-art i:last-child{width:50px}
#cyber-page .material-meta{display:flex;
align-items:center;
justify-content:space-between;
gap:5px;
font-size:13px;
color:var(--muted);
margin-bottom:12px;
flex-wrap:wrap;
overflow-wrap:anywhere}
#cyber-page .material-meta>span:last-child{color:var(--accent);
white-space:nowrap}
#cyber-page .material-card h3{font-size:22px;
min-height:54px;
margin-bottom:12px}
#cyber-page .material-card>p{font-size:16px;
color:var(--muted);
min-height:59px;
line-height:1.55;
flex:1}
#cyber-page .material-year{display:block;
font-size:12px;
color:var(--muted);
margin-top:18px;
border-top:1px solid var(--line);
padding-top:12px}
#cyber-page .regulations{position:relative;
z-index:5;
display:flex;
align-items:center;
gap:22px;
margin-top:32px;
padding:25px 0;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
background:var(--paper)}
#cyber-page .regulations-icon{font-size:25px;
display:grid;
place-items:center;
width:47px;
height:55px;
border:1px solid var(--line);
border-radius:5px;
color:var(--blue);
flex:none}
#cyber-page .regulations h3{font-size:20px;
margin-bottom:5px}
#cyber-page .regulations p{max-width:550px;
font-size:15px;
color:var(--muted)}
#cyber-page .regulations>a{margin-left:auto;
flex:none}

#cyber-page .registry-section{background:#f0f5ed}
#cyber-page .registry-content{display:grid;
grid-template-columns:1fr 1.2fr;
gap:75px;
align-items:center;
padding-block:70px}
#cyber-page .registry-illustration{position:relative;
min-height:390px;
display:flex;
align-items:center;
justify-content:center}
#cyber-page .registry-illustration img{width:100%;
height:auto;
filter:drop-shadow(0 18px 20px #233a4c10)}
#cyber-page .registry-stamp{position:absolute;
bottom:0;
left:12%;
padding:12px 18px;
border:1px solid #cfdacb;
border-radius:12px;
background:#f8faffdb;
font-size:13px;
line-height:1.4;
display:flex;
gap:13px;
align-items:center;
transform:rotate(-6deg)}
#cyber-page .registry-stamp>span{font-size:31px;
color:var(--blue)}
#cyber-page .registry-copy h2{font-size:43px;
line-height:1.16}
#cyber-page .registry-copy .lead{font-size:19px;
margin-top:25px}
#cyber-page .registry-copy .registry-info{font-size:17px;
color:var(--muted);
margin-top:18px}
#cyber-page .registry-explanation{font-size:14px;
line-height:1.6;
color:var(--muted);
margin-top:20px;
padding-left:15px;
border-left:2px solid #acc49b}
#cyber-page .registry-copy .text-link{margin-top:22px;
font-size:15px}

#cyber-page .faq{display:grid;
grid-template-columns:.8fr 1.2fr;
gap:80px}
#cyber-page .faq-heading h2{font-size:48px}
#cyber-page .faq-heading>p:last-child{margin-top:25px;
color:var(--muted);
font-size:18px}
#cyber-page .faq-list details{border-bottom:1px solid var(--line)}
#cyber-page .faq-list details:first-child{border-top:1px solid var(--line)}
#cyber-page .faq-list summary{display:flex;
justify-content:space-between;
align-items:center;
gap:30px;
list-style:none;
cursor:pointer;
padding:23px 0;
font-size:18px;
line-height:1.4;
font-weight:550}
#cyber-page .faq-list summary::-webkit-details-marker{display:none}
#cyber-page .faq-list summary>span{color:var(--blue);
font-size:24px;
font-weight:400;
transition:transform .3s}
#cyber-page .faq-list details[open] summary>span{transform:rotate(45deg)}
#cyber-page .faq-list details>p{font-size:17px;
color:var(--muted);
padding:0 35px 25px 0;
line-height:1.65}

#cyber-page .final-section{padding-bottom:45px}
#cyber-page .final-cta{position:relative;
overflow:hidden;
background:var(--blue);
border-radius:28px;
color:white;
padding:65px 60px}
#cyber-page .final-cta .eyebrow{font-size:14px;
color:#ccd9ff}
#cyber-page .final-cta h2{font-size:63px;
letter-spacing:-.05em;
position:relative;
z-index:2}
#cyber-page .final-cta h2>span{color:var(--lime)}
#cyber-page .final-cta>p:not(.eyebrow){font-size:18px;
line-height:1.5;
color:#d6e0ff;
margin-top:22px;
position:relative;
z-index:2}
#cyber-page .final-cta .button{margin-top:32px;
position:relative;
z-index:2}
#cyber-page .final-note{display:block;
font-size:13px;
color:#c3d3ff;
margin-top:17px;
position:relative;
z-index:2}
#cyber-page .final-pixels{position:absolute;
right:75px;
top:90px;
width:235px;
height:265px;
transform:rotate(-12deg)}
#cyber-page .final-pixels i{display:block;
position:absolute;
width:63px;
height:63px;
background:var(--lime);
border:1px solid #ffffff30;
border-radius:8px;
box-shadow:8px 9px 0 #00000015;
animation:pixel-float 6s ease-in-out infinite;
animation-delay:calc(var(--i)*-.7s)}
#cyber-page .final-pixels i:nth-child(1){left:0;
top:130px;
--i:1}
#cyber-page .final-pixels i:nth-child(2){left:70px;
top:130px;
--i:2}
#cyber-page .final-pixels i:nth-child(3){left:70px;
top:60px;
--i:3}
#cyber-page .final-pixels i:nth-child(4){left:140px;
top:60px;
--i:4}
#cyber-page .final-pixels i:nth-child(5){left:140px;
top:-10px;
background:var(--orange);
--i:5}
#cyber-page .final-pixels i:nth-child(6){left:210px;
top:-75px;
width:38px;
height:38px;
background:var(--yellow);
--i:6}
#cyber-page .final-pixels i:nth-child(7){left:-70px;
top:225px;
width:24px;
height:24px;
background:var(--yellow);
--i:7}
#cyber-page .final-pixels i:nth-child(8){left:200px;
top:205px;
width:18px;
height:18px;
--i:8}

#cyber-page dialog{color:var(--ink);
background:var(--paper);
border:1px solid var(--line);
border-radius:24px;
width:min(520px,calc(100% - 32px));
padding:35px;
max-height:calc(100svh - 40px);
overflow:auto;
box-shadow:0 30px 100px #14203b38}
#cyber-page dialog::backdrop{background:#0b1a4566;
backdrop-filter:blur(5px)}
#cyber-page .dialog-close{position:absolute;
right:17px;
top:12px;
border:none;
background:none;
font-size:29px;
color:var(--muted);
width:34px;
height:34px}
#cyber-page dialog .eyebrow{font-size:13px;
margin-top:4px}
#cyber-page dialog h2{font-size:34px;
line-height:1.15}
#cyber-page .dialog-intro{font-size:17px;
color:var(--muted);
margin-top:18px}
#cyber-page .team-name-label{display:block;
font-size:15px;
font-weight:550;
margin-top:25px}
#cyber-page .team-name-label>span{font-size:13px;
color:var(--muted);
font-weight:400;
margin-left:7px;
display:inline-block}
#cyber-page #team-name{width:100%;
background:white;
color:var(--ink);
border:1px solid var(--line);
border-radius:10px;
padding:12px 14px;
font-size:16px;
margin-top:8px}
#cyber-page .plan-checklist{margin-block:18px 25px}
#cyber-page .plan-checklist label{display:flex;
align-items:center;
gap:10px;
font-size:15px;
margin-top:11px;
cursor:pointer}
#cyber-page .plan-checklist input{accent-color:var(--blue);
width:18px;
height:18px;
margin:0}
#cyber-page .local-note{font-size:13px;
color:var(--muted);
margin-top:13px;
line-height:1.5}
#cyber-page dialog .button{width:100%;
font-size:16px}
#cyber-page .reveal{opacity:1}
#cyber-page.motion-enabled .reveal{opacity:0;
translate:0 20px;
transition:opacity .6s ease,translate .6s,transform .3s cubic-bezier(.2,.65,.3,1)}
#cyber-page.motion-enabled .reveal.is-visible{opacity:1;
translate:0 0}
#cyber-page .team-people .reveal:nth-child(2),#cyber-page .material-grid .reveal:nth-child(2){transition-delay:.07s}
#cyber-page .team-people .reveal:nth-child(3),#cyber-page .material-grid .reveal:nth-child(3){transition-delay:.14s}
#cyber-page .team-people .reveal:nth-child(4),#cyber-page .material-grid .reveal:nth-child(4){transition-delay:.21s}
#cyber-page.motion-paused .final-pixels i{animation:none}

@keyframes pixel-float{0%,100%{translate:0 0}
50%{translate:0 -12px}
}

@media(min-width:1600px){#cyber-page .hero{padding-top:65px;
padding-bottom:100px}
#cyber-page .hero-art{min-height:555px}
}

@media(max-width:1150px){#cyber-page .wrap{width:calc(100% - 64px)}
#cyber-page h1{font-size:8.2vw}
#cyber-page .hero{gap:10px}
#cyber-page .hero-actions{gap:16px}
#cyber-page .hero-actions .button{font-size:16px;
padding-inline:18px;
gap:15px}
#cyber-page .hero-actions .text-link{font-size:14px}
#cyber-page .hero-description{font-size:17px}
#cyber-page .hero-promise{font-size:26px}
#cyber-page .hero-art{min-height:470px}
#cyber-page .hero .eyebrow{font-size:13px}
#cyber-page .about{gap:60px}
#cyber-page .section{padding-block:85px}
#cyber-page .lab-shell{padding:40px 35px 22px}
#cyber-page .lab-panel{gap:35px}
#cyber-page .material-grid{gap:12px}
#cyber-page .material-card{padding:14px}
#cyber-page .material-card h3{font-size:21px}
#cyber-page .paper-art::before{inset:22px 23px -12px}
#cyber-page .registry-content{gap:40px}
#cyber-page .registry-copy h2{font-size:35px}
#cyber-page .faq{gap:40px}
#cyber-page .final-pixels{right:15px;
scale:.8}
#cyber-page .final-cta h2{font-size:55px}
#cyber-page .team-people{gap:12px}
#cyber-page .person-tile{padding:20px 18px}
#cyber-page .person-tile h3{font-size:20px}
}

@media(max-width:850px){#cyber-page .hero{grid-template-columns:1.12fr .88fr;
padding-top:35px}
#cyber-page .hero-promise{font-size:23px}
#cyber-page .hero-facts{gap:14px;
font-size:13px}
#cyber-page .hero-facts>span+span{padding-left:14px}
#cyber-page .hero-facts b{font-size:20px}
#cyber-page .hero-actions{align-items:flex-start;
flex-direction:column;
gap:13px}
#cyber-page .hero-actions .text-link{font-size:14px}
#cyber-page .hero-art{min-height:440px}
#cyber-page .art-caption{left:10px;
bottom:70px;
font-size:12px}
#cyber-page .cube-controls{left:10px;
bottom:22px;
font-size:12px}
#cyber-page .orbit-label{font-size:13px}
#cyber-page .label-think{left:-8px}
#cyber-page .label-code{right:-12px}
#cyber-page .hero-note{font-size:12px;
max-width:320px}
#cyber-page .title-pixels{scale:.75;
transform-origin:bottom left;
margin-left:8px}
#cyber-page .about{gap:40px}
#cyber-page .benefit{gap:15px}
#cyber-page .benefit-symbol{width:42px;
height:42px;
font-size:20px;
border-radius:11px}
#cyber-page .benefit h3{font-size:21px}
#cyber-page .benefit p{font-size:16px}
#cyber-page .section-intro .lead{font-size:20px}
#cyber-page .lab-heading h2{font-size:40px}
#cyber-page .lab-tabs{gap:6px}
#cyber-page .lab-tabs button{font-size:14px;
padding:9px 11px;
gap:7px}
#cyber-page .lab-panel{gap:26px}
#cyber-page .lab-info h3{font-size:28px}
#cyber-page .lab-info p{font-size:16px}
#cyber-page .try-card{padding:20px;
min-height:315px}
#cyber-page .person-tile h3{font-size:19px}
#cyber-page .person-tile p{font-size:15px}
#cyber-page .team-start .button{font-size:15px;
gap:15px;
min-width:225px}
#cyber-page .calendar-head>p{font-size:16px}
#cyber-page .timeline{gap:30px}
#cyber-page .timeline-item h3{font-size:24px}
#cyber-page .timeline-item>p:nth-last-of-type(1){font-size:16px}
#cyber-page .materials-heading{gap:35px}
#cyber-page .materials-copy .lead{font-size:20px}
#cyber-page .material-grid{grid-template-columns:repeat(2,1fr);
gap:20px}
#cyber-page .material-card{padding:20px}
#cyber-page .material-card h3{min-height:0;
font-size:21px}
#cyber-page .material-card>p{min-height:38px;
font-size:16px}
#cyber-page .paper-art{height:170px}
#cyber-page .paper-art::before{inset:22px 53px -12px}
#cyber-page .regulations{gap:15px}
#cyber-page .regulations p{max-width:350px;
font-size:14px}
#cyber-page .regulations h3{font-size:20px}
#cyber-page .regulations>a{font-size:14px;
gap:10px;
padding:9px 12px}
#cyber-page .registry-content{gap:25px}
#cyber-page .registry-copy h2{font-size:29px}
#cyber-page .registry-copy .lead{font-size:17px}
#cyber-page .registry-illustration{min-height:280px}
#cyber-page .faq-heading h2{font-size:36px}
#cyber-page .faq-list summary{font-size:17px}
#cyber-page .final-cta{padding:45px 35px}
#cyber-page .final-cta h2{font-size:48px}
#cyber-page .final-pixels{right:-35px;
opacity:.8;
scale:.65}
#cyber-page .final-cta>p:not(.eyebrow){font-size:18px}
}

@media(max-width:640px){html:has(#cyber-page){scroll-padding-top:80px}
#cyber-page .wrap{width:calc(100% - 40px)}
#cyber-page .section{padding-block:65px}
#cyber-page .hero{grid-template-columns:1fr;
padding-top:26px;
padding-bottom:50px;
gap:0}
#cyber-page .hero .eyebrow{font-size:12px;
letter-spacing:.065em;
gap:6px;
margin-bottom:20px}
#cyber-page h1{font-size:clamp(66px,16.5vw,100px);
padding-bottom:22px;
line-height:1.04}
#cyber-page .title-pixels{bottom:9px;
margin-left:11px;
scale:.65}
#cyber-page .hero-promise{font-size:25px;
line-height:1.22;
margin-bottom:17px}
#cyber-page .hero-description{font-size:16px;
max-width:355px;
margin-bottom:22px}
#cyber-page .desktop-break{display:none}
#cyber-page .hero-facts{font-size:13px;
gap:18px;
margin-bottom:22px}
#cyber-page .hero-facts b{font-size:21px}
#cyber-page .hero-facts>span+span{padding-left:18px}
#cyber-page .hero-actions{flex-direction:row;
align-items:center;
gap:15px}
#cyber-page .hero-actions .button{font-size:15px;
padding:14px 15px;
gap:12px;
min-height:50px;
border-radius:11px}
#cyber-page .hero-actions .text-link{font-size:13px;
gap:5px;
max-width:125px;
line-height:1.4}
#cyber-page .hero-note{font-size:12px;
margin-top:14px}
#cyber-page .hero-art{min-height:330px;
margin-top:0;
margin-inline:-10px}
#cyber-page .cube-stage{inset:0;
height:100%}
#cyber-page .stage-grid{inset:5% 0 7%}
#cyber-page .label-code{top:12%;
right:3%;
font-size:12px}
#cyber-page .label-think{top:37%;
left:0;
font-size:13px}
#cyber-page .art-caption{bottom:30px;
left:16px;
font-size:12px}
#cyber-page .mini-pixel{width:20px;
height:20px}
#cyber-page .cube-controls{bottom:-3px;
left:16px;
right:16px;
font-size:12px}
#cyber-page .cube-controls button{width:29px;
height:29px}
#cyber-page .scroll-cue{bottom:12px;
font-size:12px}
#cyber-page .recognition-inner{gap:15px;
padding-block:23px}
#cyber-page .registry-icon{font-size:34px}
#cyber-page .recognition h2{font-size:19px;
line-height:1.35}
#cyber-page .recognition .eyebrow{font-size:12px;
letter-spacing:.07em}
#cyber-page .recognition p:last-child{font-size:13px;
line-height:1.5;
margin-top:9px}
#cyber-page .registry-link{width:32px;
height:32px;
font-size:21px}
#cyber-page h2{font-size:37px}
#cyber-page .eyebrow{font-size:13px;
margin-bottom:19px}
#cyber-page .about{grid-template-columns:1fr;
gap:35px}
#cyber-page .section-intro .lead{font-size:20px;
max-width:355px;
margin-top:24px}
#cyber-page .benefits{padding-top:0}
#cyber-page .benefit{padding:22px 0;
gap:18px}
#cyber-page .benefit-symbol{width:47px;
height:47px;
font-size:21px}
#cyber-page .benefit h3{font-size:21px;
margin-bottom:10px}
#cyber-page .benefit p{font-size:16px}
#cyber-page .lab-shell{padding:30px 20px 20px;
border-radius:20px}
#cyber-page .lab-heading h2{font-size:33px}
#cyber-page .lab-heading>p:last-child{font-size:16px;
margin-top:17px}
#cyber-page .lab-tabs{display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
margin-top:25px;
padding-bottom:20px}
#cyber-page .lab-tabs button{font-size:13px;
padding:10px 7px;
justify-content:flex-start;
gap:7px;
min-width:0;
overflow-wrap:anywhere;
text-align:left;
line-height:1.35}
#cyber-page .lab-tabs button>span{font-size:19px}
#cyber-page .lab-panel{grid-template-columns:1fr;
gap:25px;
padding-top:25px}
#cyber-page .lab-info h3{font-size:29px;
margin-bottom:15px}
#cyber-page .lab-info p{font-size:16px}
#cyber-page .lab-material-link{margin-top:18px;
font-size:13px}
#cyber-page .try-card{min-height:0;
padding:20px 18px;
border-radius:15px}
#cyber-page .try-label{font-size:12px}
#cyber-page #task-question{font-size:16px}
#cyber-page .task-answers{gap:6px}
#cyber-page .task-answers button{font-size:14px;
padding:9px 8px;
min-width:0}
#cyber-page .lab-disclaimer{font-size:12px;
line-height:1.5}
#cyber-page .team-heading .lead{font-size:20px;
margin-top:22px}
#cyber-page .team-people{grid-template-columns:repeat(2,1fr);
gap:12px;
margin-top:28px}
#cyber-page .person-tile{padding:20px 15px;
min-height:250px;
border-radius:15px}
#cyber-page .person-voxel{width:60px;
height:60px;
border-radius:13px;
margin-bottom:24px;
font-size:25px}
#cyber-page .person-tile h3{font-size:19px}
#cyber-page .person-tile p{font-size:15px}
#cyber-page .team-clarify{font-size:12px;
line-height:1.5}
#cyber-page .team-start{display:block;
margin-top:26px;
padding-top:25px}
#cyber-page .team-start h3{font-size:22px}
#cyber-page .team-start p{font-size:16px}
#cyber-page .team-start .button{margin-top:23px;
min-width:0;
font-size:16px}
#cyber-page .calendar-head{display:block}
#cyber-page .calendar-head>p{font-size:16px;
margin-top:24px;
padding-bottom:0}
#cyber-page .timeline{grid-template-columns:1fr;
gap:32px;
margin-top:34px;
padding-left:28px}
#cyber-page .timeline::before{top:8px;
bottom:15px;
left:7px;
width:2px;
height:auto;
right:auto;
background:linear-gradient(var(--blue),#c0cfec)}
#cyber-page .timeline-item{padding-top:0}
#cyber-page .timeline-point{left:-29px;
top:4px;
width:17px;
height:17px}
#cyber-page .timeline-type{font-size:12px;
margin-bottom:8px}
#cyber-page .timeline-item h3{font-size:29px;
margin-bottom:14px}
#cyber-page .timeline-item>p:nth-last-of-type(1){font-size:16px;
max-width:none}
#cyber-page .timeline-chip{margin-top:14px;
font-size:12px}
#cyber-page .calendar-note{font-size:12px;
margin-top:27px}
#cyber-page .materials-heading{grid-template-columns:1fr;
gap:28px}
#cyber-page .materials-copy .lead{font-size:20px;
margin-bottom:12px}
#cyber-page .materials-copy>p:nth-child(2){font-size:16px}
#cyber-page .download-hint{font-size:12px;
margin-top:20px}
#cyber-page .material-grid{margin-top:30px;
gap:12px}
#cyber-page .material-card{padding:13px;
border-radius:13px}
#cyber-page .paper-art{height:120px;
margin-bottom:17px}
#cyber-page .paper-art::before{inset:15px 16px -8px}
#cyber-page .paper-tab{font-size:7px}
#cyber-page .paper-glyph{font-size:38px}
#cyber-page .paper-art i{width:55px}
#cyber-page .paper-art i:last-child{width:35px}
#cyber-page .material-meta{display:block;
font-size:13px;
margin-bottom:9px}
#cyber-page .material-meta>span:last-child{display:block;
margin-top:3px}
#cyber-page .material-card h3{font-size:17px;
min-height:61px;
margin-bottom:10px}
#cyber-page .material-card>p{font-size:13px;
min-height:68px;
line-height:1.5}
#cyber-page .material-year{font-size:11px;
line-height:1.4;
min-height:33px;
margin-top:14px;
padding-top:10px}
#cyber-page .regulations{display:grid;
grid-template-columns:40px 1fr;
gap:14px;
margin-top:27px;
padding-block:22px}
#cyber-page .regulations-icon{width:38px;
height:47px}
#cyber-page .regulations h3{font-size:18px}
#cyber-page .regulations p{font-size:13px;
margin-top:7px}
#cyber-page .regulations>a{grid-column:2;
margin-left:0;
justify-self:start;
font-size:14px;
gap:18px}
#cyber-page .registry-content{display:flex;
flex-direction:column-reverse;
gap:15px;
padding-block:55px 40px}
#cyber-page .registry-copy h2{font-size:33px}
#cyber-page .registry-copy .lead{font-size:20px;
margin-top:24px}
#cyber-page .registry-copy .registry-info{font-size:16px;
margin-top:16px}
#cyber-page .registry-explanation{font-size:13px}
#cyber-page .registry-illustration{min-height:0;
width:100%;
max-width:400px}
#cyber-page .registry-illustration img{width:90%}
#cyber-page .registry-stamp{left:0;
bottom:0;
font-size:12px}
#cyber-page .faq{grid-template-columns:1fr;
gap:32px}
#cyber-page .faq-heading h2{font-size:37px}
#cyber-page .faq-heading>p:last-child{margin-top:18px;
font-size:16px}
#cyber-page .faq-list summary{padding-block:20px;
font-size:17px;
gap:18px}
#cyber-page .faq-list details>p{font-size:15px;
padding-right:15px}
#cyber-page .final-section{padding-bottom:25px}
#cyber-page .final-cta{padding:34px 24px 36px;
border-radius:20px}
#cyber-page .final-cta h2{font-size:37px;
line-height:1.15}
#cyber-page .final-cta>p:not(.eyebrow){font-size:17px;
margin-top:20px;
max-width:280px}
#cyber-page .final-cta .button{margin-top:27px;
font-size:15px;
gap:14px;
min-height:52px;
padding-inline:18px}
#cyber-page .final-note{font-size:12px;
line-height:1.6;
max-width:235px}
#cyber-page .final-pixels{right:-75px;
top:120px;
scale:.4;
opacity:.16}
#cyber-page dialog{padding:30px 23px;
border-radius:18px}
#cyber-page dialog h2{font-size:29px}
#cyber-page .dialog-intro{font-size:15px}
#cyber-page .plan-checklist label{font-size:14px}
#cyber-page .team-name-label{font-size:14px}
#cyber-page.motion-enabled .reveal{translate:0 12px}
}

@media(max-width:360px){#cyber-page .wrap{width:calc(100% - 32px)}
#cyber-page h1{font-size:62px}
#cyber-page .hero .eyebrow{font-size:12px}
#cyber-page .hero-actions{gap:12px;
flex-direction:column;
align-items:flex-start}
#cyber-page .hero-actions .button{font-size:15px;
padding-inline:12px}
#cyber-page .hero-facts{font-size:12px}
#cyber-page .hero-art{min-height:310px}
#cyber-page .title-pixels{margin-left:5px;
scale:.5}
#cyber-page .lab-shell{padding-inline:17px}
#cyber-page .lab-tabs button{font-size:13px}
#cyber-page .person-tile{padding:18px 12px}
#cyber-page .person-tile h3{font-size:18px}
#cyber-page .material-card h3{font-size:16px}
#cyber-page .material-card>p{min-height:75px}
#cyber-page .recognition-inner{gap:10px}
#cyber-page .recognition h2{font-size:18px}
#cyber-page .final-cta h2{font-size:33px}
}

@media(max-width:640px){#cyber-page .lab-tabs button{flex-direction:column;
justify-content:center;
gap:5px;
min-height:66px;
overflow-wrap:normal;
word-break:normal}
}
@media(max-width:360px){#cyber-page .lab-tabs{grid-template-columns:1fr}
#cyber-page .lab-tabs button{flex-direction:row;
justify-content:flex-start;
gap:10px;
min-height:43px}
}

@media(prefers-reduced-motion:reduce){html:has(#cyber-page){scroll-behavior:auto}
#cyber-page *,#cyber-page *::before,#cyber-page *::after{animation:none!important;
transition:none!important}
#cyber-page.motion-enabled .reveal{opacity:1;
translate:0 0}
}


#cyber-page .document-pending{margin-left:auto;
font-size:13px;
color:var(--muted);
border:1px solid var(--line);
border-radius:30px;
padding:9px 15px;
white-space:nowrap}
#cyber-page .awards-line{font-size:16px;
margin-top:18px;
font-weight:550}
#cyber-page .awards-line>span{color:var(--blue);
margin-right:5px}
#cyber-page .awards-line small{display:block;
font-size:13px;
font-weight:400;
color:var(--muted);
margin-top:5px}
 @media(max-width:640px){#cyber-page .document-pending{grid-column:2;
justify-self:start;
margin-left:0;
font-size:12px;
padding:7px 12px}
}




/* Keep small-screen reading comfortable without changing the headline scale. */
@media(max-width:640px){#cyber-page{font-size:16px}
#cyber-page .button{font-size:16px}
#cyber-page .text-link{font-size:15px}
#cyber-page .lab-heading .eyebrow,#cyber-page .final-cta .eyebrow{font-size:13px}
#cyber-page .lab-index{font-size:12px}
#cyber-page .task-feedback,#cyber-page .task-reset{font-size:13px}
#cyber-page .registry-copy .text-link{font-size:13px}
#cyber-page .awards-line{font-size:15px}
#cyber-page .awards-line small{font-size:12px}
#cyber-page .hero .eyebrow{align-items:flex-start}
#cyber-page .status-dot{margin-top:6px}
#cyber-page .lab-tabs button>span{flex:none}
#cyber-page .material-card>p{min-height:78px}
#cyber-page .material-year{min-height:41px}
#cyber-page dialog .eyebrow,#cyber-page .team-name-label>span,#cyber-page .local-note{font-size:12px}
#cyber-page .plan-checklist input{flex:none}
}

@media(max-width:360px){#cyber-page .material-card{padding:11px}
#cyber-page .person-tile p{font-size:14px}
#cyber-page .hero-actions .text-link{max-width:none}
}


#cyber-page #task-answers{display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
gap:10px!important;
width:100%;
min-width:0}

#cyber-page #task-answers button{display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:auto!important;
min-height:48px;
white-space:normal!important;
overflow-wrap:anywhere!important;
word-break:normal!important;
text-overflow:clip!important;
overflow:visible!important;
text-align:left!important;
font-size:16px!important;
line-height:1.45!important;
padding:12px 16px!important;
border:1px solid #dbe2f1!important;
border-radius:12px!important;
background:#fff!important;
color:#14203b!important;
box-shadow:none!important;
letter-spacing:normal!important}

#cyber-page #task-answers button.correct{background:#e3f6ba!important;
border-color:#79a315!important;
color:#14203b!important}

#cyber-page #task-answers button.incorrect{background:#fff0e7!important;
border-color:#ef6830!important;
color:#14203b!important}

#cyber-page #task-answers button:hover:not(:disabled){border-color:#1646ff!important;
background:#eef3ff!important}

#cyber-page #task-reset{height:auto!important;
white-space:normal!important;
color:#1646ff!important;
background:transparent!important;
border:0!important;
padding:8px 0!important}

#cyber-page .lab-panel,#cyber-page .try-card,#cyber-page .lab-info{min-width:0}

#cyber-page #task-question{white-space:normal!important;
overflow-wrap:anywhere;
line-height:1.5!important}

#cyber-page .payment-cta{white-space:normal!important;
height:auto!important;
max-width:100%;
min-width:0;
text-align:center;
line-height:1.4!important;
letter-spacing:normal!important}

#cyber-page .payment-cta:disabled{opacity:.75;
cursor:default;
transform:none;
box-shadow:none}

#cyber-page .start-checklist{margin-top:30px;
padding:22px;
border:1px solid var(--line);
border-radius:16px;
background:white}

#cyber-page .start-checklist summary{cursor:pointer;
font-weight:650;
font-size:20px}

#cyber-page .start-checklist ol{margin:20px 0;
padding-left:24px}

#cyber-page .start-checklist li{margin:12px 0;
line-height:1.6}

#cyber-page .fee-summary{margin-top:30px;
padding:24px;
background:#eef3ff;
border-radius:16px}

#cyber-page .fee-summary p{margin-top:12px;
font-size:17px;
line-height:1.6}

#cyber-page .regulation-reference,#cyber-page .start-checklist a{text-decoration:underline;
text-underline-offset:3px}


/* Keep the widget inside its Elementor container. */
#cyber-page{width:100%;
max-width:100%;
min-width:0}

/* Team participation and the existing Elementor anchor Person. */
#cyber-page .participation-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;min-width:0;max-width:100%}
#cyber-page .participation-actions>.button{margin-top:0;min-width:0;max-width:100%;white-space:normal;text-align:center}
#cyber-page .without-team-cta{background:#fff;color:var(--blue);border-color:var(--blue)}
#cyber-page .without-team-cta:hover{background:#eef3ff}
#cyber-page .hero-actions{flex-direction:column;align-items:flex-start;gap:13px}
#cyber-page .hero-actions .participation-actions{width:100%}
#cyber-page .team-start{flex-wrap:wrap}
#cyber-page .team-start>div{min-width:0}
#cyber-page .final-participation{position:relative;z-index:2;margin-top:32px}
#cyber-page .final-cta .without-team-cta{color:#fff;border-color:#ffffff99;background:#ffffff0d}
#cyber-page .final-cta .without-team-cta:hover{background:#ffffff26}
@media(max-width:640px){
  #cyber-page .participation-actions{width:100%;flex-direction:column;align-items:stretch}
  #cyber-page .participation-actions>.button{width:100%;margin-top:0}
  #cyber-page .team-start .participation-actions{margin-top:23px}
  #cyber-page .final-participation{margin-top:27px}
}

/* Registered teams: fresh data supplied by the separate WordPress snippet. */
#cyber-page #kiber-teams-list{scroll-margin-top:110px}
#cyber-page .teams-list-cta{background:#fff;color:var(--blue);border-color:var(--blue)}
#cyber-page .teams-list-cta:hover{background:#eef3ff}
#cyber-page .teams-section h2{margin-bottom:30px}
#cyber-page .kiber-teams__count{font-weight:650;margin:0 0 20px}
#cyber-page .kiber-teams__scroll{max-width:100%;overflow-x:auto;border:1px solid #dbe3f4;border-radius:20px;background:#fff}
#cyber-page .kiber-teams__scroll:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
#cyber-page .kiber-teams__table{width:100%;min-width:760px;border-collapse:collapse;margin:0;font-size:16px;line-height:1.5;text-align:left}
#cyber-page .kiber-teams__table th{background:#eef3ff;color:var(--blue);font-weight:650}
#cyber-page .kiber-teams__table th,#cyber-page .kiber-teams__table td{padding:18px 20px;border:0;border-bottom:1px solid #dbe3f4;vertical-align:top;overflow-wrap:anywhere}
#cyber-page .kiber-teams__table td:first-child{font-weight:650}
#cyber-page .kiber-teams__table tr:last-child td{border-bottom:0}
#cyber-page .kiber-teams__status{display:inline-block;padding:5px 10px;border-radius:8px;background:#e9f8ca;color:#263b13;font-size:14px;white-space:nowrap}
#cyber-page .kiber-teams__selected td{background:#efffc9;border-top:2px solid var(--blue);border-bottom:2px solid var(--blue)}
#cyber-page .kiber-teams__confirmation{padding:18px 22px;margin-bottom:20px;background:#efffc9;color:#263b13;border-radius:16px;line-height:1.6}
#cyber-page .kiber-teams__confirmation[hidden]{display:none}
#cyber-page .kiber-teams__hint{margin-top:18px;font-size:14px;line-height:1.6;color:#56627a}
@media(max-width:640px){#cyber-page .kiber-teams__table th,#cyber-page .kiber-teams__table td{padding:14px}#cyber-page .kiber-teams__scroll{border-radius:14px}}