html { -webkit-text-size-adjust: 100%; line-height: 1.15; }
body { margin: 0; min-height: 100vh; }
main { display: block; }
h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit; margin: 0; }
p, figure, blockquote, dl, dd { margin: 0; }
ol, ul { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; background-color: transparent; color: inherit; }
b, strong { font-weight: bolder; }
img { max-width: 100%; display: block; border-style: none; height: auto; }
svg { vertical-align: middle; overflow: hidden; }
button, input, optgroup, select, textarea { line-height: 1.15; margin: 0; font-size: 100%; font-family: inherit; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; cursor: pointer; border: none; background: transparent; padding: 0; }
*, *::before, *::after { box-sizing: border-box; }
.site-box-col-tr1 { border-bottom: 1px solid rgba(255, 255, 255, 0.12); padding-top: 64px; padding-right: 22px; padding-bottom: 64px; padding-left: 1.375rem; border-top: 1px solid rgba(255, 255, 255, 0.12); background: #0f3460; }

.wp-container-sr2 { gap: 32px; flex-direction: column; display: flex; max-width: 1280px; margin: 0 auto; }

.app-banner-row-cp { flex-shrink: 0; }

.m-widget-box-9e8 { margin-bottom: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em; color: #bb86fc; font-size: 0.75rem; }

.ui-region-head-5q { font-size: 26px; font-weight: 800; margin-bottom: 12px; color: #ffd700; font-family: Playfair Display, sans-serif; overflow-wrap: break-word; line-height: 1.2; }

.page-card-wrap-i5z { margin-bottom: 20px; font-size: 36px; font-weight: 800; color: #bb86fc; }

.m-inner-primary-rri { border-radius: 8px; font-weight: 700; display: inline-block; font-family: Inter, sans-serif; font-size: 0.9375rem; padding: 15px 34px; transition: background 0.25s ease; background: #bb86fc; color: #1a1a2e; }

.m-inner-primary-rri:hover { background: #d7b8ff; }

.v-block-left-v9x { font-size: 11px; margin-top: 10px; color: #a8a8a8; }

.mod-inner-yo { flex: 1; }

.mod-inner-yo p { color: #e8e8e8; line-height: 1.7; font-size: 15px; font-family: Inter, sans-serif; margin-bottom: 0.8125rem; }

.mod-inner-yo p:last-child { margin-bottom: 0; }

.mod-inner-yo ul { padding-left: 22px; margin-bottom: 13px; list-style-type: circle; }

.mod-inner-yo ol { list-style-type: decimal; margin-bottom: 13px; padding-left: 22px; }

.mod-inner-yo li { line-height: 1.6; font-size: 14px; font-family: Inter, sans-serif; margin-bottom: 7px; color: #e8e8e8; }

.mod-inner-yo a { text-underline-offset: 3px; color: #bb86fc; text-decoration: underline; }
.mod-inner-yo a:hover { color: #d7b8ff; }

.mod-inner-yo strong { color: #ffd700; }

.mod-inner-yo table { font-size: 0.875rem; display: block; overflow-x: auto; margin-bottom: 0.8125rem; width: 100%; border-collapse: collapse; }

.mod-inner-yo th { background: rgba(255,255,255,0.04); color: #ffd700; border-bottom: 1px solid rgba(255, 255, 255, 0.12); font-weight: 600; text-align: left; padding-top: 10px; padding-right: 0.75rem; padding-bottom: 10px; padding-left: 12px; }

.mod-inner-yo td { border-bottom: 1px solid rgba(255,255,255,0.04); color: #e8e8e8; padding: 10px 12px; }

@media (min-width:797px) {
  .site-box-col-tr1 { padding: 80px 40px; }
  .wp-container-sr2 { align-items: flex-start; flex-direction: row; gap: 60px; }
  .app-banner-row-cp { max-width: 380px; }
  .ui-region-head-5q { font-size: 32px; }
  .page-card-wrap-i5z { font-size: 2.75rem; }
  .mod-inner-yo table { display: table; }
}
.js-list-area-5dv { padding: 2.25rem 18px; border-top: 1px solid rgba(255, 255, 255, 0.12); background: #1a1a2e; }

.el-icon-cell-el { flex-direction: column; align-items: center; margin: 0 auto; text-align: center; gap: 1.5rem; max-width: 1280px; display: flex; }

.wp-holder-area-tc8 { font-size: 19px; letter-spacing: -0.02em; font-weight: 800; color: #ffd700; }

.t-title-right-d4 { gap: 8px 20px; justify-content: center; display: flex; flex-wrap: wrap; }

.t-title-right-d4 a { font-family: Inter, sans-serif; transition: color 0.25s ease; font-weight: 500; font-size: 0.875rem; color: #e8e8e8; }

.t-title-right-d4 a:hover { color: #ffd700; }

.page-module-wrap-ujo { height: 1px; width: 60px; background: rgba(255, 255, 255, 0.12); }

.m-hero-block-a6a { color: #a8a8a8; line-height: 1.55; max-width: 700px; font-size: 12px; }

.m-hero-group-ub { font-size: 0.75rem; color: #a8a8a8; }
.mod-content-block-u7 { padding-top: 54px; padding-right: 20px; padding-bottom: 54px; padding-left: 20px; background: #0f3460; }
.site-link-primary-pa { gap: 28px; max-width: 1280px; margin: 0 auto; flex-direction: column; display: flex; }
.l-btn-main-lrk { font-size: 11px; text-transform: uppercase; color: #bb86fc; margin-bottom: 8px; letter-spacing: 0.1em; font-weight: 700; font-family: Inter, sans-serif; }
.el-component-row-l12 { font-size: 26px; font-family: Playfair Display, sans-serif; font-weight: 800; overflow-wrap: break-word; margin-bottom: 18px; color: #ffd700; }
.b-slot-main-b2 { color: #e8e8e8; font-size: 1rem; line-height: 1.75; font-family: Inter, sans-serif; }
.b-slot-main-b2 p { margin-bottom: 16px; }
.b-slot-main-b2 p:last-child { margin-bottom: 0; }
.b-slot-main-b2 strong { color: #ffd700; }
.b-slot-main-b2 a { text-underline-offset: 3px; text-decoration: underline; color: #bb86fc; }
.b-slot-main-b2 a:hover { color: #d7b8ff; }
.b-slot-main-b2 ul { list-style-type: circle; padding-left: 22px; margin-bottom: 16px; }
.b-slot-main-b2 ol { list-style-type: decimal; margin-bottom: 16px; padding-left: 22px; }
.b-slot-main-b2 li { margin-bottom: 8px; font-size: 1rem; line-height: 1.75; color: #e8e8e8; }
.b-slot-main-b2 table { width: 100%; display: block; margin-bottom: 1rem; border-collapse: collapse; overflow-x: auto; }
.b-slot-main-b2 th { text-align: left; background: #1a1a2e; border-bottom: 1px solid rgba(255, 255, 255, 0.12); padding-top: 11px; padding-right: 14px; padding-bottom: 11px; padding-left: 14px; color: #ffd700; font-weight: 600; }
.b-slot-main-b2 td { color: #e8e8e8; padding: 11px 14px; border-bottom: 1px solid rgba(255,255,255,0.04); }
.mod-top-area-ij { padding: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.12); background: #1a1a2e; border-radius: 16px; }
.page-grid-left-hd9 { text-transform: uppercase; font-weight: 600; margin-bottom: 6px; letter-spacing: 0.08em; color: #a8a8a8; font-family: Inter, sans-serif; font-size: 12px; }
.m-banner-base-53 { margin-bottom: 8px; font-size: 28px; font-weight: 800; font-family: Playfair Display, sans-serif; color: #bb86fc; }
.el-strip-area-ltv { font-size: 14px; color: #a8a8a8; line-height: 1.5; font-family: Inter, sans-serif; }
@media (min-width:855px) {
  .mod-content-block-u7 { padding: 72px 44px; }
  .site-link-primary-pa { gap: 48px; flex-direction: row; }
  .el-area-inner-3n { flex: 1; }
  .mod-top-area-ij { flex: 0 0 280px; align-self: flex-start; }
  .el-component-row-l12 { font-size: 30px; }
  .b-slot-main-b2 table { display: table; }
}

.m-outer-wrap-h5a { background-repeat: no-repeat; padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 1.25rem; background-color: #1a1a2e; position: relative; background-position: center; background-size: cover; overflow: hidden; }

.m-outer-wrap-h5a::before { content: ''; position: absolute; background: linear-gradient(180deg, rgba(10,22,40,0.8) 0%, rgba(10,22,40,0.9) 100%); inset: 0; pointer-events: none; }

.page-frame-base-okt { margin: 0 auto; max-width: 1280px; z-index: 1; position: relative; }

.l-box-wrap-63 { margin-bottom: 32px; text-align: center; }

.v-text-b0 { color: #fff; font-family: Playfair Display, sans-serif; font-weight: 800; text-shadow: 0 2px 8px rgba(0,0,0,0.4); font-size: 1.625rem; line-height: 1.2; margin-bottom: 10px; overflow-wrap: break-word; }

.ui-strip-inner-dk1 { font-size: 15px; color: rgba(255,255,255,0.7); font-family: Inter, sans-serif; }

.app-frame-top-xm { gap: 16px; grid-template-columns: 1fr; display: grid; }

.t-menu-wrap-qyn { border: 1px solid rgba(255,255,255,0.08); transition: border-color 0.25s ease; border-radius: 16px; padding: 24px; gap: 12px; display: flex; background: rgba(13,30,53,0.8); backdrop-filter: blur(8px); flex-direction: column; }

.t-menu-wrap-qyn:hover { border-color: rgba(212,175,55,0.25); }

.t-block-block-rke { font-weight: 700; font-size: 1.125rem; color: #fff; }

.mod-component-left-v3 { font-weight: 800; color: #bb86fc; font-size: 24px; }

.el-cell-top-0s { color: rgba(255,255,255,0.6); font-size: 13px; line-height: 1.5; }

.js-cell-box-cdn { display: inline-block; color: #1a1a2e; font-size: 14px; border-radius: 8px; font-weight: 700; font-family: Inter, sans-serif; align-self: flex-start; background: #bb86fc; padding: 10px 20px; transition: background 0.25s ease; }

.js-cell-box-cdn:hover { background: #d7b8ff; }

@media (min-width:596px) {
  .app-frame-top-xm { grid-template-columns: 1fr 1fr; }
}

@media (min-width:901px) {
  .app-frame-top-xm { grid-template-columns: 1fr 1fr 1fr; }
  .v-text-b0 { font-size: 36px; }
}
.l-zone-row-fm { padding-top: 46px; padding-right: 1.125rem; padding-bottom: 46px; padding-left: 1.125rem; background: #0f3460; }
.v-title-block-iqf { margin: 0 auto; max-width: 880px; }
.v-card-inner-dx6 { box-shadow: 0 2px 16px rgba(0,0,0,0.1); border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.12); padding: 26px 22px; background: #1a1a2e; }
.mod-menu-primary-q2m { font-family: Inter, sans-serif; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #bb86fc; margin-bottom: 10px; letter-spacing: 0.1em; }
.l-banner-wrap-jdo { font-size: 20px; color: #ffd700; font-weight: 800; font-family: Playfair Display, sans-serif; margin-bottom: 14px; overflow-wrap: break-word; }
.el-hero-top-vtt { color: #e8e8e8; font-family: Inter, sans-serif; line-height: 1.65; font-size: 14px; }
.el-hero-top-vtt p { margin-bottom: 11px; }
.el-hero-top-vtt p:last-child { margin-bottom: 0; }
.el-hero-top-vtt strong { color: #ffd700; }
.el-hero-top-vtt a { color: #bb86fc; text-decoration: underline; text-underline-offset: 2px; }
.el-hero-top-vtt a:hover { color: #d7b8ff; }
.el-hero-top-vtt ul { margin-bottom: 11px; list-style-type: circle; padding-left: 1.125rem; }
.el-hero-top-vtt ol { padding-left: 18px; list-style-type: decimal; margin-bottom: 11px; }
.el-hero-top-vtt li { margin-bottom: 5px; font-size: 14px; line-height: 1.65; color: #e8e8e8; }
.el-hero-top-vtt dl { margin-bottom: 11px; }
.el-hero-top-vtt dt { font-size: 14px; font-weight: 800; color: #ffd700; margin-top: 12px; }
.el-hero-top-vtt dt:first-child { margin-top: 0; }
.el-hero-top-vtt dd { margin-bottom: 5px; color: #e8e8e8; font-size: 0.875rem; margin-left: 0; line-height: 1.65; }
.el-hero-top-vtt table { margin-bottom: 11px; border-collapse: collapse; display: block; overflow-x: auto; width: 100%; }
.el-hero-top-vtt th { text-align: left; font-weight: 600; background: rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: #ffd700; padding: 9px 11px; }
.el-hero-top-vtt td { border-bottom: 1px solid rgba(255,255,255,0.04); padding: 9px 11px; color: #e8e8e8; }
@media (min-width:795px) {
  .l-zone-row-fm { padding-top: 62px; padding-right: 36px; padding-bottom: 62px; padding-left: 2.25rem; }
  .v-card-inner-dx6 { padding: 34px 30px; }
  .l-banner-wrap-jdo { font-size: 24px; }
  .el-hero-top-vtt table { display: table; }
}

.page-group-right-gjp { background: #1a1a2e; border-top: 1px solid rgba(255, 255, 255, 0.12); padding: 46px 18px; }
.site-text-foot-ba { gap: 32px; max-width: 1280px; flex-direction: column; margin: 0 auto; display: flex; }
.b-list-block-hzy { overflow-wrap: break-word; font-weight: 800; color: #ffd700; margin-bottom: 0.875rem; font-size: 1.375rem; font-family: Playfair Display, sans-serif; }
.c-grid-inner-84 { font-family: Inter, sans-serif; font-size: 16px; color: #e8e8e8; line-height: 1.6; }
.c-grid-inner-84 p {
  margin-bottom: 15px;
}
.c-grid-inner-84 p:last-child {
  margin-bottom: 0;
}
.c-grid-inner-84 strong {
  color: #ffd700;
}
.c-grid-inner-84 a { text-decoration: underline; color: #bb86fc; text-underline-offset: 2px; }
.c-grid-inner-84 a:hover {
  color: #d7b8ff;
}
.c-grid-inner-84 ul { padding-left: 20px; margin-bottom: 15px; list-style-type: square; }
.c-grid-inner-84 ol { list-style-type: decimal; padding-left: 20px; margin-bottom: 0.9375rem; }
.c-grid-inner-84 li { margin-bottom: 7px; font-size: 16px; color: #e8e8e8; line-height: 1.6; }
.c-grid-inner-84 table { border-collapse: collapse; width: 100%; overflow-x: auto; margin-bottom: 15px; display: block; }
.c-grid-inner-84 th, .c-grid-inner-84 td { text-align: left; padding: 10px 13px; font-size: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.c-grid-inner-84 th { color: #ffd700; font-weight: 600; }
.t-layer-foot-sg { gap: 16px; display: flex; flex-direction: column; }
.site-module-nk { background: #0f3460; border-radius: 8px; padding: 16px; }
.el-view-right-b9e { color: #a8a8a8; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 4px; font-family: Inter, sans-serif; font-weight: 600; }
.js-item-head-wg { font-weight: 700; color: #ffd700; font-family: Inter, sans-serif; font-size: 0.9375rem; }
@media (min-width:842px) {
  .page-group-right-gjp { padding: 60px 38px; }
  .site-text-foot-ba { gap: 48px; flex-direction: row; }
  .m-panel-box-uu { flex: 1; }
  .t-layer-foot-sg { flex: 0 0 260px; }
  .b-list-block-hzy { font-size: 26px; }
  .c-grid-inner-84 table { display: table; }
}

.page-row-body-bno { background: #0f3460; padding: 48px 20px; }
.page-header-area-9ai { max-width: 800px; margin: 0 auto; text-align: center; }
.l-block-body-nal { font-family: Playfair Display, sans-serif; margin-bottom: 16px; font-weight: 700; font-size: 18px; overflow-wrap: break-word; color: #e8e8e8; }
.ui-component-row-n1h { font-family: Inter, sans-serif; color: #e8e8e8; line-height: 1.7; font-size: 13px; }
.ui-component-row-n1h p {
  margin-bottom: 10px;
}
.ui-component-row-n1h p:last-child {
  margin-bottom: 0;
}
.ui-component-row-n1h a { text-underline-offset: 2px; text-decoration: underline; color: #e8e8e8; }
.ui-component-row-n1h a:hover {
  color: #bb86fc;
}
.ui-component-row-n1h strong {
  color: #ffd700;
}
.ui-component-row-n1h ul { list-style-type: circle; padding-left: 20px; margin-bottom: 10px; }
.ui-component-row-n1h ol { margin-bottom: 10px; padding-left: 20px; list-style-type: decimal; }
.ui-component-row-n1h li { color: #a8a8a8; line-height: 1.5; margin-bottom: 4px; font-size: 13px; }
.ui-component-row-n1h table { overflow-x: auto; width: 100%; border-collapse: collapse; margin-bottom: 10px; display: block; }
.ui-component-row-n1h th, .ui-component-row-n1h td { font-size: 0.75rem; text-align: left; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.ui-component-row-n1h th { font-weight: 600; color: #e8e8e8; }

@media (min-width:774px) {
  .ui-component-row-n1h table { display: table; }
}

.app-container-body-1l { padding: 52px 22px; background: #0f3460; }
.page-banner-cell-f7 { flex-direction: column; max-width: 1280px; gap: 20px; display: flex; margin: 0 auto; }
.content-top-6it { overflow-wrap: break-word; font-family: Playfair Display, sans-serif; font-size: 1.5rem; font-weight: 800; color: #ffd700; }
.el-bar-row-te { line-height: 1.75; font-family: Inter, sans-serif; color: #e8e8e8; font-size: 14px; }
.el-bar-row-te p {
  margin-bottom: 13px;
}
.el-bar-row-te p:last-child {
  margin-bottom: 0;
}
.el-bar-row-te strong {
  color: #ffd700;
}
.el-bar-row-te a { text-decoration: underline; text-underline-offset: 2px; color: #bb86fc; }
.el-bar-row-te a:hover {
  color: #d7b8ff;
}
.el-bar-row-te ul { margin-bottom: 13px; padding-left: 20px; list-style-type: circle; }
.el-bar-row-te ol { padding-left: 20px; margin-bottom: 13px; list-style-type: decimal; }
.el-bar-row-te li { font-size: 14px; line-height: 1.75; color: #e8e8e8; margin-bottom: 7px; }
.el-bar-row-te table { display: block; margin-bottom: 13px; width: 100%; border-collapse: collapse; overflow-x: auto; }
.el-bar-row-te th, .el-bar-row-te td { font-size: 13px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); text-align: left; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; }
.el-bar-row-te th { letter-spacing: 0.04em; color: #ffd700; text-transform: uppercase; font-size: 12px; font-weight: 600; }
@media (min-width:798px) {
  .app-container-body-1l { padding: 68px 44px; }
  .page-banner-cell-f7 { gap: 60px; flex-direction: row; }
  .l-box-inner-w61 { flex: 0 0 280px; }
  .content-top-6it { font-size: 1.75rem; }
  .el-bar-row-te table { display: table; }
}

.el-wrapper-primary-29a { background: #0f3460; border-bottom: 1px solid rgba(255, 255, 255, 0.12); left: 0; top: 0; right: 0; z-index: 1000; padding: 10px 20px; position: fixed; }

.m-view-col-a0 { gap: 10px; margin: 0 auto; align-items: center; max-width: 1280px; flex-direction: column; display: flex; }

.el-zone-body-0s { color: #e8e8e8; font-family: Inter, sans-serif; line-height: 1.4; text-align: center; font-size: 12px; }

.el-zone-body-0s a { color: #ffd700; text-decoration: underline; text-underline-offset: 2px; }

.el-zone-body-0s a:hover { color: #bb86fc; }

.js-bar-primary-xbd { flex-shrink: 0; display: flex; gap: 8px; }

.mod-bar-left-c2k { border-radius: 4px; background: rgba(255,255,255,0.1); padding: 5px 16px; color: #ffd700; font-weight: 600; font-family: Inter, sans-serif; transition: background 0.25s ease; font-size: 0.75rem; }

.mod-bar-left-c2k:hover { background: rgba(255,255,255,0.15); }

.v-content-head-nv { font-size: 0.75rem; transition: color 0.25s ease; border-radius: 4px; color: #a8a8a8; font-family: Inter, sans-serif; font-weight: 500; padding: 5px 16px; }

.v-content-head-nv:hover { color: #e8e8e8; }

@media (min-width:774px) {
  .m-view-col-a0 { justify-content: center; flex-direction: row; gap: 16px; }
  .el-wrapper-primary-29a { padding: 8px 40px; }
}
.t-box-box-a5m { transition: box-shadow 0.3s ease; background: #1a1a2e; }

.t-box-box-a5m.mod-wrapper-area-qo2 { box-shadow: 0 2px 12px rgba(0,0,0,0.3); }

.mod-card-primary-cxw { gap: 0.75rem; margin: 0 auto; align-items: center; display: flex; max-width: 1280px; padding: 0 16px; }

.ui-group-primary-x4c { font-size: 17px; font-weight: 800; display: flex; white-space: nowrap; letter-spacing: -0.02em; color: #ffd700; gap: 8px; align-items: center; }

/* --- Full state --- */

.m-area-base-uv { transition: max-height 0.35s ease, opacity 0.25s ease; max-height: 64px; overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }

.m-area-base-uv .mod-card-primary-cxw { height: 56px; }

.t-box-box-a5m.mod-wrapper-area-qo2 .m-area-base-uv { opacity: 0; max-height: 0; border: none; }

.wp-hero-right-i7r { display: none; }

.js-grid-block-zs { display: flex; align-items: center; gap: 8px; margin-left: auto; }

.ui-text-primary-cm { background: #bb86fc; font-size: 13px; font-weight: 700; border-radius: 8px; transition: background 0.25s ease; color: #1a1a2e; font-family: Inter, sans-serif; padding: 7px 14px; }

.ui-text-primary-cm:hover { background: #d7b8ff; }

.c-region-body-pb7 { color: #e8e8e8; display: none; border: 1px solid rgba(255,255,255,0.1); background: none; }

.c-region-body-pb7:hover { background: rgba(255,255,255,0.04); }

.v-wrap-rx { flex-direction: column; display: flex; border: none; cursor: pointer; background: none; padding: 8px; gap: 5px; margin-left: 4px; }

.v-wrap-rx span { border-radius: 2px; height: 2px; display: block; background: #e8e8e8; width: 20px; }

/* --- Compact state --- */

.js-block-foot-2a { opacity: 0; max-height: 0; transition: max-height 0.35s ease, opacity 0.25s ease; overflow: hidden; }

.t-box-box-a5m.mod-wrapper-area-qo2 .js-block-foot-2a { opacity: 1; max-height: 52px; }

.js-block-foot-2a .mod-card-primary-cxw { height: 48px; justify-content: space-between; }

.js-inner-area-y0 { transition: background 0.25s ease; font-size: 13px; border-radius: 4px; font-family: Inter, sans-serif; font-weight: 500; padding: 5px 14px; background: none; color: #e8e8e8; border: 1px solid rgba(255, 255, 255, 0.12); cursor: pointer; }

.js-inner-area-y0:hover { background: rgba(255,255,255,0.04); }

.mod-inner-box-xju { font-weight: 700; background: #bb86fc; padding-top: 6px; padding-right: 14px; padding-bottom: 6px; padding-left: 0.875rem; color: #1a1a2e; font-family: Inter, sans-serif; font-size: 12px; border-radius: 8px; }

/* --- Dropdown --- */

.mod-group-top-khc { overflow: hidden; max-height: 0; transition: max-height 0.3s ease; background: #0f3460; }

.mod-group-top-khc.ui-frame-wrap-0nu { max-height: 300px; border-bottom: 1px solid rgba(255,255,255,0.06); }

.el-list-area-qh { display: block; padding-top: 14px; padding-right: 1.5rem; padding-bottom: 14px; padding-left: 24px; font-size: 15px; border-bottom: 1px solid rgba(255,255,255,0.04); transition: color 0.25s ease, background 0.25s ease; color: #e8e8e8; font-weight: 500; font-family: Inter, sans-serif; }

.el-list-area-qh:last-child { border-bottom: none; }
.el-list-area-qh:hover { background: rgba(255,255,255,0.03); color: #ffd700; }

/* --- Language dropdown --- */

.mod-cell-uuf { position: relative; }

.site-view-foot-o8m { line-height: 1; cursor: pointer; font-family: Inter, sans-serif; font-size: 13px; transition: border-color 0.25s ease, background 0.25s ease; align-items: center; color: #e8e8e8; padding: 5px 10px; gap: 6px; border: 1px solid rgba(255, 255, 255, 0.12); display: flex; white-space: nowrap; border-radius: 8px; font-weight: 600; background: rgba(255,255,255,0.02); }

.site-view-foot-o8m:hover { border-color: rgba(255,255,255,0.15); background: rgba(255,255,255,0.04); }
.js-btn-top-sb { transition: transform 0.25s ease; font-size: 9px; }
.mod-cell-uuf.ui-frame-wrap-0nu .js-btn-top-sb { transform: rotate(180deg); }

.t-outer-head-ft { top: calc(100% + 4px); border-radius: 16px; padding: 4px; border: 1px solid rgba(255, 255, 255, 0.12); right: 0; display: none; box-shadow: 0 8px 24px rgba(0,0,0,0.4); position: absolute; min-width:135px; z-index: 50; background: #0f3460; }

.mod-cell-uuf.ui-frame-wrap-0nu .t-outer-head-ft { display: block; }

.wp-section-cell-2eq { align-items: center; gap: 8px; cursor: pointer; border-radius: 8px; display: flex; color: #e8e8e8; font-family: Inter, sans-serif; font-size: 13px; padding: 8px 12px; transition: background 0.25s ease, color 0.25s ease; font-weight: 500; }

.wp-section-cell-2eq:hover { background: rgba(255,255,255,0.06); color: #ffd700; }
.wp-section-cell-2eq.active { color: #bb86fc; }
.v-zone-block-fop { font-size: 15px; line-height: 1; }

/* --- Desktop --- */

@media (min-width:786px) {
  .m-area-base-uv .mod-card-primary-cxw { height: 60px; gap: 20px; padding: 0 20px; }
  .m-area-base-uv { max-height: 72px; }

  .wp-hero-right-i7r { display: flex; gap: 4px; flex: 1; justify-content: center; }

  .app-strip-primary-81 { transition: color 0.25s ease, background 0.25s ease; border-radius: 4px; color: #e8e8e8; font-weight: 500; padding: 6px 12px; font-size: 15px; font-family: Inter, sans-serif; }

  .app-strip-primary-81:hover { background: rgba(255,255,255,0.05); color: #ffd700; }

  .c-region-body-pb7 { display: inline-flex; }
  .v-wrap-rx { display: none; }
  .js-block-foot-2a .mod-card-primary-cxw { padding: 0 20px; }
}