/* Desgin-system-glass */
body.Desgin-system-glass{
 --glass-surface:rgba(255,255,255,.66);--glass-line:rgba(148,163,184,.24);--glass-shadow:0 8px 30px rgba(30,53,87,.045),inset 0 1px 0 rgba(255,255,255,.94);
 background:radial-gradient(ellipse at 8% 2%,rgba(219,234,254,.55),transparent 40%),radial-gradient(ellipse at 92% 26%,rgba(232,226,255,.32),transparent 40%),#fafcff!important;
 color:#111827;
}
body.Desgin-system-glass>header,
body.Desgin-system-glass.fradoma-ccs-design>header{
 background:rgba(255,255,255,.72)!important;
 -webkit-backdrop-filter:blur(24px) saturate(170%)!important;backdrop-filter:blur(24px) saturate(170%)!important;
 border-bottom:1px solid rgba(148,163,184,.22)!important;
 box-shadow:0 4px 24px rgba(30,53,87,.035),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body.Desgin-system-glass>header.is-scrolled{background:rgba(255,255,255,.81)!important;box-shadow:0 8px 30px rgba(30,53,87,.065),inset 0 1px 0 rgba(255,255,255,.95)!important}
body.Desgin-system-glass .hero,body.Desgin-system-glass .page-head,body.Desgin-system-glass .article-head,body.Desgin-system-glass .portal-hero,
body.Desgin-system-glass.fradoma-ccs-design.home-v2 .future-hero{background:rgba(255,255,255,.16)!important;border-color:rgba(148,163,184,.2)!important}
body.Desgin-system-glass main>section,
body.Desgin-system-glass.home-v2 main>section:nth-of-type(n),
body.Desgin-system-glass.fradoma-ccs-design.home-v2 main>section{background:rgba(255,255,255,.14)!important;border-color:rgba(148,163,184,.2)!important}
body.Desgin-system-glass .grid,body.Desgin-system-glass .cards,
body.Desgin-system-glass.fradoma-ccs-design .grid{gap:18px!important;border:0!important;background:transparent!important}
body.Desgin-system-glass main :is(.card,.article-card,.portal-card,.portal-empty,.notice,.empty,.band,.org,.pillars,.principles,.feat>div),
body.Desgin-system-glass.fradoma-ccs-design main .card,
body.Desgin-system-glass.fradoma-ccs-design main .band{
 background:linear-gradient(145deg,rgba(255,255,255,.87),rgba(255,255,255,.5))!important;
 border:1px solid rgba(148,163,184,.24)!important;border-radius:18px!important;
 box-shadow:var(--glass-shadow)!important;
 -webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%);
}
body.Desgin-system-glass .card:hover,body.Desgin-system-glass .article-card:hover,body.Desgin-system-glass .portal-card:hover,
body.Desgin-system-glass.fradoma-ccs-design main a.card:hover{
 background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.66))!important;
 border-color:rgba(120,143,179,.38)!important;
 box-shadow:0 12px 34px rgba(30,53,87,.075),inset 0 1px 0 #fff!important;
}
body.Desgin-system-glass .pillars>div,body.Desgin-system-glass .principles>div{background:transparent!important;border-color:rgba(148,163,184,.18)!important}
body.Desgin-system-glass .pillars,body.Desgin-system-glass .principles{overflow:hidden}
body.Desgin-system-glass .button,body.Desgin-system-glass .btn,
body.Desgin-system-glass.fradoma-ccs-design>header .btn.hd{
 background:linear-gradient(155deg,rgba(255,255,255,.92),rgba(255,255,255,.5))!important;
 border:1px solid rgba(148,163,184,.32)!important;border-radius:10px!important;
 box-shadow:0 2px 8px rgba(30,53,87,.025),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
body.Desgin-system-glass .languages,body.Desgin-system-glass>header .locale-trigger{
 background:rgba(255,255,255,.55)!important;border-color:rgba(148,163,184,.3)!important;border-radius:10px!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
body.Desgin-system-glass .languages a[aria-current]{background:rgba(223,233,248,.58)}
body.Desgin-system-glass>header :is(.locale-menu.lang,.country-menu){
 background:rgba(255,255,255,.93)!important;-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
 border:1px solid rgba(148,163,184,.24)!important;box-shadow:0 14px 40px rgba(30,53,87,.12)!important;border-radius:14px;
}
body.Desgin-system-glass .professional-carousel :is(.carousel-arrows,.fradoma-carousel__arrows){
 background:rgba(255,255,255,.62);border-color:rgba(148,163,184,.27);
 -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
 box-shadow:0 5px 18px rgba(30,53,87,.045),inset 0 1px 0 rgba(255,255,255,.98);
}
body.Desgin-system-glass .professional-carousel button[data-pause]{background:rgba(224,232,244,.47)}
body.Desgin-system-glass .professional-carousel :is(.carousel-arrows,.fradoma-carousel__arrows) button:hover{background:rgba(225,234,247,.58)}
body.Desgin-system-glass .editorial-note,body.Desgin-system-glass .example-diagram,
body.Desgin-system-glass .cookie-banner,body.Desgin-system-glass :is(.cookie-manager__panel,.cookie-manager__info){
 background:rgba(255,255,255,.85)!important;border:1px solid var(--glass-line)!important;border-radius:16px;
 -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);
}
body.Desgin-system-glass>footer,body.Desgin-system-glass.fradoma-ccs-design>footer{
 background:rgba(255,255,255,.55)!important;border-top:1px solid rgba(148,163,184,.22)!important;
 -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
body.Desgin-system-glass :is(.article-card-bottom,.footer-bottom,.fbot){border-color:rgba(148,163,184,.2)!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body.Desgin-system-glass>header,body.Desgin-system-glass.fradoma-ccs-design>header{background:rgba(255,255,255,.97)!important}
 body.Desgin-system-glass main :is(.card,.article-card,.portal-card,.band,.pillars,.principles),body.Desgin-system-glass.fradoma-ccs-design main .card,body.Desgin-system-glass.fradoma-ccs-design main .band{background:rgba(255,255,255,.94)!important}
}
@media(prefers-reduced-transparency:reduce){
 body.Desgin-system-glass{background:#fff!important}
 body.Desgin-system-glass>header,body.Desgin-system-glass.fradoma-ccs-design>header,
 body.Desgin-system-glass main :is(.card,.article-card,.portal-card,.band,.pillars,.principles),body.Desgin-system-glass>footer,
 body.Desgin-system-glass.fradoma-ccs-design main .card,body.Desgin-system-glass.fradoma-ccs-design main .band,body.Desgin-system-glass.fradoma-ccs-design>footer{
  background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 }
}
@media(max-width:620px){
 body.Desgin-system-glass .grid,body.Desgin-system-glass .cards,body.Desgin-system-glass.fradoma-ccs-design .grid{gap:14px!important}
 body.Desgin-system-glass main :is(.card,.article-card,.portal-card,.band,.pillars,.principles){border-radius:14px!important}
}