*{
padding:0;
margin:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F0FAFA;
line-height:1.55;
color:#2A4A58;
font-size:0.938rem;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
overflow-wrap:break-word;
font-family:"Nunito Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
img{
max-width:100%;
display:block;
}
a{
color:inherit;
text-decoration:none;
}
button{
border:none;
background:none;
cursor:pointer;
font-family:inherit;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
width:8px;
height:0.5rem;
}
::-webkit-scrollbar-thumb{
border-radius:8px;
background:rgba(8, 24, 34, 0.72);
}
::-webkit-scrollbar-track{
background:transparent;
}
.tooshell-uof{
grid-template-columns:248px 1fr;
display:grid;
min-height:100vh;
}
.toomain-uof{
min-width:0;
}
.toowrap-uof{
margin:0 auto;
max-width:87.5rem;
width:100%;
}
.toocontainer-uof{
margin:0 auto;
padding:0 16px;
width:100%;
max-width:1400px;
}
@media(min-width:765px){
.toocontainer-uof{
padding:0 1.75rem;
}
}
.toosection-uof{
padding:1.5rem 1.75rem;
}
.toosection_pt-uof{
padding-top:34px;
}
.tooband_soft-uof{
background:#FFFFFF;
}
.tooeyebrow-uof{
color:#007A8F;
overflow-wrap:break-word;
font-size:10.5px;
text-transform:uppercase;
font-weight:600;
display:inline-block;
font-family:"Nunito Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
letter-spacing:.14em;
line-height:1.4;
}
.toodrawer_cb-uof{
display:none;
}
.toooverlay-uof{
display:none;
}
@media(max-width:1021px){
.tooshell-uof{
grid-template-columns:1fr;
}
.toomain-uof{
padding-bottom:4.875rem;
}
.toodrawer_cb-uof:checked~.toooverlay-uof{
background:rgba(8, 24, 34, 0.72);
inset:0;
display:block;
position:fixed;
z-index:70;
}
}
@media(max-width:563px){
.toosection-uof{
padding:1.125rem 16px;
}
.toosection_pt-uof{
padding-top:1.5rem;
}
}
@keyframes zm3-pulse{
0%,100%{
opacity:.55}
50%{
opacity:1}
}
@keyframes zm3-marquee{
0%{
transform:translateX(0)}
100%{
transform:translateX(-50%)}
}
/* ---------- sidebar ---------- */
.tooside-uof{
gap:1.375rem;
background:#E4F4F7;
padding:22px 18px;
display:flex;
overflow-y:auto;
border-right:1px solid rgba(13, 37, 48, 0.08);
height:100vh;
top:0;
align-self:start;
flex-direction:column;
position:sticky;
}
.toobrand-uof{
gap:10px;
align-items:center;
display:flex;
}
.toologo-uof{
font-size:21px;
font-weight:700;
color:#0D2530;
letter-spacing:-.02em;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.tooside_cta-uof{
padding:16px;
border-radius:13px;
border:1px solid rgba(13, 37, 48, 0.12);
background:rgba(0, 122, 143, 0.11);
}
.tooside_cta_h-uof{
font-weight:700;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:1.063rem;
margin-bottom:6px;
line-height:1.15;
color:#0D2530;
}
.tooside_cta_p-uof{
font-size:0.75rem;
line-height:1.45;
color:#2A4A58;
margin-bottom:12px;
}
.toonav-uof{
gap:3px;
display:flex;
flex-direction:column;
}
.toonav_label-uof{
padding:0.375rem 10px;
text-transform:uppercase;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#7AA0AE;
letter-spacing:.14em;
font-size:9.5px;
}
.toonav_item-uof{
border-radius:0.5rem;
padding:0.625rem;
gap:0.688rem;
display:flex;
align-items:center;
font-weight:500;
color:#2A4A58;
font-size:14px;
}
.toonav_item-uof svg{
height:17px;
width:17px;
}
.toonav_item-uof:hover{
background:rgba(0, 122, 143, 0.11);
color:#0D2530;
}
.toonav_item_on-uof{
background:rgba(0, 122, 143, 0.11);
color:#007A8F;
font-weight:600;
}
.tooside_foot-uof{
padding:12px;
border:1px solid rgba(13, 37, 48, 0.12);
border-radius:13px;
background:#FFFFFF;
margin-top:auto;
}
.tooside_foot-uof p{
line-height:1.4;
margin-top:0.25rem;
color:#2A4A58;
font-size:12.5px;
}
/* ---------- topbar ---------- */
.tootop-uof{
gap:1rem;
background:#E4F4F7;
padding:0.875rem 1.75rem;
position:sticky;
display:flex;
border-bottom:1px solid rgba(13, 37, 48, 0.08);
top:0;
align-items:center;
z-index:40;
}
.tootop_brand-uof{
gap:0.563rem;
align-items:center;
display:none;
}
.toosearch-uof{
flex:1;
padding:11px 0.875rem;
background:#FFFFFF;
border:1px solid rgba(13, 37, 48, 0.12);
gap:0.625rem;
border-radius:13px;
max-width:27.5rem;
display:flex;
color:#4D7080;
font-size:0.844rem;
align-items:center;
}
.toosearch-uof svg{
flex:none;
width:16px;
height:16px;
}
.tootop_actions-uof{
gap:12px;
display:flex;
align-items:center;
margin-left:auto;
}
.toolang-uof{
font-size:0.75rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#2A4A58;
}
.tooburger-uof{
background:#FFFFFF;
border:1px solid rgba(13, 37, 48, 0.12);
border-radius:0.5rem;
justify-content:center;
width:40px;
color:#0D2530;
display:none;
align-items:center;
height:40px;
}
/* ---------- bottom-nav (mobile) ---------- */
.toobotnav-uof{
display:none;
}
@media(max-width:1023px){
.tooside-uof{
transition:transform .25s ease;
z-index:80;
transform:translateX(-100%);
position:fixed;
height:100vh;
top:0;
width:17.5rem;
left:0;
}
.toodrawer_cb-uof:checked~.tooshell-uof .tooside-uof{
transform:translateX(0);
}
.tootop-uof{
padding:14px 1rem;
gap:0.75rem;
position:static;
flex-wrap:wrap;
}
.tootop_brand-uof{
display:flex;
}
.toosearch-uof{
display:none;
}
.tooburger-uof{
display:flex;
}
.tootop_actions-uof{
gap:10px;
width:100%;
margin-left:0;
align-items:stretch;
}
.tootop_actions-uof .toolang-uof{
display:none;
}
.tootop_actions-uof .toobtn-uof{
flex:1;
padding:0.688rem 10px;
text-align:center;
}
.toobotnav-uof{
padding:8px 0.375rem calc(8px + env(safe-area-inset-bottom));
grid-template-columns:repeat(3,1fr);
background:#E4F4F7;
left:0;
display:grid;
z-index:65;
bottom:0;
right:0;
transform:translateZ(0);
border-top:1px solid rgba(13, 37, 48, 0.12);
position:fixed;
}
.toobn-uof{
gap:0.25rem;
padding:6px 2px 0;
display:flex;
font-weight:600;
flex-direction:column;
color:#2A4A58;
align-items:center;
justify-content:flex-end;
min-width:0;
font-size:0.625rem;
}
.toobn-uof svg{
flex:none;
width:22px;
height:1.375rem;
}
.toobn-uof span{
overflow:hidden;
text-align:center;
white-space:nowrap;
text-overflow:ellipsis;
max-width:100%;
}
.toobn_on-uof{
color:#007A8F;
}
.toobn_center-uof{
position:relative;
}
.toobn_fab-uof{
background:#00C8E0;
border-radius:50%;
width:50px;
left:50%;
transform:translateX(-50%);
align-items:center;
display:flex;
color:#001C26;
height:50px;
position:absolute;
justify-content:center;
top:-1.25rem;
box-shadow:0 0.5rem 2rem rgba(0, 122, 143, 0.18), 0 2px 0.5rem rgba(13, 37, 48, 0.12);
}
.toobn_fab-uof svg{
width:24px;
height:1.5rem;
}
.toobn_center-uof span{
color:#007A8F;
}
}
.toobtn-uof{
padding:0.688rem 22px;
transition:background-color 0.2s ease,color 0.2s ease;
border-radius:0.5rem;
gap:0.5rem;
font-size:0.875rem;
font-weight:700;
font-family:"Nunito Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
align-items:center;
justify-content:center;
cursor:pointer;
display:inline-flex;
}
.toobtn_pri-uof{
background:#00C8E0;
box-shadow:0 4px 20px rgba(0, 200, 224, 0.45), 0 1px 0.25rem rgba(0, 85, 102, 0.25);
color:#001C26;
}
.toobtn_pri-uof:hover{
background:#00AECA;
}
.toobtn_ghost-uof{
background:rgba(0, 122, 143, 0.11);
font-weight:600;
color:#0D2530;
}
.toobtn_line-uof{
background:transparent;
border:1px solid rgba(13, 37, 48, 0.22);
color:#0D2530;
font-weight:600;
}
.toobtn_lg-uof{
padding:16px 30px;
border-radius:13px;
font-size:15px;
}
.tooband-uof .toobtn_line-uof{
border-color:rgba(255, 255, 255, 0.13);
color:#EDF9FC;
}
.tooband-uof .toobtn_ghost-uof{
background:rgba(255, 255, 255, 0.08);
color:#EDF9FC;
}
.toolink_m-uof{
gap:5px;
align-items:center;
text-decoration:none;
color:#007A8F;
cursor:pointer;
display:inline-flex;
font-size:12px;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.toolink_m-uof svg{
width:0.875rem;
height:0.875rem;
}
.tooband-uof .toolink_m-uof{
color:#00D8F0;
}
.toodot-uof{
background:#007A8F;
flex:none;
border-radius:50%;
height:7px;
width:0.438rem;
}
.toodot_live-uof{
background:#E03040;
animation:zm3-pulse 1.4s infinite;
}
.toostars-uof{
gap:2px;
display:inline-flex;
color:#007A8F;
}
.toostars-uof svg{
height:15px;
width:0.938rem;
}
.toochip-uof{
background:#FFFFFF;
padding:0.438rem 12px;
gap:6px;
border:1px solid rgba(13, 37, 48, 0.12);
border-radius:0.5rem;
font-size:0.688rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
display:inline-flex;
align-items:center;
color:#2A4A58;
}
.toochip_on-uof{
border-color:transparent;
background:rgba(0, 122, 143, 0.11);
color:#007A8F;
}
.toogc-uof{
display:block;
cursor:pointer;
color:inherit;
min-width:0;
text-decoration:none;
}
.toogc_thumb-uof{
overflow:hidden;
border:1px solid rgba(13, 37, 48, 0.12);
border-radius:13px;
display:block;
aspect-ratio:1;
position:relative;
background-position:center;
background-size:cover;
}
.toogc_thumb_portrait-uof{
aspect-ratio:3/4;
}
.toogc_thumb_wide-uof{
aspect-ratio:16/11;
}
.toogc_cap-uof{
padding:0.563rem;
background:linear-gradient(transparent,rgba(8, 24, 34, 0.72));
right:0;
position:absolute;
left:0;
bottom:0;
}
.toogc_name-uof{
display:block;
color:#EDF9FC;
font-weight:700;
font-size:0.781rem;
}
.toogc_meta-uof{
font-size:11px;
color:#8EC8D8;
}
.toogc_badge-uof{
padding:2px 0.375rem;
border-radius:8px;
background:#007A8F;
color:#001C26;
top:8px;
font-weight:700;
font-size:8px;
position:absolute;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
right:0.5rem;
}
.toogc_badge_hot-uof{
background:#E03040;
color:#EDF9FC;
}
.toogc_badge_live-uof{
background:#E03040;
right:auto;
color:#EDF9FC;
left:8px;
}
.toogc_mult-uof{
inset:0;
align-items:center;
display:flex;
position:absolute;
font-weight:700;
font-size:28px;
justify-content:center;
color:#007A8F;
}
.toopc-uof{
border-radius:13px;
border:1px solid rgba(13, 37, 48, 0.12);
background:#FFFFFF;
height:4rem;
display:flex;
align-items:center;
justify-content:center;
color:#2A4A58;
font-size:0.875rem;
font-weight:700;
}
.toorail-uof{
min-width:0;
}
.toorail_scroll-uof{
gap:0.875rem;
display:grid;
}
.toorail_scroll-uof>*{
min-width:0;
}
.toog6-uof{
grid-template-columns:repeat(6,1fr);
}
.toog7-uof{
grid-template-columns:repeat(7,1fr);
}
.toog4-uof{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1021px){
.toog6-uof,.toog7-uof{
grid-template-columns:none;
grid-auto-flow:column;
overflow-x:auto;
padding-bottom:0.375rem;
grid-auto-columns:120px;
scroll-snap-type:x mandatory;
}
.toog6-uof>*,.toog7-uof>*{
scroll-snap-align:start;
}
.toog4-uof{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:560px){
.toog4-uof{
grid-template-columns:none;
grid-auto-flow:column;
overflow-x:auto;
grid-auto-columns:9.375rem;
}
}
.toopanel-uof{
border-radius:20px;
border:1px solid rgba(13, 37, 48, 0.12);
background:#FFFFFF;
padding:28px 2rem;
}
.toosplit-uof{
gap:2.25rem;
display:grid;
align-items:start;
}
.toosplit-uof>*{
min-width:0;
}
.toosplit_a-uof{
grid-template-columns:.85fr 1.15fr;
}
.toosplit_b-uof{
grid-template-columns:1fr 1.1fr;
}
.toosplit_c-uof{
grid-template-columns:1.1fr .9fr;
}
.toopgrid-uof{
gap:40px;
grid-template-columns:.9fr 1.1fr;
align-items:center;
display:grid;
}
.toopgrid-uof>*{
min-width:0;
}
.toolead-uof{
color:#2A4A58;
margin-bottom:14px;
line-height:1.65;
font-size:0.938rem;
}
.toofeat-uof{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.toofeat-uof>*{
min-width:0;
}
.toofeat2-uof{
grid-template-columns:1fr 1fr;
}
.toofeat_card-uof{
border-radius:1.25rem;
border:1px solid rgba(13, 37, 48, 0.12);
background:#FFFFFF;
padding:26px;
}
.toofeat_card-uof svg{
margin-bottom:16px;
width:1.625rem;
height:1.625rem;
color:#007A8F;
}
.toofeat_card-uof h3{
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#0D2530;
margin-bottom:0.5rem;
font-size:18px;
font-weight:700;
}
.toofeat_card-uof p{
line-height:1.6;
color:#2A4A58;
font-size:0.813rem;
}
.toofeat_card-uof b{
color:#0D2530;
}
.toobig-uof{
gap:1.375rem;
display:flex;
flex-wrap:wrap;
}
.toobig_n-uof{
font-size:1.625rem;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#007A8F;
font-weight:700;
}
.toobig_l-uof{
font-size:0.75rem;
color:#4D7080;
}
.tooperson-uof{
background:#FFFFFF;
gap:0.875rem;
border-radius:0.813rem;
border:1px solid rgba(13, 37, 48, 0.12);
padding:1rem 18px;
align-items:center;
display:flex;
}
.tooavatar-uof{
background:linear-gradient(135deg,#00C8E0,#005566);
flex:none;
border-radius:50%;
height:2.75rem;
width:2.75rem;
}
.tooperson_name-uof{
font-size:14px;
color:#0D2530;
font-weight:700;
}
.tooperson_role-uof{
font-size:0.75rem;
color:#4D7080;
}
.tookv-uof{
overflow:hidden;
border-radius:0.813rem;
grid-template-columns:1fr 1fr;
background:rgba(13, 37, 48, 0.12);
gap:1px;
border:1px solid rgba(13, 37, 48, 0.12);
display:grid;
}
.tookv-uof>div{
background:#F0FAFA;
padding:1rem 18px;
min-width:0;
}
.tookv_k-uof{
font-size:9.5px;
color:#007A8F;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:uppercase;
margin-bottom:0.313rem;
}
.tookv_v-uof{
color:#0D2530;
font-size:13.5px;
font-weight:700;
}
@media(max-width:1027px){
.toosplit_a-uof,.toosplit_b-uof,.toosplit_c-uof,.toopgrid-uof{
grid-template-columns:1fr;
gap:24px;
}
.toofeat-uof,.toofeat2-uof{
grid-template-columns:1fr;
}
.tookv-uof{
grid-template-columns:1fr;
}
}
.toosh-uof{
margin-bottom:16px;
min-width:0;
}
.toosh_row-uof{
gap:0.75rem;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-end;
display:flex;
}
.toosh_row-uof .toosh_l-uof{
gap:0.375rem;
min-width:0;
display:flex;
flex-direction:column;
}
.toosh_stack-uof{
gap:0.625rem;
display:flex;
align-items:flex-start;
flex-direction:column;
}
.toosh_center-uof{
gap:10px;
text-align:center;
align-items:center;
display:flex;
flex-direction:column;
}
.toosh_h2-uof{
gap:0.563rem;
font-weight:700;
font-size:20px;
display:flex;
color:#0D2530;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
overflow-wrap:break-word;
line-height:1.1;
align-items:center;
}
@media(min-width:768px){
.toosh_h2-uof{
font-size:24px;
}
}
.tooband-uof .toosh_h2-uof{
color:#EDF9FC;
}
.tooeb_mono-uof{
letter-spacing:.08em;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:none;
}
.tooeb_mono-uof::before{
content:"// ";
}
.tooeb_upper-uof{
text-transform:uppercase;
letter-spacing:.14em;
}
.tooeb_pill-uof{
padding:0.313rem 11px;
border-radius:999px;
background:rgba(0, 122, 143, 0.11);
letter-spacing:.12em;
text-transform:uppercase;
}
.tooeb_line-uof{
gap:10px;
align-items:center;
display:inline-flex;
}
.tooeb_line-uof::before{
background:#007A8F;
display:inline-block;
width:24px;
height:1px;
content:"";
}
.tooband-uof .tooeb_line-uof::before{
background:#00D8F0;
}
.tooband-uof .tooeb_pill-uof{
background:rgba(255, 255, 255, 0.08);
}
.toosh_link-uof{
transition:color 0.2s ease,border-color 0.2s ease;
gap:6px;
white-space:nowrap;
font-size:0.813rem;
padding-bottom:2px;
border-bottom:1px solid #0D2530;
color:#0D2530;
align-items:center;
font-weight:600;
display:inline-flex;
}
.toosh_link-uof:hover{
border-color:#007A8F;
color:#007A8F;
}
.toosh_link-uof svg{
height:0.875rem;
width:0.875rem;
}
.toosh_link_chev-uof{
padding-bottom:0;
color:#007A8F;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.75rem;
border-bottom:0;
}
.toosh_link_btn-uof{
background:#00C8E0;
padding:0.563rem 1.125rem;
border-radius:999px;
border-bottom:0;
color:#001C26;
}
.toosh_link_btn-uof:hover{
background:#00AECA;
border-color:transparent;
}
.tooband-uof .toosh_link-uof{
border-color:#EDF9FC;
color:#EDF9FC;
}
.tooband-uof .toosh_link_chev-uof{
color:#00D8F0;
}
.toosh_rule-uof{
background:rgba(13, 37, 48, 0.12);
margin:-2px 0 1rem;
height:1px;
}
.tooband-uof .toosh_rule-uof{
background:rgba(255, 255, 255, 0.13);
}
.tooseo_grid3-uof{
grid-template-columns:repeat(3,1fr);
gap:1.25rem;
display:grid;
}
.tooseo_grid4-uof{
gap:13px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.tooseo_grid3-uof>*,.tooseo_grid4-uof>*{
min-width:0;
}
.tooseo_card-uof{
border-radius:0.813rem;
padding:1.5rem;
background:#FFFFFF;
border:1px solid rgba(13, 37, 48, 0.12);
}
.tooseo_card-uof h3{
font-weight:700;
color:#0D2530;
margin-bottom:8px;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:18px;
}
.tooseo_card-uof p{
font-size:13px;
color:#2A4A58;
line-height:1.6;
}
.tooseo_card_sm-uof{
padding:1.25rem;
}
.tooseo_card_sm-uof h3{
font-size:1rem;
}
.tooseo_card_sm-uof p{
font-size:0.781rem;
line-height:1.55;
}
.tooseo_rtp_row-uof{
grid-template-columns:1fr 1fr;
gap:2.25rem;
align-items:center;
margin-top:1rem;
display:grid;
}
.toortp-uof{
gap:14px;
min-width:0;
display:flex;
}
.toortp-uof>div{
flex:1;
border-radius:0.813rem;
padding:1rem;
background:#F0FAFA;
min-width:0;
text-align:center;
}
.toortp_n-uof{
font-weight:700;
color:#007A8F;
font-size:1.625rem;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
white-space:nowrap;
}
.toortp_l-uof{
font-size:0.688rem;
color:#4D7080;
margin-top:0.25rem;
}
.toocmp-uof{
overflow:hidden;
border-radius:0.813rem;
border:1px solid rgba(13, 37, 48, 0.12);
max-width:760px;
}
.toocmp_row-uof{
grid-template-columns:1.6fr 1fr 1fr;
font-size:0.813rem;
display:grid;
}
.toocmp_row-uof>div{
padding:0.813rem 0.875rem;
text-align:center;
min-width:0;
}
.toocmp_row-uof>div:first-child{
font-weight:600;
padding-left:22px;
text-align:left;
color:#0D2530;
}
.toocmp_th-uof{
background:#F0FAFA;
font-weight:700;
font-size:0.781rem;
}
.toocmp_row-uof:not(.toocmp_th-uof){
background:#FFFFFF;
color:#2A4A58;
border-top:1px solid rgba(13, 37, 48, 0.08);
}
.toocmp_zebra-uof{
background:#E8F5F7;
}
.tooguide-uof{
background:#FFFFFF;
border-radius:13px;
overflow:hidden;
border:1px solid rgba(13, 37, 48, 0.12);
cursor:pointer;
}
.tooguide_cover-uof{
height:8.125rem;
}
.tooguide_body-uof{
padding:20px;
}
.tooguide_body-uof h3{
margin:7px 0 9px;
font-weight:700;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.25;
font-size:16px;
color:#0D2530;
}
.tooguide_meta-uof{
color:#4D7080;
font-size:11.5px;
}
.toohub-uof{
grid-template-columns:repeat(5,1fr);
gap:28px;
border-top:1px solid rgba(13, 37, 48, 0.08);
padding-top:1.75rem;
display:grid;
}
.toohub-uof>*{
min-width:0;
}
.toohub-uof h4{
font-size:0.813rem;
color:#0D2530;
margin-bottom:0.688rem;
font-weight:700;
}
.toohub_col-uof{
gap:8px;
color:#2A4A58;
display:flex;
font-size:0.813rem;
flex-direction:column;
}
.toohub_col-uof a{
cursor:pointer;
}
@media(max-width:1024px){
.tooseo_grid3-uof{
grid-template-columns:1fr;
}
.tooseo_grid4-uof{
grid-template-columns:repeat(2,1fr);
}
.tooseo_rtp_row-uof{
grid-template-columns:1fr;
gap:1.25rem;
}
.toohub-uof{
grid-template-columns:repeat(2,1fr);
gap:1.375rem;
}
}
@media(max-width:558px){
.toohub-uof{
grid-template-columns:1fr;
}
}
.tootk-uof{
overflow:hidden;
background:#C8E8EE;
display:flex;
align-items:center;
border-bottom:1px solid rgba(13, 37, 48, 0.08);
}
.tootk_tag-uof{
padding:11px 1.125rem;
gap:8px;
flex:none;
background:#FFFFFF;
color:#E03040;
font-size:0.656rem;
text-transform:uppercase;
border-right:1px solid rgba(13, 37, 48, 0.08);
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.1em;
align-items:center;
display:flex;
font-weight:600;
}
.tootk_rail-uof{
overflow:hidden;
flex:1;
}
.tootk_track-uof{
padding:0.688rem 0.875rem;
gap:28px;
animation:zm3-marquee 26s linear infinite;
display:flex;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
white-space:nowrap;
font-size:0.75rem;
color:#2A4A58;
width:max-content;
}
.tootk_track-uof b{
color:#007A8F;
}
.toohero-uof{
border:1px solid rgba(13, 37, 48, 0.12);
border-radius:20px;
padding:2.875rem 3rem;
background:linear-gradient(120deg,#0B1E26,#0D2C3C);
overflow:hidden;
color:#EDF9FC;
position:relative;
}
.toohero_glow-uof{
background:radial-gradient(circle,rgba(0, 210, 230, 0.22),transparent 70%);
border-radius:50%;
position:absolute;
top:-3.75rem;
right:-3.75rem;
width:21.25rem;
height:21.25rem;
}
.toohero_in-uof{
position:relative;
max-width:37.5rem;
}
.toohero-uof .tooeyebrow-uof{
color:#00D8F0;
}
.toopill_row-uof{
border-radius:62.438rem;
padding:6px 0.813rem;
border:1px solid rgba(255, 255, 255, 0.13);
background:rgba(255, 255, 255, 0.08);
gap:8px;
margin-bottom:1.375rem;
display:inline-flex;
text-transform:uppercase;
font-size:10.5px;
color:#00D8F0;
letter-spacing:.1em;
align-items:center;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.toohero_h1-uof{
margin:1.125rem 0;
font-size:54px;
overflow-wrap:break-word;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
line-height:1.02;
color:#EDF9FC;
letter-spacing:-.02em;
}
.toohero_h1-uof em{
font-style:normal;
color:#00D8F0;
}
.toohero_sub-uof{
font-size:1.063rem;
line-height:1.55;
max-width:480px;
margin-bottom:1.75rem;
color:#8EC8D8;
}
.toohero_cta-uof{
gap:14px;
flex-wrap:wrap;
align-items:center;
display:flex;
margin-bottom:26px;
}
.toohero_trust-uof{
gap:14px;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.toohero_rating_txt-uof{
font-size:0.813rem;
color:#8EC8D8;
}
@media(max-width:1027px){
.toohero-uof{
padding:32px 1.5rem;
}
.toohero_h1-uof{
font-size:2.375rem;
}
}
@media(max-width:562px){
.toohero_h1-uof{
font-size:1.875rem;
}
}
.tootabs-uof{
gap:9px;
display:flex;
flex-wrap:wrap;
}
.tootab-uof{
background:#FFFFFF;
padding:10px 1.125rem;
border-radius:0.5rem;
border:1px solid rgba(13, 37, 48, 0.12);
color:#2A4A58;
font-weight:600;
font-size:13px;
cursor:pointer;
}
.tootab_on-uof{
border-color:transparent;
background:#00C8E0;
color:#001C26;
font-weight:700;
}
.toostat-uof{
gap:0.875rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.toostat-uof>*{
min-width:0;
}
.toostat_item-uof{
border-radius:0.813rem;
border:1px solid rgba(13, 37, 48, 0.12);
background:#FFFFFF;
padding:1.125rem 1.25rem;
}
.toostat_k-uof{
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
margin-bottom:0.438rem;
text-transform:uppercase;
color:#4D7080;
font-size:9.5px;
letter-spacing:.12em;
}
.toostat_v-uof{
gap:0.5rem;
overflow-wrap:anywhere;
align-items:center;
color:#0D2530;
min-width:0;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
display:flex;
font-size:1.5rem;
}
.toostat_v_accent-uof{
color:#007A8F;
}
@media(max-width:1025px){
.toostat-uof{
grid-template-columns:repeat(2,1fr);
}
}
.toowlc-uof{
background:linear-gradient(120deg,#0B1E26,#0D2C3C);
padding:36px 2.5rem;
grid-template-columns:1.2fr .8fr;
gap:1.5rem;
border-radius:1.25rem;
border:1px solid rgba(13, 37, 48, 0.12);
overflow:hidden;
position:relative;
display:grid;
color:#EDF9FC;
align-items:center;
}
.toowlc-uof>*{
min-width:0;
}
.toowlc-uof .tooeyebrow-uof{
color:#00D8F0;
}
.toowlc_glow-uof{
background:radial-gradient(circle,rgba(0, 210, 230, 0.22),transparent 70%);
border-radius:50%;
top:-2.5rem;
width:260px;
right:-40px;
position:absolute;
height:260px;
}
.toowlc_in-uof{
position:relative;
}
.toowlc_h2-uof{
margin:10px 0 0.5rem;
font-weight:700;
line-height:1.03;
overflow-wrap:break-word;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:34px;
color:#EDF9FC;
}
.toowlc_h2-uof em{
color:#00D8F0;
font-style:normal;
}
.toowlc_sub-uof{
line-height:1.55;
color:#8EC8D8;
max-width:420px;
margin-bottom:1.125rem;
font-size:0.875rem;
}
.toowlc_terms-uof{
gap:10px;
position:relative;
display:flex;
flex-direction:column;
}
.tooterm-uof{
background:rgba(255, 255, 255, 0.08);
border:1px solid rgba(255, 255, 255, 0.13);
border-radius:0.813rem;
padding:0.813rem 15px;
gap:0.688rem;
display:flex;
align-items:center;
}
.tooterm-uof svg{
flex:none;
height:1.25rem;
color:#00D8F0;
width:20px;
}
.tooterm_k-uof{
font-size:9.5px;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#8EC8D8;
letter-spacing:.1em;
text-transform:uppercase;
}
.tooterm_v-uof{
font-weight:700;
font-size:0.875rem;
margin-top:2px;
color:#EDF9FC;
}
@media(max-width:1026px){
.toowlc-uof{
grid-template-columns:1fr;
}
}
@media(max-width:562px){
.toowlc_h2-uof{
font-size:1.625rem;
}
}
.toojp-uof{
grid-template-columns:1.5fr 1fr 1fr;
gap:14px;
display:grid;
}
.toojp-uof>*{
min-width:0;
}
.toojp_hero-uof{
padding:1.625rem;
overflow:hidden;
background:linear-gradient(135deg,#0B1E26,#0D2C3C);
border-radius:20px;
gap:14px;
border:1px solid rgba(13, 37, 48, 0.12);
color:#EDF9FC;
position:relative;
justify-content:space-between;
flex-direction:column;
display:flex;
min-height:180px;
}
.toojp_glow-uof{
border-radius:50%;
background:radial-gradient(circle,rgba(0, 210, 230, 0.22),transparent 70%);
top:-2.5rem;
width:11.25rem;
right:-40px;
position:absolute;
height:180px;
}
.toojp_k_row-uof{
gap:10px;
align-items:center;
display:flex;
position:relative;
justify-content:space-between;
}
.toojp_k-uof{
text-transform:uppercase;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.12em;
color:#4D7080;
font-size:10px;
}
.toojp_hero-uof .toojp_k-uof{
color:#8EC8D8;
}
.toojp_amt-uof{
color:#00D8F0;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
position:relative;
line-height:1;
font-size:42px;
}
.toojp_sub-uof{
margin-top:0.313rem;
color:#8EC8D8;
font-size:12px;
}
.toojp_cell-uof{
border-radius:20px;
background:#FFFFFF;
padding:1.375rem;
border:1px solid rgba(13, 37, 48, 0.12);
flex-direction:column;
min-height:11.25rem;
display:flex;
justify-content:space-between;
}
.toojp_cell-uof .toojp_amt-uof{
color:#0D2530;
font-size:30px;
}
.toojp_cell-uof .toojp_sub-uof{
color:#4D7080;
}
@media(max-width:1025px){
.toojp-uof{
grid-template-columns:1fr;
}
}
@media(max-width:559px){
.toojp_amt-uof{
font-size:32px;
}
}
.toovip_head-uof{
gap:12px;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:flex-end;
margin-bottom:18px;
}
.toovip_intro-uof{
max-width:420px;
color:#2A4A58;
font-size:13px;
}
.toovip-uof{
gap:0.75rem;
grid-template-columns:repeat(5,1fr);
display:grid;
}
.toovip-uof>*{
min-width:0;
}
.tootier-uof{
border-radius:0.813rem;
border:1px solid rgba(13, 37, 48, 0.12);
padding:20px;
background:#FFFFFF;
}
.tootier_on-uof{
border-color:#007A8F;
background:rgba(0, 122, 143, 0.11);
}
.tootier_medal-uof{
background:linear-gradient(135deg,#00C8E0,#005566);
border-radius:8px;
margin-bottom:0.875rem;
height:30px;
width:30px;
}
.tootier_name-uof{
margin-bottom:5px;
font-size:0.938rem;
color:#0D2530;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
}
.tootier_tx-uof{
font-size:0.719rem;
color:#4D7080;
line-height:1.5;
}
@media(max-width:1026px){
.toovip-uof{
grid-template-columns:repeat(2,1fr);
}
}
.tooapp-uof{
gap:36px;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:center;
}
.tooapp_copy-uof{
max-width:32.5rem;
}
.tooapp_h2-uof{
margin:12px 0 10px;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.05;
color:#0D2530;
font-size:1.75rem;
font-weight:700;
}
.tooapp_text-uof{
line-height:1.6;
font-size:14px;
margin-bottom:1.25rem;
color:#2A4A58;
}
.tooapp_btns-uof{
gap:0.75rem;
flex-wrap:wrap;
display:flex;
}
.toostore-uof{
border-radius:0.813rem;
background:#F0FAFA;
padding:0.688rem 18px;
border:1px solid rgba(13, 37, 48, 0.12);
gap:9px;
color:#0D2530;
font-size:13px;
cursor:pointer;
align-items:center;
display:inline-flex;
font-weight:700;
}
.toostore-uof svg{
width:16px;
height:1rem;
}
.tooapp_qr_wrap-uof{
gap:16px;
display:flex;
align-items:center;
}
.tooqr-uof{
border:1px solid rgba(13, 37, 48, 0.12);
background:#F0FAFA;
grid-template-columns:repeat(5,1fr);
gap:3px;
grid-template-rows:repeat(5,1fr);
border-radius:13px;
padding:0.688rem;
display:grid;
width:6.75rem;
height:6.75rem;
}
.tooqr-uof i{
background:transparent;
}
.tooqr_f-uof{
background:#007A8F;
}
.tooapp_qr_cap-uof{
font-size:12px;
max-width:84px;
color:#4D7080;
line-height:1.4;
}
.toodw_h2-uof{
color:#0D2530;
line-height:1.08;
font-weight:700;
margin-bottom:0.625rem;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:1.625rem;
}
.toosteps_v-uof{
gap:10px;
grid-template-columns:1fr;
}
.toosteps_v-uof .toostep-uof{
padding:18px 20px;
}
@media(max-width:557px){
.toodw_h2-uof{
font-size:1.438rem;
}
}
.toosteps-uof{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.toosteps-uof>*{
min-width:0;
}
.toostep-uof{
border:1px solid rgba(13, 37, 48, 0.12);
padding:24px;
border-radius:0.813rem;
background:#FFFFFF;
position:relative;
}
.toostep_num-uof{
border-radius:8px;
background:#00C8E0;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
justify-content:center;
margin-bottom:0.875rem;
font-weight:700;
width:1.875rem;
height:1.875rem;
font-size:0.813rem;
display:flex;
color:#001C26;
align-items:center;
}
.toostep_h-uof{
color:#0D2530;
font-weight:700;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:16px;
margin-bottom:0.438rem;
}
.toostep_p-uof{
font-size:13px;
color:#2A4A58;
line-height:1.55;
}
@media(max-width:1021px){
.toosteps-uof{
grid-template-columns:1fr;
}
}
.toosupp-uof{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.toosupp-uof>*{
min-width:0;
}
.toosupp_card-uof{
padding:1.5rem;
border-radius:13px;
border:1px solid rgba(13, 37, 48, 0.12);
background:#FFFFFF;
}
.toosupp_card-uof svg{
margin-bottom:0.875rem;
width:24px;
height:24px;
color:#007A8F;
}
.toosupp_card-uof h3{
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
font-size:1rem;
color:#0D2530;
margin-bottom:0.375rem;
}
.toosupp_card-uof p{
color:#2A4A58;
font-size:0.813rem;
line-height:1.55;
}
@media(max-width:1025px){
.toosupp-uof{
grid-template-columns:1fr;
}
}
.tootour-uof{
border:1px solid rgba(13, 37, 48, 0.12);
overflow:hidden;
grid-template-columns:1.05fr 1fr;
border-radius:1.25rem;
display:grid;
}
.tootour-uof>*{
min-width:0;
}
.tootour_l-uof{
background:linear-gradient(135deg,#0B1E26,#0D2C3C);
padding:34px;
overflow:hidden;
color:#EDF9FC;
position:relative;
}
.tootour_h2-uof{
margin:12px 0 10px;
line-height:1.05;
font-size:1.875rem;
font-weight:700;
color:#EDF9FC;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.tootour_h2-uof em{
color:#00D8F0;
font-style:normal;
}
.tootour_text-uof{
margin-bottom:20px;
font-size:13.5px;
max-width:21.25rem;
line-height:1.6;
color:#8EC8D8;
}
.tootour_meta-uof{
gap:1.125rem;
align-items:flex-end;
display:flex;
flex-wrap:wrap;
margin-bottom:20px;
}
.tootour_cap-uof{
margin-bottom:0.313rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:9.5px;
color:#8EC8D8;
text-transform:uppercase;
}
.toocount-uof{
gap:0.375rem;
display:flex;
}
.toocount-uof span{
background:rgba(255, 255, 255, 0.08);
border-radius:8px;
padding:0.25rem 9px;
border:1px solid rgba(255, 255, 255, 0.13);
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:22px;
font-weight:700;
}
.tootour_units-uof{
font-size:10px;
color:#8EC8D8;
}
.tooboard-uof{
background:#FFFFFF;
padding:1.75rem 1.875rem;
}
.tooboard_head-uof{
margin-bottom:14px;
display:flex;
justify-content:space-between;
align-items:center;
}
.tooboard_title-uof{
font-weight:700;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:1rem;
color:#0D2530;
}
.tooboard_upd-uof{
font-size:10px;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:uppercase;
color:#4D7080;
}
.tooboard_list-uof{
gap:2px;
display:flex;
flex-direction:column;
}
.tooboard_row-uof{
border-radius:8px;
gap:0.75rem;
padding:0.625rem 12px;
display:flex;
align-items:center;
}
.tooboard_top1-uof{
background:rgba(0, 122, 143, 0.11);
}
.tooboard_rk-uof{
width:1.25rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-weight:700;
color:#4D7080;
font-size:14px;
}
.tooboard_top1-uof .tooboard_rk-uof{
color:#007A8F;
}
.tooboard_nm-uof{
flex:1;
min-width:0;
font-weight:600;
font-size:0.844rem;
color:#2A4A58;
}
.tooboard_top1-uof .tooboard_nm-uof{
color:#0D2530;
font-weight:700;
}
.tooboard_pt-uof{
color:#2A4A58;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:12.5px;
}
@media(max-width:1024px){
.tootour-uof{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.tootour_h2-uof{
font-size:24px;
}
}
.toopay_logos-uof{
grid-template-columns:repeat(4,1fr);
gap:0.563rem;
display:grid;
}
.toopay_logos-uof>*{
min-width:0;
}
.toopay-uof{
border:1px solid rgba(13, 37, 48, 0.12);
border-radius:8px;
font-size:0.75rem;
height:3rem;
display:flex;
justify-content:center;
color:#2A4A58;
align-items:center;
font-weight:700;
}
.tootable-uof{
overflow:hidden;
border:1px solid rgba(13, 37, 48, 0.12);
border-radius:0.813rem;
}
.tootrow-uof{
grid-template-columns:1.3fr 1fr 1fr 1fr;
font-size:0.813rem;
display:grid;
}
.tootrow-uof>div{
padding:0.813rem 0.875rem;
min-width:0;
}
.tootrow-uof>div:first-child{
color:#0D2530;
padding-left:1rem;
font-weight:700;
}
.tootrow_th-uof{
background:#F0FAFA;
font-size:9.5px;
letter-spacing:.06em;
text-transform:uppercase;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#4D7080;
}
.tootrow-uof:not(.tootrow_th-uof){
background:#FFFFFF;
border-top:1px solid rgba(13, 37, 48, 0.08);
color:#2A4A58;
}
.tootrow_zebra-uof{
background:#E8F5F7;
}
.toopos-uof{
color:#007A8F;
font-weight:700;
}
@media(max-width:1025px){
.toopay_logos-uof{
grid-template-columns:repeat(2,1fr);
}
}
.toonews-uof{
background:linear-gradient(135deg,#0B1E26,#0D2C3C);
border:1px solid rgba(13, 37, 48, 0.12);
padding:1.625rem 2rem;
gap:1.5rem;
border-radius:1.25rem;
justify-content:space-between;
display:flex;
color:#EDF9FC;
flex-wrap:wrap;
align-items:center;
}
.toonews_h3-uof{
margin-bottom:0.25rem;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#EDF9FC;
font-size:20px;
font-weight:700;
}
.toonews_text-uof{
color:#8EC8D8;
font-size:0.813rem;
}
.toonews_form-uof{
flex:1;
gap:0.625rem;
display:flex;
max-width:27.5rem;
min-width:0;
}
.toonews_form-uof .tooinput-uof{
min-width:0;
}
@media(max-width:559px){
.toonews_form-uof{
width:100%;
}
}
.tooinput-uof{
padding:0.813rem 1rem;
border-radius:0.5rem;
background:rgba(255, 255, 255, 0.08);
flex:1;
border:1px solid rgba(255, 255, 255, 0.13);
color:#8EC8D8;
font-size:0.844rem;
}
.toopromo_grid-uof{
gap:16px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.toopromo_grid-uof>*{
min-width:0;
}
.toopromo-uof{
border-radius:20px;
padding:1.5rem;
border:1px solid rgba(13, 37, 48, 0.12);
background:#FFFFFF;
overflow:hidden;
position:relative;
min-height:150px;
}
.toopromo_h-uof{
margin-top:6px;
color:#0D2530;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:1.625rem;
line-height:1.05;
font-weight:700;
}
.toopromo_h-uof em{
font-style:normal;
color:#007A8F;
}
.toopromo_p-uof{
margin-top:8px;
line-height:1.5;
color:#2A4A58;
font-size:12.5px;
}
.toopromo_feat-uof{
background:linear-gradient(135deg,#0B1E26,#0D2C3C);
border-color:rgba(13, 37, 48, 0.12);
}
.toopromo_feat-uof .toopromo_h-uof{
color:#EDF9FC;
}
.toopromo_feat-uof .toopromo_h-uof em{
color:#00D8F0;
}
.toopromo_feat-uof .toopromo_p-uof{
color:#8EC8D8;
}
.toopromo_feat-uof .tooeyebrow-uof{
color:#00D8F0;
}
@media(max-width:1021px){
.toopromo_grid-uof{
grid-template-columns:1fr;
}
}
.toogm-uof{
gap:16px;
grid-template-columns:1.3fr 1fr;
display:grid;
}
.toogm-uof>*{
min-width:0;
}
.toogm_panel-uof{
background:#FFFFFF;
border-radius:1.25rem;
padding:1.75rem;
border:1px solid rgba(13, 37, 48, 0.12);
}
.toogm_h2-uof{
margin:0.625rem 0 8px;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#0D2530;
font-weight:700;
font-size:1.5rem;
}
.toogm_text-uof{
line-height:1.6;
font-size:0.844rem;
margin-bottom:20px;
color:#2A4A58;
max-width:27.5rem;
}
.toogm_level-uof{
gap:0.875rem;
margin-bottom:1rem;
align-items:center;
display:flex;
}
.toogm_lv-uof{
font-size:1.5rem;
font-weight:700;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#007A8F;
}
.toogm_bar_wrap-uof{
flex:1;
min-width:0;
}
.toogm_bar_meta-uof{
display:flex;
margin-bottom:0.313rem;
justify-content:space-between;
font-size:10px;
color:#4D7080;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.toobar-uof{
border-radius:62.438rem;
background:#F0FAFA;
overflow:hidden;
height:8px;
}
.toobar_fill-uof{
border-radius:999px;
background:linear-gradient(90deg,#00C8E0,#005566);
display:block;
height:100%;
}
.toogm_missions-uof{
gap:9px;
flex-wrap:wrap;
display:flex;
}
.toogm_refer-uof{
border:1px solid rgba(13, 37, 48, 0.12);
padding:28px;
overflow:hidden;
border-radius:1.25rem;
background:linear-gradient(150deg,#0B1E26,#0D2C3C);
justify-content:space-between;
flex-direction:column;
color:#EDF9FC;
display:flex;
position:relative;
}
.toogm_refer-uof .tooeyebrow-uof{
color:#00D8F0;
}
.toogm_ref_h2-uof{
margin:10px 0 0.5rem;
line-height:1.1;
font-weight:700;
color:#EDF9FC;
font-size:1.5rem;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.toogm_ref_h2-uof em{
color:#00D8F0;
font-style:normal;
}
.toogm_ref_text-uof{
font-size:13px;
color:#8EC8D8;
line-height:1.55;
margin-bottom:1.125rem;
}
@media(max-width:1026px){
.toogm-uof{
grid-template-columns:1fr;
}
}
.toorv_head-uof{
gap:0.75rem;
justify-content:space-between;
display:flex;
align-items:flex-end;
margin-bottom:1.125rem;
flex-wrap:wrap;
}
.toorv_agg-uof{
gap:10px;
align-items:center;
display:flex;
}
.toorv_source-uof{
font-size:12.5px;
color:#4D7080;
}
.toorv_grid-uof{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.toorv_grid-uof>*{
min-width:0;
}
.tooreview-uof{
border-radius:0.813rem;
border:1px solid rgba(13, 37, 48, 0.12);
background:#FFFFFF;
padding:24px;
}
.tooreview-uof .toostars-uof{
margin-bottom:0.625rem;
}
.tooreview-uof p{
font-size:0.906rem;
line-height:1.5;
font-weight:600;
color:#0D2530;
margin-bottom:0.875rem;
}
.tooreview_by-uof{
font-size:0.781rem;
color:#4D7080;
}
@media(max-width:1022px){
.toorv_grid-uof{
grid-template-columns:1fr;
}
}
.tooet_h2-uof{
margin:10px 0 0.875rem;
line-height:1.08;
font-size:28px;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#0D2530;
font-weight:700;
}
.tooet_right-uof{
gap:10px;
display:flex;
flex-direction:column;
}
.tooet_updated-uof{
background:#F0FAFA;
gap:10px;
padding:0.875rem 1.125rem;
border:1px solid rgba(13, 37, 48, 0.12);
border-radius:13px;
display:flex;
font-size:0.75rem;
align-items:center;
color:#2A4A58;
}
.tooet_updated-uof svg{
flex:none;
width:0.938rem;
height:0.938rem;
color:#007A8F;
}
.tooet_updated-uof b{
color:#0D2530;
}
@media(max-width:560px){
.tooet_h2-uof{
font-size:1.5rem;
}
}
.tooop_h2-uof{
margin:0.625rem 0 8px;
font-weight:700;
color:#0D2530;
line-height:1.1;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:1.5rem;
}
.tooop_text-uof{
line-height:1.6;
color:#2A4A58;
font-size:13.5px;
}
@media(max-width:560px){
.tooop_h2-uof{
font-size:1.375rem;
}
}
.toorc-uof{
gap:2rem;
grid-template-columns:1fr 1fr 1fr;
display:grid;
}
.toorc-uof>*{
min-width:0;
}
.toorc_awards-uof{
gap:11px;
flex-direction:column;
display:flex;
}
.tooaward-uof{
gap:11px;
align-items:center;
display:flex;
}
.tooaward-uof svg{
flex:none;
color:#F0A800;
height:18px;
width:18px;
}
.tooaward_t-uof{
font-weight:700;
font-size:0.844rem;
color:#0D2530;
}
.tooaward_s-uof{
color:#4D7080;
font-size:11.5px;
}
.toorc_press-uof{
gap:10px;
grid-template-columns:1fr 1fr;
display:grid;
}
.toologo_cell-uof{
border:1px solid rgba(13, 37, 48, 0.12);
border-radius:8px;
height:3rem;
color:#2A4A58;
align-items:center;
justify-content:center;
display:flex;
font-size:13px;
font-weight:700;
}
.toorc_partner-uof{
background:#FFFFFF;
border-radius:13px;
border:1px solid rgba(13, 37, 48, 0.12);
padding:1.25rem;
}
.toorc_partner_name-uof{
font-size:18px;
color:#0D2530;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:0.375rem;
font-weight:700;
}
.toorc_partner_text-uof{
color:#2A4A58;
font-size:12.5px;
line-height:1.55;
}
@media(max-width:1026px){
.toorc-uof{
gap:22px;
grid-template-columns:1fr;
}
.toorc_press-uof{
grid-template-columns:repeat(4,1fr);
}
}
.tooab_h2-uof{
margin:14px 0 1rem;
color:#0D2530;
font-size:2rem;
font-weight:700;
line-height:1.08;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.tooab_body-uof{
margin-bottom:0.875rem;
line-height:1.65;
font-size:0.938rem;
color:#2A4A58;
}
.tooab_chips-uof{
gap:0.625rem;
flex-wrap:wrap;
display:flex;
margin-top:8px;
}
.toofaq-uof{
gap:0.625rem;
display:flex;
flex-direction:column;
}
.toofaq_item-uof{
border:1px solid rgba(13, 37, 48, 0.12);
border-radius:0.813rem;
padding:1.125rem 22px;
background:#FFFFFF;
}
.toofaq_q-uof{
gap:1rem;
list-style:none;
font-weight:600;
font-size:0.969rem;
justify-content:space-between;
display:flex;
cursor:pointer;
align-items:center;
color:#0D2530;
}
.toofaq_q-uof::-webkit-details-marker{
display:none;
}
.toofaq_q_t-uof{
gap:0.625rem;
display:flex;
}
.toofaq_q_i-uof{
font-style:normal;
color:#007A8F;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.toofaq_pm-uof{
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#007A8F;
font-size:1.25rem;
}
.toofaq_item-uof[open] .toofaq_pm-uof{
transform:rotate(45deg);
}
.toofaq_a-uof{
color:#2A4A58;
margin-top:12px;
line-height:1.6;
font-size:13.5px;
}
@media(max-width:562px){
.tooab_h2-uof{
font-size:1.625rem;
}
}
.tooprovs-uof{
grid-template-columns:repeat(6,1fr);
gap:12px;
margin-bottom:28px;
display:grid;
}
.tooprovs-uof>*{
min-width:0;
}
.tooprov-uof{
border-radius:0.813rem;
background:#FFFFFF;
padding:12px;
border:1px solid rgba(13, 37, 48, 0.12);
height:64px;
justify-content:center;
align-items:center;
display:flex;
text-decoration:none;
}
.tooprov_img-uof{
max-height:32px;
max-width:100%;
object-fit:contain;
}
.tooresp-uof{
border:1px solid rgba(13, 37, 48, 0.12);
background:#FFFFFF;
padding:1.625rem;
gap:1.5rem;
border-radius:13px;
align-items:center;
flex-wrap:wrap;
display:flex;
justify-content:space-between;
}
.tooresp_in-uof{
max-width:35rem;
}
.tooresp_h-uof{
font-weight:700;
margin-bottom:8px;
font-size:19px;
color:#0D2530;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.tooresp_p-uof{
font-size:0.844rem;
color:#2A4A58;
line-height:1.6;
}
.tooresp_badges-uof{
gap:14px;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.tooage18-uof{
border:1.5px solid #E03040;
border-radius:8px;
padding:0.25rem 0.5rem;
font-size:13px;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-weight:700;
color:#E03040;
}
.tooresp_org-uof{
font-size:0.813rem;
color:#4D7080;
font-weight:600;
}
@media(max-width:1027px){
.tooprovs-uof{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:557px){
.tooprovs-uof{
grid-template-columns:repeat(2,1fr);
}
}
.toodispute-uof{
gap:1.75rem;
border-radius:13px;
padding:26px 30px;
border:1px dashed rgba(13, 37, 48, 0.22);
justify-content:space-between;
display:flex;
flex-wrap:wrap;
align-items:center;
}
.toodispute_in-uof{
max-width:41.25rem;
}
.toodispute_h2-uof{
font-weight:700;
color:#0D2530;
font-family:"Montserrat", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:8px;
font-size:1.375rem;
}
.toodispute_text-uof{
color:#2A4A58;
line-height:1.6;
font-size:13.5px;
}
.toogd_head-uof{
gap:12px;
justify-content:space-between;
display:flex;
margin-bottom:1rem;
align-items:center;
flex-wrap:wrap;
}
.toofooter-uof{
padding:40px 28px;
background:#C8E8EE;
border-top:1px solid rgba(13, 37, 48, 0.08);
}
.toofooter_grid-uof{
grid-template-columns:1.4fr 1fr 1fr 1fr;
gap:2rem;
max-width:87.5rem;
margin-left:auto;
margin-right:auto;
display:grid;
margin-bottom:1.75rem;
}
.toofooter_grid-uof>*{
min-width:0;
}
.toofooter_grid-uof h4{
color:#7AA0AE;
font-size:10px;
text-transform:uppercase;
margin-bottom:0.813rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.12em;
}
.toofcol-uof{
gap:9px;
font-size:13px;
flex-direction:column;
display:flex;
color:#2A4A58;
}
.toofcol-uof a{
cursor:pointer;
}
.tooft_about-uof{
margin-top:0.75rem;
font-size:13px;
color:#4D7080;
line-height:1.6;
max-width:16.25rem;
}
.tooft_contact-uof{
overflow-wrap:anywhere;
margin-top:12px;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:12.5px;
color:#007A8F;
}
.toofooter_bottom-uof{
margin:0 auto;
gap:1rem;
border-top:1px solid rgba(13, 37, 48, 0.08);
display:flex;
max-width:87.5rem;
justify-content:space-between;
padding-top:20px;
align-items:center;
flex-wrap:wrap;
}
.toofooter_bottom-uof p{
max-width:720px;
line-height:1.6;
color:#7AA0AE;
font-size:11px;
}
@media(max-width:1025px){
.toofooter_grid-uof{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:557px){
.toofooter_grid-uof{
grid-template-columns:1fr;
}
}