html.tg1 { --t-acc: #2EA6FF; --t-acc-tx: #fff; --t-bg: #0E1621; --t-card: #17212B; --t-tx: #F5F5F5; --t-hint: #8696A6; --t-sep: rgba(255,255,255,.07); --t-press: rgba(255,255,255,.05); --t-bar: rgba(23,33,43,.92); }
html.tg1[data-theme="light"] { --t-acc: #3390EC; --t-bg: #EFEFF4; --t-card: #fff; --t-tx: #000; --t-hint: #707579; --t-sep: rgba(60,60,67,.16); --t-press: rgba(0,0,0,.05); --t-bar: rgba(255,255,255,.88); }
html.tg2 { --t-acc: #9D7BFF; --t-acc-tx: #120A26; --t-bg: #100E14; --t-card: #1C1A22; --t-tx: #F2F0F7; --t-hint: #9A95A8; --t-sep: rgba(255,255,255,.07); --t-press: rgba(157,123,255,.08); --t-bar: rgba(28,26,34,.92); }
html.tg2[data-theme="light"] { --t-acc: #7C4DFF; --t-acc-tx: #fff; --t-bg: #F2F1F7; --t-card: #fff; --t-tx: #14121A; --t-hint: #6E6A7C; --t-sep: rgba(40,30,80,.1); --t-press: rgba(124,77,255,.06); --t-bar: rgba(255,255,255,.9); }
html.tg3 { --t-acc: #9C8CFF; --t-acc-tx: #fff; --t-bg: #000; --t-card: #1C1C1E; --t-tx: #fff; --t-hint: #8D8D93; --t-sep: #2C2C2E; --t-press: rgba(255,255,255,.06); --t-bar: rgba(22,22,24,.88); --t-grad: linear-gradient(135deg, #7B61FF, #4B7BFF 60%, #2AABEE); }
html.tg3[data-theme="light"] { --t-acc: #7B61FF; --t-bg: #F2F2F7; --t-card: #fff; --t-tx: #000; --t-hint: #6D6D72; --t-sep: rgba(60,60,67,.16); --t-press: rgba(0,0,0,.05); --t-bar: rgba(249,249,249,.88); }
html.tg { --t-red: #FF3B30; --t-green: #34C759; --t-orange: #FF9500; --t-f: 'Tajawal', 'Almarai', system-ui, sans-serif; }
html.tg[data-theme="light"] { --t-red: #E5372B; }
html.tg .t-b { --ic: #007AFF; } html.tg .t-v { --ic: #AF52DE; } html.tg .t-p { --ic: #5856D6; } html.tg .t-g { --ic: #34C759; }
html.tg .t-c { --ic: #30B0C7; } html.tg .t-o { --ic: #FF9500; } html.tg .t-r { --ic: #FF3B30; } html.tg .t-y { --ic: #FF9F0A; }
html.tg [data-kind="lecture"], html.tg [data-kind="section"] { --ic: #5856D6; }
html.tg [data-kind="summary"] { --ic: #34C759; }
html.tg [data-kind="exam"] { --ic: #FF9500; }
html.tg [data-kind="other"] { --ic: #8E8E93; }
html.tg, html.tg body { background: var(--t-bg) !important; color: var(--t-tx); }
html.tg body::before, html.tg body::after { display: none !important; }
html.tg .k2, html.tg .sc2 { --font: var(--t-f); --k-tx: var(--t-tx); --k-mut: var(--t-hint); --k-box: var(--t-card); --k-line: var(--t-sep); padding-top: 4px; font-family: var(--t-f); }
html.tg main.wrap { padding-bottom: 96px; }
html.tg .k-deco, html.tg .k-hero-bg, html.tg .k-ill, html.tg .k-sw, html.tg .sc-deco, html.tg .sc-hero-bg, html.tg .sc-ill, html.tg .sc-sw, html.tg .kh-no { display: none !important; }
html.tg footer.foot { color: var(--t-hint); }
html.tg body header.top { background: var(--t-bar) !important; -webkit-backdrop-filter: saturate(180%) blur(18px); backdrop-filter: saturate(180%) blur(18px);
border-bottom: .5px solid var(--t-sep) !important; box-shadow: none !important; }
html.tg header.top .wrap { height: 56px; }
html.tg header.top .logo { color: var(--t-tx) !important; font-family: var(--t-f) !important; font-weight: 800 !important; font-size: 22px !important; text-shadow: none !important; }
html.tg header.top .logo .cursor { display: none !important; }
html.tg header.top .logo .pro { background: var(--t-acc) !important; color: var(--t-acc-tx) !important; box-shadow: none !important; border: 0 !important;
font: 700 12px/1 var(--t-f) !important; padding: 5px 7px 4px !important; border-radius: 7px !important; transform: none !important; }
html.tg3 header.top .logo .pro { background: var(--t-grad) !important; color: #fff !important; }
html.tg header.top .icon-btn, html.tg header.top .btn { background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--t-acc) !important; border-radius: 50% !important; }
html.tg header.top .icon-btn:active { background: var(--t-press) !important; }
html.tg header.top .btn-primary { background: var(--t-acc) !important; color: var(--t-acc-tx) !important; border-radius: 10px !important; }
html.tg .n2-nav, html.tg .bottomnav { left: 0 !important; right: 0 !important; bottom: 0 !important; max-width: none !important; width: auto !important; margin: 0 !important; transform: none !important;
height: calc(62px + env(safe-area-inset-bottom)) !important; padding: 0 4px env(safe-area-inset-bottom) !important; gap: 0 !important; border-radius: 0 !important;
background: var(--t-bar) !important; border: 0 !important; border-top: .5px solid var(--t-sep) !important; box-shadow: none !important;
-webkit-backdrop-filter: saturate(180%) blur(18px); backdrop-filter: saturate(180%) blur(18px); }
html.tg .n2-nav a, html.tg .bottomnav a { margin: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important;
color: var(--t-hint) !important; font: 500 11.5px/1 var(--t-f) !important; gap: 4px !important; transform: none !important; }
html.tg .n2-nav a svg { width: 25px !important; height: 25px !important; }
html.tg .n2-nav a.on, html.tg .bottomnav a.on { color: var(--t-acc) !important; font-weight: 700 !important; }
html.tg .n2-nav .dot { top: 8px !important; background: var(--t-red) !important; }
html.tg .k-hero, html.tg .sc-hero { flex-direction: column; justify-content: center; text-align: center; gap: 10px; min-height: 0; padding: 10px 8px 6px !important; margin: 0 0 6px;
background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0; overflow: visible; }
html.tg .k-art, html.tg .sc-art { flex: none !important; width: 76px !important; height: 72px !important; }
html.tg .k-hero-tx, html.tg .sc-hero-tx { flex: none; width: 100%; }
html.tg .k-h1, html.tg .sc-h1 { font: 800 24px/1.25 var(--t-f) !important; color: var(--t-tx) !important; }
html.tg .k-sub, html.tg .sc-sub { margin-top: 4px !important; font: 400 15px/1.4 var(--t-f) !important; color: var(--t-hint) !important; }
html.tg .k-desc, html.tg .sc-desc { font: 400 13px/1.4 var(--t-f) !important; color: var(--t-hint) !important; }
html.tg .kh > .k-hero { flex-direction: row; text-align: start; justify-content: flex-start; gap: 14px; padding: 14px 4px 4px !important; }
html.tg .kh > .k-hero .k-art { width: 58px !important; height: 56px !important; }
html.tg3 .kh > .k-hero { padding: 16px !important; margin: 6px 0 4px; border-radius: 20px; background: var(--t-grad) !important; }
html.tg3 .kh > .k-hero .k-h1, html.tg3 .kh > .k-hero .k-sub, html.tg3 .kh > .k-hero .k-desc { color: #fff !important; }
html.tg3 .kh > .k-hero .k-sub { opacity: .85; }
html.tg .k-crumbs { gap: 2px; margin: 0 0 4px; align-items: center; -webkit-mask-image: linear-gradient(to left, transparent, #000 18px); mask-image: linear-gradient(to left, transparent, #000 18px); padding-left: 18px; }
html.tg body.ui2 main .k-crumbs a:not(#x) { height: 40px; padding: 0 4px; background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0;
color: var(--t-hint) !important; font: 400 13px/1 var(--t-f) !important; }
html.tg body.ui2 main .k-crumbs a:not(#x):not(.k-back)::before { content: "›"; margin-inline-end: 6px; opacity: .6; }
html.tg body.ui2 main .k-crumbs a.k-back:not(#x)::before { content: none; }
html.tg body.ui2 main .k-crumbs a.k-back + a:not(#x)::before { content: none; }
html.tg body.ui2 main .k-crumbs a.on:not(#x) { color: var(--t-tx) !important; font-weight: 700 !important; }
html.tg body.ui2 main .k-crumbs a.k-back:not(#x) { color: var(--t-acc) !important; font: 500 15px/1 var(--t-f) !important; padding-inline-end: 10px; }
html.tg .k-tabs, html.tg .ks-tabs, html.tg .kn-tabs, html.tg .sc-kind { height: 40px !important; padding: 3px !important; gap: 2px !important; border-radius: 12px !important;
background: color-mix(in srgb, var(--t-tx) 7%, transparent) !important; border: 0 !important; box-shadow: none !important; }
html.tg .k-tabs > *, html.tg .ks-tabs > *, html.tg .kn-tabs > *, html.tg .sc-kind > * { height: 100% !important; border: 0 !important; border-radius: 9px !important; background: none !important; box-shadow: none !important;
color: var(--t-tx) !important; font: 500 14px/1 var(--t-f) !important; gap: 6px !important; }
html.tg .k-tabs > .on, html.tg .ks-tabs > .on, html.tg .kn-tabs > .on, html.tg .sc-kind > .on,
html.tg .k-tabs > [aria-selected="true"], html.tg .ks-tabs > [aria-selected="true"], html.tg .sc-kind > [aria-selected="true"] {
background: var(--t-card) !important; color: var(--t-tx) !important; font-weight: 700 !important; box-shadow: 0 1px 3px rgba(0,0,0,.14) !important; }
html.tg[data-theme="dark"] .k-tabs > .on, html.tg[data-theme="dark"] .ks-tabs > .on, html.tg[data-theme="dark"] .kn-tabs > .on, html.tg[data-theme="dark"] .sc-kind > .on,
html.tg[data-theme="dark"] .k-tabs > [aria-selected="true"], html.tg[data-theme="dark"] .ks-tabs > [aria-selected="true"], html.tg[data-theme="dark"] .sc-kind > [aria-selected="true"] {
background: color-mix(in srgb, var(--t-tx) 16%, var(--t-card)) !important; }
html.tg .k-tabs svg, html.tg .ks-tabs svg, html.tg .sc-kind svg { width: 17px !important; height: 17px !important; }
html.tg .k-label { margin: 22px 16px 7px !important; font: 500 13px/1.2 var(--t-f) !important; color: var(--t-hint) !important; letter-spacing: .2px; }
html.tg .k-list { gap: 0 !important; background: var(--t-card); border-radius: 14px; overflow: hidden; }
html.tg[data-theme="light"] .k-list { box-shadow: 0 1px 2px rgba(0,0,0,.03); }
html.tg body.ui2 main .k-row:not(#x), html.tg .k-row { min-height: 56px; gap: 12px; padding: 8px 12px 8px 10px !important; border: 0 !important; border-radius: 0 !important;
background: var(--t-card) !important; box-shadow: none !important; color: var(--t-tx) !important; animation: none !important; overflow: visible; }
html.tg .k-list > .k-row + .k-row::before, html.tg .k-list > * + .k-row::before { content: ""; position: absolute; top: 0; left: 0; right: 56px; border-top: .5px solid var(--t-sep); }
html.tg body.ui2 main a.k-row:active, html.tg .k-row:active { background: color-mix(in srgb, var(--t-tx) 6%, var(--t-card)) !important; transform: none !important; }
html.tg :not(.k-list) > .k-row:not(.kh-tile) { border-radius: 14px !important; }
html.tg .k-body { gap: 3px !important; padding: 2px 0 !important; }
html.tg .k-t { font: 500 16px/1.35 var(--t-f) !important; color: var(--t-tx) !important; }
html.tg .k-pills { gap: 6px !important; }
html.tg .k-pills span { height: auto !important; padding: 0 !important; background: none !important; border: 0 !important; color: var(--t-hint) !important; font: 400 13px/1.3 var(--t-f) !important; }
html.tg .k-pills span + span::before { content: "·"; margin-inline-end: 6px; }
html.tg .k-pills svg { display: none; }
html.tg .k-pills .k-nw, html.tg .k-pills .kn-new, html.tg .k-pills [class*="red"], html.tg .k-pills [class*="soon"] {
padding: 3px 7px !important; border-radius: 6px !important; color: var(--t-red) !important; background: color-mix(in srgb, var(--t-red) 13%, transparent) !important; font-weight: 700 !important; }
html.tg .kh-d, html.tg .kn-desc { color: var(--t-hint) !important; font: 400 13px/1.3 var(--t-f) !important; }
html.tg .k-box { flex: 0 0 32px !important; width: 32px; height: 32px !important; min-height: 0 !important; padding: 0 !important; gap: 0 !important; border-radius: 9px !important; align-self: center !important;
background: var(--ic, #8E8E93) !important; border: 0 !important; box-shadow: none !important; color: #fff !important; }
html.tg .k-box small { display: none !important; }
html.tg .k-box b { font: 800 15px/1 var(--t-f) !important; color: inherit !important; }
html.tg .k-box .i3d, html.tg .k-box img { width: 20px !important; height: 20px !important; filter: brightness(0) invert(1) !important; }
html.tg .k-box.k-ext b { font-size: 9.5px !important; }
html.tg2 .k-box { flex-basis: 36px !important; width: 36px; height: 36px !important; border-radius: 11px !important; background: color-mix(in srgb, var(--ic, #8E8E93) 14%, var(--t-card)) !important; color: var(--ic, var(--t-tx)) !important; }
html.tg2 .k-box .i3d, html.tg2 .k-box img { width: 26px !important; height: 26px !important; filter: none !important; }
html.tg3 .k-box { background: linear-gradient(145deg, color-mix(in srgb, var(--ic, #8E8E93) 65%, #fff), var(--ic, #8E8E93)) !important; }
html.tg .k-go { font-size: 0 !important; gap: 0 !important; padding: 0 !important; height: auto !important; background: none !important; border: 0 !important; box-shadow: none !important; }
html.tg .k-go span { width: auto !important; height: auto !important; margin: 0 !important; background: none !important; border: 0 !important; color: var(--t-hint) !important; opacity: .6; }
html.tg .k-go svg { width: 18px; height: 18px; }
html.tg .ks-f .ks-a::after { content: ""; position: absolute; inset: 0; z-index: 2; }
html.tg .ks-f { cursor: pointer; }
html.tg .kh-cta { margin: 10px 0 0 !important; }
html.tg .kh-stats { display: none !important; }
html.tg .kh-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 8px !important; }
html.tg .kh-grid .kh-wide { grid-column: auto !important; }
html.tg body.ui2 main .kh-grid a.kh-tile:not(#x), html.tg .kh-grid .kh-tile { flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 0; padding: 12px 2px 10px !important;
border-radius: 14px !important; text-align: center; }
html.tg .kh-grid .kh-tile:first-child { grid-column: 1 / -1 !important; flex-direction: row; justify-content: flex-start; text-align: start; padding: 10px 12px !important; }
html.tg .kh-grid .kh-tile .k-box { flex-basis: 44px !important; width: 44px; height: 44px !important; border-radius: 13px !important; }
html.tg .kh-grid .kh-tile .k-box img { width: 26px !important; height: 26px !important; }
html.tg2 .kh-grid .kh-tile .k-box img { width: 32px !important; height: 32px !important; }
html.tg .kh-grid .kh-tile .k-t { font: 700 13px/1.2 var(--t-f) !important; }
html.tg .kh-grid .kh-tile:first-child .k-t { font: 500 16px/1.3 var(--t-f) !important; }
html.tg .kh-grid .kh-tile:not(:first-child) .kh-d { display: none !important; }
html.tg .kh-head { display: flex; align-items: center; justify-content: space-between; }
html.tg .kh-head a { color: var(--t-acc) !important; background: none !important; border: 0 !important; font: 500 14px/1 var(--t-f) !important; margin: 22px 8px 7px; padding: 0 !important; height: auto !important; }
html.tg .kh-head .k-label { margin-inline: 16px 0 !important; }
html.tg .kh-bio { background: var(--t-card); border-radius: 14px; padding: 4px 14px; margin-top: 10px; }
html.tg .kh-bio > div { border: 0 !important; background: none !important; padding: 10px 0 !important; }
html.tg .kh-bio > div + div { border-top: .5px solid var(--t-sep) !important; }
html.tg .kh-bio dt { color: var(--t-hint) !important; font: 500 13px/1.3 var(--t-f) !important; }
html.tg .kh-bio dd { color: var(--t-tx) !important; font: 400 15px/1.5 var(--t-f) !important; }
html.tg .kh-me .k-box { flex-basis: 56px !important; width: 56px; height: 56px !important; border-radius: 50% !important; overflow: hidden; background: none !important; }
html.tg .kh-me .k-box img { width: 56px !important; height: 56px !important; filter: none !important; object-fit: cover; }
html.tg .kh-path { background: var(--t-card) !important; border-radius: 14px !important; border: 0 !important; box-shadow: none !important; }
html.tg .kh-path li { background: none !important; border: 0 !important; box-shadow: none !important; color: var(--t-tx) !important; }
html.tg .kh-path li i { background: var(--ic) !important; color: #fff !important; box-shadow: none !important; border: 0 !important; }
html.tg .kh-path li small { color: var(--t-hint) !important; }
html.tg .kh-end { background: none !important; border: 0 !important; box-shadow: none !important; text-align: center; }
html.tg .kh-end h2 { color: var(--t-tx) !important; font: 800 20px/1.3 var(--t-f) !important; }
html.tg .kh-end p { color: var(--t-hint) !important; }
html.tg .kh-main, html.tg .kn-cta:not(.kn-red):not(.kn-ghost), html.tg .qx-next, html.tg .kf-btn, html.tg .ks-pb, html.tg .sc-sh-go, html.tg .kn-gbtn {
min-height: 50px; border-radius: 12px !important; border: 0 !important; background: var(--t-acc) !important; color: var(--t-acc-tx) !important; box-shadow: none !important; text-shadow: none !important;
font: 700 16px/1 var(--t-f) !important; transition: transform .15s, filter .15s; }
html.tg3 .kh-main, html.tg3 .kn-cta:not(.kn-red):not(.kn-ghost), html.tg3 .qx-next, html.tg3 .kf-btn, html.tg3 .ks-pb, html.tg3 .sc-sh-go { background: linear-gradient(90deg, #7B61FF, #2AABEE) !important; color: #fff !important; }
html.tg .kh-main:active, html.tg .kn-cta:active, html.tg .qx-next:active, html.tg .kf-btn:active { transform: scale(.98); filter: brightness(.95); }
html.tg .kh-ghost, html.tg .kn-ghost, html.tg .kf-ght, html.tg .qx-alt, html.tg .kn-btn, html.tg .kf-more {
border: 0 !important; box-shadow: none !important; background: color-mix(in srgb, var(--t-acc) 13%, transparent) !important; color: var(--t-acc) !important; font-family: var(--t-f) !important; }
html.tg .kn-red, html.tg .kn-btn-red { border: 0 !important; box-shadow: none !important; background: var(--t-card) !important; color: var(--t-red) !important; }
html.tg .kn-btn-red { background: color-mix(in srgb, var(--t-red) 12%, transparent) !important; }
html.tg .kn-panel, html.tg .kn-pane, html.tg .ks-pcard, html.tg .kn-note, html.tg .k-empty, html.tg .kn-login { background: var(--t-card) !important; border: 0 !important; border-radius: 14px !important; box-shadow: none !important; color: var(--t-tx) !important; }
html.tg .kn-panel h2, html.tg .kn-panel h3 { color: var(--t-hint) !important; font: 500 13px/1.2 var(--t-f) !important; }
html.tg .kn-hint, html.tg .kn-mail, html.tg .kn-ptxt span { color: var(--t-hint) !important; }
html.tg .kn-set { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding-block: 10px !important; }
html.tg .kn-set + .kn-set { border-top: .5px solid var(--t-sep) !important; }
html.tg .kn-set strong { color: var(--t-tx) !important; font: 500 16px/1.3 var(--t-f) !important; }
html.tg .kn-set small { color: var(--t-hint) !important; font: 400 13px/1.4 var(--t-f) !important; }
html.tg .kn-si { width: 32px !important; height: 32px !important; border-radius: 9px !important; background: var(--ic) !important; color: #fff !important; border: 0 !important; box-shadow: none !important; }
html.tg2 .kn-si { background: color-mix(in srgb, var(--ic) 14%, var(--t-card)) !important; color: var(--ic) !important; }
html.tg .switch { background: color-mix(in srgb, var(--t-tx) 16%, transparent) !important; border: 0 !important; box-shadow: none !important; }
html.tg .switch[aria-checked="true"] { background: var(--t-green) !important; }
html.tg .switch i { background: #fff !important; box-shadow: 0 2px 6px rgba(0,0,0,.2) !important; }
html.tg .kn-tile { background: var(--t-card) !important; border: 0 !important; box-shadow: none !important; border-radius: 14px !important; color: var(--t-tx) !important; }
html.tg .kn-tile b { color: var(--ic) !important; }
html.tg .kn-tile span { color: var(--t-hint) !important; }
html.tg .kn-in, html.tg input[type="search"], html.tg .kf-sb input, html.tg select.kn-in { background: color-mix(in srgb, var(--t-tx) 7%, transparent) !important; border: 0 !important; box-shadow: none !important;
border-radius: 10px !important; color: var(--t-tx) !important; font-family: var(--t-f) !important; }
html.tg .kn-field { color: var(--t-hint) !important; }
html.tg .kn-chips > *, html.tg .kf-chips > *, html.tg .sc-years > *, html.tg .sc-days > * { background: var(--t-card) !important; border: 0 !important; box-shadow: none !important; color: var(--t-tx) !important; font-family: var(--t-f) !important; }
html.tg .kn-chips > .on, html.tg .kf-chips > .on, html.tg .sc-years > .on, html.tg .sc-days > .on, html.tg .sc-days > [aria-selected="true"], html.tg .kn-chips > [aria-pressed="true"] {
background: var(--t-acc) !important; color: var(--t-acc-tx) !important; }
html.tg3 .kn-chips > .on, html.tg3 .sc-years > .on, html.tg3 .sc-days > .on, html.tg3 .sc-days > [aria-selected="true"] { background: var(--t-grad) !important; color: #fff !important; }
html.tg .sc-days > * small, html.tg .sc-days > * span { color: inherit !important; opacity: .75; }
html.tg .kf-sb { background: none !important; border: 0 !important; box-shadow: none !important; }
html.tg .kf-hint { background: var(--t-card) !important; border: 0 !important; box-shadow: none !important; border-radius: 14px !important; color: var(--t-hint) !important; }
html.tg .sc2 { --sc-tx: var(--t-tx); --sc-mut: var(--t-hint); --sc-box: var(--t-card); --sc-line: var(--t-sep); }
html.tg .sc-card { background: var(--t-card) !important; border: 0 !important; box-shadow: none !important; border-radius: 14px !important; animation: none !important; }
html.tg .sc-time { background: color-mix(in srgb, var(--ic) 14%, var(--t-card)) !important; color: var(--ic) !important; border: 0 !important; box-shadow: none !important; }
html.tg .sc-time * { color: inherit !important; }
html.tg .sc-pills span { background: none !important; border: 0 !important; color: var(--t-hint) !important; padding: 0 !important; }
html.tg .sc-more { font-size: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; position: absolute !important; inset: 0; justify-content: flex-end; padding-left: 10px !important; color: var(--t-hint) !important; }
html.tg .sc-more span { background: none !important; border: 0 !important; color: var(--t-hint) !important; opacity: .6; }
html.tg .sc-body h3, html.tg .sc-body b, html.tg .sc-body .sc-t { color: var(--t-tx) !important; }
html.tg .sc-exams, html.tg .sc-ex { background: var(--t-card) !important; border: 0 !important; box-shadow: none !important; }
html.tg .sc-ex-d { background: color-mix(in srgb, var(--t-orange) 15%, var(--t-card)) !important; color: var(--t-orange) !important; border: 0 !important; box-shadow: none !important; }
html.tg .sc-sheet .sc-sh-in { background: var(--t-card) !important; color: var(--t-tx) !important; border: 0 !important; }
html.tg .sc-now { background: var(--t-red) !important; color: #fff !important; box-shadow: none !important; }
html.tg .qx-card { background: var(--t-card) !important; border: 0 !important; box-shadow: none !important; border-radius: 16px !important; }
html.tg .qx-q { color: var(--t-tx) !important; font: 700 17px/1.5 var(--t-f) !important; }
html.tg .qx-o button { background: color-mix(in srgb, var(--t-tx) 6%, var(--t-card)) !important; border: 0 !important; box-shadow: none !important; border-radius: 12px !important; color: var(--t-tx) !important; font-family: var(--t-f) !important; }
html.tg .qx-o button b { background: color-mix(in srgb, var(--t-acc) 15%, transparent) !important; color: var(--t-acc) !important; border: 0 !important; box-shadow: none !important; }
html.tg .qx-o button.ok { background: color-mix(in srgb, var(--t-green) 16%, var(--t-card)) !important; }
html.tg .qx-o button.ok b { background: var(--t-green) !important; color: #fff !important; }
html.tg .qx-o button.bad { background: color-mix(in srgb, var(--t-red) 14%, var(--t-card)) !important; }
html.tg .qx-o button.bad b { background: var(--t-red) !important; color: #fff !important; }
html.tg .qx-seg i { background: color-mix(in srgb, var(--t-tx) 14%, transparent) !important; box-shadow: none !important; }
html.tg .qx-seg i.cur { background: var(--t-acc) !important; }
html.tg .qx-seg i.d-ok { background: var(--t-green) !important; }
html.tg .qx-seg i.d-bad { background: var(--t-red) !important; }
html.tg .qx-tm, html.tg .qx-x { background: var(--t-card) !important; border: 0 !important; box-shadow: none !important; color: var(--t-tx) !important; }
html.tg .qx-meta { color: var(--t-hint) !important; }
html.tg .qx-e { background: color-mix(in srgb, var(--t-tx) 5%, transparent) !important; border: 0 !important; color: var(--t-tx) !important; }
html.tg .ks-prev, html.tg .ks-thumbs { background: var(--t-card) !important; border: 0 !important; box-shadow: none !important; border-radius: 14px !important; }
html.tg .ks-acc, html.tg .ks-pbar, html.tg .ks-pbar2 { background: var(--t-card) !important; border: 0 !important; box-shadow: none !important; border-radius: 14px !important; }
html.tg .ks-pbar a, html.tg .ks-pbar button, html.tg .ks-pbar2 a, html.tg .ks-pbar2 button { background: none !important; border: 0 !important; box-shadow: none !important; color: var(--t-acc) !important; font-family: var(--t-f) !important; }
html.tg .kn-due-tx, html.tg .ks-due { color: var(--t-tx) !important; }
html.tg .ks-dot, html.tg .kn-c { background: var(--t-red) !important; }
@media (prefers-reduced-motion: reduce) { html.tg * { transition: none !important; } }
html.tg body .n2-nav a.on, html.tg body .bottomnav a.on { background: none !important; box-shadow: none !important; }
html.tg .ks-label i { display: none !important; }
html.tg .ks-label { display: flex; align-items: center; gap: 8px; }
html.tg .ks-label .ks-gn { background: none !important; padding: 0 !important; color: var(--t-hint) !important; font: 400 13px/1 var(--t-f) !important; }
html.tg .k-t .n3d, html.tg .k-h1 .n3d { display: inline !important; min-width: 0 !important; height: auto !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important;
box-shadow: none !important; color: inherit !important; font: inherit !important; animation: none !important; text-shadow: none !important; }
html.tg body.ui2 main .kh-grid a.kh-tile.kh-wide:not(#x) { grid-column: 1 / -1 !important; flex-direction: row; justify-content: flex-start; text-align: start; padding: 10px 12px !important; }
html.tg body.ui2 main .kh-grid a.kh-tile:not(.kh-wide):not(#x) .k-go { display: none !important; }
html.tg .kh-grid .kh-tile.kh-wide .k-t { font: 500 16px/1.3 var(--t-f) !important; }
html.tg .kh-grid .kh-tile.kh-wide .kh-d { display: block !important; }
html.tg .kh-grid .kh-tile:first-child:not(.kh-wide) { grid-column: auto !important; flex-direction: column; }
html.tg .kh-cta { display: flex; gap: 8px; }
html.tg .kh-cta .kh-btn { flex: 1; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
html.tg .kh-cta .kh-ghost { flex: 0 0 auto; padding: 0 16px; border-radius: 12px !important; font: 700 15px/1 var(--t-f) !important; }
html.tg .qx-q { background: none !important; border: 0 !important; box-shadow: none !important; }
html.tg .kn-duebox { background: var(--t-card) !important; border: 0 !important; box-shadow: none !important; border-radius: 14px !important; }
html.tg .kn-duebox .kn-bx { --ic: var(--t-orange); }
html.tg .kn-duebox.s-soon .kn-bx, html.tg .kn-duebox.s-today .kn-bx { --ic: var(--t-red); }
html.tg .kn-due-tx span { color: var(--t-hint) !important; }
html.tg .kn-duebox.s-soon .kn-due-tx span, html.tg .kn-duebox.s-today .kn-due-tx span { color: var(--t-red) !important; font-weight: 700; }
html.tg .kn-body, html.tg .kn-text { background: var(--t-card) !important; border: 0 !important; box-shadow: none !important; border-radius: 14px !important; color: var(--t-tx) !important; }
html.tg .k2 .kf-sb .searchbox { height: 44px !important; border: 0 !important; box-shadow: none !important; border-radius: 12px !important; background: color-mix(in srgb, var(--t-tx) 8%, transparent) !important; }
html.tg .k2 .kf-sb .searchbox > svg { color: var(--t-hint) !important; width: 19px; height: 19px; }
html.tg .k2 .kf-sb .searchbox button, html.tg .k2 .kf-sb button[type="submit"] { background: none !important; border: 0 !important; box-shadow: none !important; color: var(--t-acc) !important; font: 700 15px/1 var(--t-f) !important; }
html.tg .kf-gh .kf-n { background: var(--t-acc) !important; color: var(--t-acc-tx) !important; border: 0 !important; box-shadow: none !important; width: 28px; min-width: 28px !important; height: 28px !important; border-radius: 8px !important; font: 700 14px/1 var(--t-f) !important; }
html.tg .kf-gh .kf-ght b { font: 700 17px/1.3 var(--t-f) !important; }
html.tg body.ui2 main .kf-gh a.kf-more:not(#x) { height: 32px; border: 0 !important; box-shadow: none !important; background: none !important; color: var(--t-acc) !important; padding: 0 4px; font: 500 14px/1 var(--t-f) !important; }
html.tg .kf-rh { background: none !important; border: 0 !important; box-shadow: none !important; }
html.tg .kn-menu .k-box, html.tg .kn-stats .kn-tile b svg { color: inherit; }
html.tg .kn-tile b { font: 800 20px/1 var(--t-f) !important; }
html.tg .kn-pav, html.tg .kn-av { box-shadow: none !important; border: 0 !important; }
html.tg1 .k-box:has(img), html.tg3 .k-box:has(img) { background: color-mix(in srgb, var(--ic, #8E8E93) 16%, var(--t-card)) !important; }
html.tg1 .k-box img, html.tg3 .k-box img, html.tg1 .k-box .i3d, html.tg3 .k-box .i3d { filter: none !important; width: 24px !important; height: 24px !important; }
html.tg3 .k-box:has(img) { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ic, #8E8E93) 35%, transparent) !important; }
html.tg[data-theme] body header.top.top { background: var(--t-bar) !important; background-image: none !important; }
html.tg4 { --t-acc: #4be27a; --t-acc-tx: #071a0d; --t-bg: #05101c; --t-card: #0a1526; --t-tx: #f4f6fb; --t-hint: #a3adc2; --t-sep: rgba(88,120,175,.26); --t-press: rgba(255,255,255,.05); --t-bar: rgba(7,20,34,.92); --t-nav: #ff8c1f; }
html.tg4[data-theme="light"] { --t-acc: #17a34a; --t-acc-tx: #fff; --t-bg: #f2f5fa; --t-card: #fff; --t-tx: #15122b; --t-hint: #5f5b78; --t-sep: rgba(30,60,110,.14); --t-press: rgba(0,0,0,.05); --t-bar: rgba(255,255,255,.9); --t-nav: #f25a06; }
html.tg4 [class*="t-"], html.tg4 [data-kind] { --ic: var(--c2); }
html.tg4 .k-box { background: linear-gradient(180deg, var(--c1), var(--c2) 55%, var(--c3)) !important; color: #fff !important; }
html.tg4 .k-box:has(img) { background: linear-gradient(180deg, var(--c1), var(--c2) 55%, var(--c3)) !important; box-shadow: none !important; }
html.tg4 .t-g .k-box, html.tg4 .t-c .k-box { color: #04220f !important; }
html.tg4 .k-box img, html.tg4 .k-box .i3d { filter: none !important; width: 24px !important; height: 24px !important; }
html.tg4 .kh-grid .kh-tile .k-box img { width: 28px !important; height: 28px !important; }
html.tg4 .k-tabs > .on, html.tg4 .ks-tabs > .on, html.tg4 .kn-tabs > .on, html.tg4 .sc-kind > .on,
html.tg4 .k-tabs > [aria-selected="true"], html.tg4 .ks-tabs > [aria-selected="true"], html.tg4 .sc-kind > [aria-selected="true"],
html.tg4[data-theme="dark"] .k-tabs > .on, html.tg4[data-theme="dark"] .ks-tabs > .on, html.tg4[data-theme="dark"] .kn-tabs > .on, html.tg4[data-theme="dark"] .sc-kind > .on,
html.tg4[data-theme="dark"] .k-tabs > [aria-selected="true"], html.tg4[data-theme="dark"] .ks-tabs > [aria-selected="true"], html.tg4[data-theme="dark"] .sc-kind > [aria-selected="true"] {
background: linear-gradient(90deg, #8ef47c, #57e86e 55%, #3edc6a) !important; color: #071a0d !important; }
html.tg4 .kh-main, html.tg4 .kn-cta:not(.kn-red):not(.kn-ghost), html.tg4 .qx-next, html.tg4 .kf-btn, html.tg4 .ks-pb, html.tg4 .sc-sh-go, html.tg4 .kn-gbtn {
background: linear-gradient(90deg, #8ef47c, #57e86e 55%, #3edc6a) !important; color: #071a0d !important; }
html.tg4 .n2-nav a.on, html.tg4 .bottomnav a.on { color: var(--t-nav) !important; }
html.tg4 header.top .logo .pro { background: linear-gradient(180deg, #ff8c1f, #f25a06) !important; color: #fff !important; }
html.tg4 header.top .icon-btn { color: var(--t-tx) !important; }
html.tg4 .kn-chips > .on, html.tg4 .kf-chips > .on, html.tg4 .sc-days > .on, html.tg4 .sc-days > [aria-selected="true"] { background: linear-gradient(180deg, #3d1794, #26105f) !important; color: #fff !important; }
html.tg4 .sc-years > .on { background: linear-gradient(180deg, #3d1794, #26105f) !important; color: #fff !important; }
html.tg4 .kn-si { background: linear-gradient(180deg, var(--c1), var(--c2) 55%, var(--c3)) !important; color: #fff !important; }
html.tg4 .kf-gh .kf-n { background: linear-gradient(180deg, #a663ff, #7a2cf0 55%, #4e14b8) !important; color: #fff !important; }
html.tg4 .k-pills .k-nw { color: #fff !important; background: linear-gradient(180deg, #ff3b63, #e3103d) !important; }
html.tg .tgp { font-family: var(--t-f); color: var(--t-tx); padding-top: 4px; }
html.tg .tgp a { color: inherit; text-decoration: none; }
html.tg .tgp .hero { display: flex; align-items: center; gap: 14px; padding: 14px 4px 6px; }
html.tg .tgp .av { display: grid; place-items: center; flex: none; width: 56px; height: 56px; border-radius: 50%; overflow: hidden; font: 800 24px/1 var(--t-f); color: #fff; background: linear-gradient(160deg, #6AB8FF, #2F7FE0); }
html.tg2 .tgp .av { background: linear-gradient(160deg, #B49CFF, #6A3DF0); }
html.tg3 .tgp .av { background: linear-gradient(135deg, #9C8CFF, #2AABEE); }
html.tg4 .tgp .av { background: linear-gradient(180deg, #a663ff, #7a2cf0 55%, #4e14b8); }
html.tg .tgp .av img { width: 100%; height: 100%; object-fit: cover; }
html.tg .tgp .av.big { width: 88px; height: 88px; font-size: 38px; }
html.tg .tgp .hero h1 { margin: 0; font: 800 24px/1.2 var(--t-f); color: var(--t-tx); }
html.tg .tgp .hero p, html.tg .tgp .phead p { margin: 2px 0 0; color: var(--t-hint); font: 400 15px/1.4 var(--t-f); }
html.tg3 .tgp .hero { margin: 6px 0 4px; padding: 18px 16px; border-radius: 20px; background: var(--t-grad); }
html.tg3 .tgp .hero h1 { color: #fff; } html.tg3 .tgp .hero p { color: rgba(255,255,255,.85); }
html.tg3 .tgp .hero .av { background: rgba(255,255,255,.22); box-shadow: inset 0 0 0 2px rgba(255,255,255,.5); }
html.tg .tgp .quick { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 14px 0 4px; }
html.tg .tgp .qa { display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 12px 2px 10px; border-radius: 14px; background: var(--t-card); font: 700 13px/1 var(--t-f); color: var(--t-tx); transition: transform .15s; }
html.tg .tgp .qa:active { transform: scale(.96); }
html.tg .tgp .grp { margin-top: 22px; }
html.tg .tgp .gh { margin: 0; padding: 0 16px 7px; font: 500 13px/1.2 var(--t-f); color: var(--t-hint); letter-spacing: .2px; }
html.tg .tgp .gl { background: var(--t-card); border-radius: 14px; overflow: hidden; }
html.tg[data-theme="light"] .tgp .gl, html.tg[data-theme="light"] .tgp .qa { box-shadow: 0 1px 2px rgba(0,0,0,.04); }
html.tg .tgp .gf { margin: 0; padding: 7px 16px 0; font: 400 13px/1.45 var(--t-f); color: var(--t-hint); }
html.tg .tgp .row { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 52px; margin: 0; padding: 8px 14px 8px 10px; border: 0; border-radius: 0; background: none; color: var(--t-tx); font: inherit; text-align: start; cursor: pointer; }
html.tg .tgp .gl > .row + .row::before, html.tg .tgp .gl > * + form .row::before, html.tg .tgp .gl > form + .row::before { content: ""; position: absolute; top: 0; left: 0; right: 58px; border-top: .5px solid var(--t-sep); }
html.tg .tgp .gl > form { margin: 0; }
html.tg .tgp .row:active { background: var(--t-press); }
html.tg .tgp .rt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
html.tg .tgp .rt b { font: 500 16px/1.3 var(--t-f); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--t-tx); }
html.tg .tgp .rt small { font: 400 13px/1.3 var(--t-f); color: var(--t-hint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tg .tgp .acc { flex: none; color: var(--t-hint); font: 400 15px/1 var(--t-f); }
html.tg .tgp .chev { flex: none; display: grid; color: var(--t-hint); opacity: .55; }
html.tg .tgp .danger { justify-content: flex-start; }
html.tg .tgp .danger .rt b { color: var(--t-red); }
html.tg .tgp .ib { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; color: #fff; background: var(--ic); }
html.tg .tgp .ib .d3 { display: none; }
html.tg .tgp .ib .g, html.tg .tgp .ib .d3 { place-items: center; }
html.tg .tgp .ib .g { display: grid; }
html.tg .tgp .ib img, html.tg .tgp .ib .i3d { width: 24px; height: 24px; object-fit: contain; filter: none !important; }
html.tg2 .tgp .ib, html.tg4 .tgp .ib { width: 36px; height: 36px; border-radius: 11px; background: color-mix(in srgb, var(--ic) 14%, var(--t-card)); }
html.tg2 .tgp .ib .g, html.tg4 .tgp .ib .g { display: none; }
html.tg2 .tgp .ib .d3, html.tg4 .tgp .ib .d3 { display: grid; color: var(--ic); }
html.tg3 .tgp .ib { background: linear-gradient(145deg, color-mix(in srgb, var(--ic) 70%, #fff), var(--ic)); }
html.tg .tgp .qa .ib { width: 44px; height: 44px; border-radius: 13px; }
html.tg .tgp .qa .ib svg { width: 22px; height: 22px; }
html.tg2 .tgp .qa .ib img, html.tg4 .tgp .qa .ib img { width: 32px; height: 32px; }
html.tg .tgp .nb { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; font: 800 15px/1 var(--t-f); color: #fff; background: var(--ic); }
html.tg2 .tgp .nb, html.tg4 .tgp .nb { color: var(--ic); background: color-mix(in srgb, var(--ic) 14%, var(--t-card)); }
html.tg .tgp .tm { display: inline-block; padding: 5px 9px; border-radius: 9px; background: color-mix(in srgb, var(--t-acc) 13%, transparent); color: var(--t-acc); font: 700 13px/1 var(--t-f); }
html.tg .tgp .tag { font-style: normal; font: 700 12.5px/1 var(--t-f); padding: 3px 7px; border-radius: 6px; display: inline-block; }
html.tg .tgp .tag.red { color: var(--t-red); background: color-mix(in srgb, var(--t-red) 13%, transparent); }
html.tg .tgp .tag.warn { color: #C77700; background: rgba(255,149,0,.14); }
html.tg[data-theme="dark"] .tgp .tag.warn { color: #FFB340; }
html.tg .tgp .mainbtn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 50px; margin: 26px 0 8px; border: 0; border-radius: 12px; background: var(--t-acc); color: var(--t-acc-tx) !important; font: 700 16px/1 var(--t-f); cursor: pointer; transition: transform .15s, filter .15s; }
html.tg .tgp .grp .mainbtn { margin-top: 12px; }
html.tg .tgp .mainbtn:active { transform: scale(.98); filter: brightness(.95); }
html.tg3 .tgp .mainbtn { background: linear-gradient(90deg, #7B61FF, #2AABEE); color: #fff !important; }
html.tg4 .tgp .mainbtn { background: linear-gradient(90deg, #8ef47c, #57e86e 55%, #3edc6a); color: #071a0d !important; }
html.tg .tgp .phead { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 10px 0 4px; }
html.tg .tgp .phead h1 { margin: 12px 0 0; font: 800 24px/1.25 var(--t-f); color: var(--t-tx); }
html.tg .tgp .tg-av { position: relative; cursor: pointer; }
html.tg .tgp .tg-cam { position: absolute; bottom: 2px; left: 2px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--t-acc); color: var(--t-acc-tx); box-shadow: 0 0 0 3px var(--t-bg); }
html.tg .tgp .pill { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; margin-top: 12px; border-radius: 18px; background: color-mix(in srgb, var(--t-acc) 13%, transparent); color: var(--t-acc) !important; font: 700 14px/1 var(--t-f); }
html.tg .tgp .tg-note { margin: 14px 0 0; padding: 12px 14px; border-radius: 12px; background: color-mix(in srgb, var(--t-acc) 12%, var(--t-card)); color: var(--t-tx); font: 500 14px/1.5 var(--t-f); }
html.tg .tgp .tg-note.err { background: color-mix(in srgb, var(--t-red) 12%, var(--t-card)); color: var(--t-red); }
html.tg .tgp .tg-field { cursor: text; }
html.tg .tgp .tg-field input, html.tg .tgp .tg-field select { width: 100%; height: 30px; padding: 0; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: none !important; color: var(--t-tx) !important; font: 500 16px/1.3 var(--t-f) !important; }
html.tg .tgp .tg-field select option { color: #000; }
html.tg .tgp .tg-link .rt b { color: var(--t-acc); }
html.tg .tgp .tg-empty { cursor: default; }
html.tg .tgp .tg-empty small { white-space: normal; }
html.tg .tgp .switch { flex: none; position: relative; width: 51px; height: 31px; padding: 0; border: 0; border-radius: 16px; cursor: pointer; }
html.tg .tgp .switch i { position: absolute; top: 2px; right: 2px; width: 27px; height: 27px; border-radius: 50%; transition: right .2s; }
html.tg .tgp .switch[aria-checked="true"] i, html.tg .tgp .switch.tg-theme[aria-pressed="true"] i { right: 22px; }
html.tg .tgp .switch.tg-theme[aria-pressed="true"] { background: var(--t-green) !important; }
html.tg .tgp .k-list { margin: 0; }
html.tg header.top .top-actions a[href="/account"], html.tg header.top .top-actions .bell { display: none !important; }
html.tg body.ui2 main .k-crumbs a.on:not(#x) { display: none !important; }
html.tg body.ui2 main .k-crumbs a.k-back:not(#x) { font-size: 0 !important; }
html.tg body.ui2 main .k-crumbs a.k-back:not(#x)::after { content: "‹ رجوع"; font: 500 15px/1 var(--t-f); }
html.tg .k-crumbs { -webkit-mask-image: none; mask-image: none; padding-left: 0; }
html.tg .tgp .gl > .tg-inst { position: relative; }
html.tg .tgp .gl > .tg-inst::before { content: ""; position: absolute; top: 0; left: 0; right: 58px; border-top: .5px solid var(--t-sep); z-index: 1; }
html.tg .tgp .gl > .tg-inst[hidden] { display: none; }
html.gx { --t-bg: #0A1226; --t-card: #0E1730; --t-tx: #fff; --t-hint: #9AA3C7; --gx-bd: rgba(120,135,230,.2); --gx-acc: #9B6BFF; --gx-row: linear-gradient(180deg, rgba(28,38,78,.75), rgba(16,24,52,.75)); }
html.gx[data-theme="light"] { --t-bg: #F2F1FA; --t-card: #fff; --t-tx: #14142B; --t-hint: #686E8E; --gx-bd: rgba(110,91,255,.2); --gx-acc: #7C4DFF; --gx-row: #fff; }
html.gx[data-theme="dark"] body { background: radial-gradient(90% 40% at 50% 0%, rgba(80,60,200,.22), transparent 70%), #0A1226 !important; }
html.gx header.top { position: relative; background: transparent !important; border-bottom: 0 !important; }
html.gx header.top::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1.5px; background: linear-gradient(90deg, transparent, rgba(155,107,255,.9) 50%, transparent); box-shadow: 0 0 10px rgba(155,107,255,.7); pointer-events: none; }
html.gx header.top .logo .pro { background: linear-gradient(135deg, #3B82FF, #2F5BFF) !important; box-shadow: 0 0 10px rgba(59,130,255,.6); }
html.gx header.top .theme-btn { width: 40px !important; height: 40px !important; border-radius: 50% !important; background: radial-gradient(circle at 50% 35%, #1B2250, #0E1433) !important; box-shadow: 0 0 0 1px rgba(140,150,255,.22), 0 0 14px -4px rgba(155,107,255,.8) !important; color: #C8A8FF !important; }
html.gx header.top .theme-btn svg { filter: drop-shadow(0 0 4px rgba(200,168,255,.9)); }
html.gx[data-theme="light"] header.top .theme-btn { background: #fff !important; color: var(--gx-acc) !important; }
html.gx .gxp .hero { position: relative; overflow: hidden; margin: 10px 0 0; padding: 12px 14px; border-radius: 18px; background: linear-gradient(270deg, #7C9CFF 0%, #3A63FC 18%, #2B50F8 45%, #4A55FA 72%, #7B52FF 90%, #A64DFF 100%); box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.55), inset 0 1px 12px rgba(255,255,255,.25), 0 0 26px -4px rgba(120,90,255,.85); }
html.gx .gxp .hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 40%, rgba(255,255,255,.12) 55%, transparent 70%); pointer-events: none; }
html.gx .gxp .hero .av { width: 58px; height: 58px; background: radial-gradient(circle at 50% 30%, rgba(255,255,255,.45), rgba(255,255,255,.15)) !important; box-shadow: inset 0 0 0 2px rgba(255,255,255,.55), 0 0 16px rgba(255,255,255,.35) !important; }
html.gx .gxp .hero .av svg { width: 28px; height: 28px; }
html.gx .gxp .hero h1 { display: flex; align-items: center; gap: 8px; font-size: 24px; color: #fff; }
html.gx .gxp .hero h1 .crown { flex: none; width: 27px; height: 27px; filter: drop-shadow(0 0 6px rgba(255,190,40,.75)); }
html.gx .gxp .hero p { margin-top: 4px; color: rgba(255,255,255,.92); font-size: 13.5px; }
html.gx .gxp .quick { gap: 8px; margin-top: 12px; }
html.gx .gxp .qa { position: relative; padding: 8px 2px 10px; gap: 4px; border-radius: 16px; font: 700 13px/1 var(--t-f); color: #fff; background: radial-gradient(90% 60% at 50% 100%, color-mix(in srgb, var(--q) 32%, transparent), transparent 75%), radial-gradient(80% 50% at 50% 0%, color-mix(in srgb, var(--q) 14%, transparent), transparent 70%), #0B1226 !important; box-shadow: inset 0 0 0 2px var(--q), inset 0 0 22px -6px var(--q), 0 0 18px -2px color-mix(in srgb, var(--q) 85%, transparent) !important; }
html.gx .gxp .qa::after { content: ""; position: absolute; left: 30%; right: 30%; bottom: 0; height: 2px; border-radius: 2px; background: #fff; box-shadow: 0 0 8px 2px var(--q); opacity: .9; }
html.gx .gxp .qa:nth-child(1) { --q: #2F80FF } html.gx .gxp .qa:nth-child(2) { --q: #FFA412 } html.gx .gxp .qa:nth-child(3) { --q: #FF3557 } html.gx .gxp .qa:nth-child(4) { --q: #22D36A }
html.gx .gxp .qa .ib.qb { width: 60px; height: 60px; background: none !important; box-shadow: none !important; border-radius: 0; }
html.gx .gxp .qa .ib.qb img { width: 66px !important; height: 66px !important; margin: -3px 0; filter: none !important; }
html.gx[data-theme="light"] .gxp .qa { color: var(--t-tx); background: radial-gradient(100% 70% at 50% 100%, color-mix(in srgb, var(--q) 14%, transparent), transparent 70%), #fff !important; }
html.gx .gxp .grp { margin-top: 12px; }
html.gx .gxp .gxh { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; padding: 4px 4px 4px 6px; border-radius: 14px; background: linear-gradient(180deg, rgba(22,30,64,.55), rgba(14,20,44,.35)); }
html.gx .gxp .gxh .hi { flex: none; display: grid; place-items: center; width: 36px; height: 36px; }
html.gx .gxp .gxh .hi img { width: 36px; height: 36px; border-radius: 10px; }
html.gx .gxp .gxh .hi-mega img { width: 30px; height: 30px; border-radius: 0; }
html.gx .gxp .gxh .gh { flex: 1; margin: 0; padding: 0; font: 700 15px/1.2 var(--t-f); color: var(--t-tx); letter-spacing: 0; }
html.gx .gxp .gxh .all { display: inline-flex; align-items: center; gap: 10px; height: 30px; padding: 0 10px 0 14px; border-radius: 15px; background: linear-gradient(180deg, #1D1A4E, #15123A); box-shadow: inset 0 0 0 1px rgba(155,107,255,.35), 0 0 12px -4px rgba(155,107,255,.7); font: 700 12px/1 var(--t-f); color: #D9B8FF; }
html.gx .gxp .gxh .all svg { width: 14px; height: 14px; }
html.gx[data-theme="light"] .gxp .gxh { background: rgba(124,77,255,.06); }
html.gx[data-theme="light"] .gxp .gxh .all { background: #fff; color: var(--gx-acc); }
html.gx .gxp .gl { background: none !important; box-shadow: none !important; overflow: visible; display: flex; flex-direction: column; gap: 5px; border-radius: 0; }
html.gx .gxp .gl > .row + .row::before { display: none; }
html.gx .gxp .row { gap: 12px; min-height: 52px; padding: 5px 10px 5px 12px; border-radius: 12px; background: var(--gx-row); box-shadow: inset 0 0 0 1px var(--gx-bd), 0 4px 14px -8px rgba(0,0,0,.6); }
html.gx[data-theme="light"] .gxp .row { box-shadow: inset 0 0 0 1px var(--gx-bd), 0 2px 8px -4px rgba(60,40,140,.15); }
html.gx .gxp .rt { gap: 2px; } html.gx .gxp .rt b { font: 700 14.5px/1.3 var(--t-f); } html.gx .gxp .rt small { font-size: 12.5px; }
html.gx .gxp .chev { opacity: .75; color: #C9CDEB; } html.gx .gxp .chev svg { width: 16px; height: 16px; }
html.gx[data-theme="light"] .gxp .chev { color: var(--t-hint); }
html.gx .gxp .ib.gt { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; color: #fff; background: linear-gradient(160deg, var(--ga, #A877FF), var(--gb, #6A35F0)) !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.3), inset 0 2px 3px rgba(255,255,255,.35), inset 0 -3px 5px rgba(0,0,0,.18), 0 0 14px -3px var(--gb, #6A35F0) !important; }
html.gx .gxp .ib.gt img { width: 28px; height: 28px; object-fit: contain; filter: drop-shadow(0 2px 2px rgba(0,0,0,.3)) !important; }
html.gx .gxp .ib.gt.pic { background: none !important; box-shadow: 0 0 12px -4px rgba(140,140,255,.5) !important; }
html.gx .gxp .ib.gt.pic img { width: 42px; height: 42px; border-radius: 11px; filter: none !important; }
html.gx .gxp .ib.nbx { font: 800 17px/1 var(--t-f); }
html.gx .gxp .tm { padding: 7px 12px; border-radius: 10px; background: linear-gradient(180deg, #221E5A, #17144A); box-shadow: inset 0 0 0 1px rgba(155,107,255,.45), 0 0 12px -4px rgba(155,107,255,.8); color: #CDB0FF; font: 800 13px/1 var(--t-f); }
html.gx[data-theme="light"] .gxp .tm { background: #EEEAFF; color: #5B3FE0; box-shadow: inset 0 0 0 1px rgba(124,77,255,.3); }
html.gx .gxp .tag.red { padding: 3px 7px; border-radius: 7px; background: #6E1027; color: #FF6B82; font-size: 11.5px; }
html.gx[data-theme="light"] .gxp .tag.red { background: #FFE3E8; color: #D91A3C; }
html.gx .gxp .gx-news { padding: 4px 5px 5px; border-radius: 18px; background: linear-gradient(180deg, rgba(30,36,110,.35), rgba(14,20,50,.4)); box-shadow: inset 0 0 0 1.5px rgba(110,110,255,.75), 0 0 22px -4px rgba(100,100,255,.75); }
html.gx .gxp .gx-news .gxh { background: none; margin-bottom: 4px; }
html.gx[data-theme="light"] .gxp .gx-news { background: rgba(124,77,255,.05); }
html.gx .gxp .mainbtn { height: 50px; border-radius: 14px; background: linear-gradient(270deg, #3A63FC, #7B52FF) !important; box-shadow: 0 8px 24px -6px rgba(110,90,255,.8); }
html.gx .n2-nav { left: 10px !important; right: 10px !important; bottom: calc(10px + env(safe-area-inset-bottom)) !important; border-radius: 20px !important; background: rgba(12,18,40,.92) !important; box-shadow: inset 0 0 0 1px rgba(130,140,240,.2), 0 10px 30px rgba(0,0,0,.5) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
html.gx .n2-nav a { color: #C9CDE6 !important; }
html.gx .n2-nav a.on { color: #fff !important; font-weight: 800 !important; background: radial-gradient(60% 70% at 50% 40%, rgba(155,107,255,.35), transparent 70%) !important; }
html.gx .n2-nav a.on svg { color: #B57BFF; filter: drop-shadow(0 0 6px rgba(181,123,255,.95)); }
html.gx[data-theme="light"] .n2-nav { background: rgba(255,255,255,.94) !important; box-shadow: inset 0 0 0 1px rgba(124,77,255,.15), 0 8px 24px rgba(60,40,140,.15) !important; }
html.gx[data-theme="light"] .n2-nav a { color: #6B6F8C !important; } html.gx[data-theme="light"] .n2-nav a.on { color: var(--gx-acc) !important; }
html.gx .gxp .gl { gap: 8px; }
html.gx .gxp .row { box-shadow: inset 0 0 0 1px rgba(140,155,255,.3), inset 0 1px 0 rgba(255,255,255,.06), 0 6px 16px -8px rgba(0,0,0,.7); }
html.gx .gxp .grp { position: relative; margin-top: 30px; }
html.gx .gxp .grp::before { content: ""; position: absolute; top: -16px; left: 8%; right: 8%; height: 1.5px; border-radius: 2px; background: linear-gradient(90deg, transparent, rgba(155,107,255,.85) 50%, transparent); box-shadow: 0 0 10px rgba(155,107,255,.6); pointer-events: none; }
html.gx .gxp .quick + .grp { margin-top: 30px; }
html.gx[data-theme="light"] body { background: radial-gradient(90% 35% at 50% 0%, rgba(124,77,255,.16), transparent 70%), radial-gradient(70% 30% at 100% 60%, rgba(59,130,255,.10), transparent 70%), radial-gradient(70% 30% at 0% 85%, rgba(170,77,255,.10), transparent 70%), #F2F1FA !important; background-attachment: fixed !important; }
html.gx[data-theme="light"] .gxp .row { box-shadow: inset 0 0 0 1px rgba(110,91,255,.28), 0 4px 12px -6px rgba(60,40,140,.22); }
html.gx[data-theme="light"] .gxp .grp::before { background: linear-gradient(90deg, transparent, rgba(124,77,255,.55) 50%, transparent); box-shadow: none; }
html.gx[data-theme="dark"]:not(#x), html.gx[data-theme="dark"] body.ui2:not(#x), html.gx[data-theme="dark"] body:not(#x) { background: radial-gradient(80% 30% at 85% 0%, rgba(120,80,255,.38), transparent 70%), radial-gradient(70% 30% at 0% 45%, rgba(47,90,255,.22), transparent 70%), radial-gradient(70% 30% at 100% 85%, rgba(170,77,255,.22), transparent 70%), linear-gradient(180deg, #1A1452 0%, #111A48 45%, #0C1538 100%) !important; background-attachment: fixed !important; }
html.gx[data-theme="light"]:not(#x), html.gx[data-theme="light"] body.ui2:not(#x), html.gx[data-theme="light"] body:not(#x) { background: radial-gradient(80% 30% at 85% 0%, rgba(124,77,255,.30), transparent 70%), radial-gradient(70% 30% at 0% 45%, rgba(59,130,255,.20), transparent 70%), radial-gradient(70% 30% at 100% 85%, rgba(190,90,255,.20), transparent 70%), linear-gradient(180deg, #E4DBFF 0%, #ECEBFF 45%, #F1E9FF 100%) !important; background-attachment: fixed !important; }
html.gx .gxp .gl > .row + .row::before { display: block; content: ""; position: absolute; top: -5px; left: 12%; right: 12%; height: 1px; border: 0; background: linear-gradient(90deg, transparent, rgba(170,140,255,.75) 50%, transparent); pointer-events: none; }
html.gx[data-theme="light"] .gxp .gl > .row + .row::before { background: linear-gradient(90deg, transparent, rgba(124,77,255,.55) 50%, transparent); }
html.gx[data-theme="light"] .gxp .row { background: rgba(255,255,255,.92); }
html.gx[data-theme="light"] .gxp .gxh { background: rgba(255,255,255,.55); box-shadow: inset 0 0 0 1px rgba(124,77,255,.15); }
html.gx[data-theme="light"] .gxp .gx-news { background: rgba(255,255,255,.4); }
html.gx[data-theme="light"] header.top { background: rgba(255,255,255,.35) !important; }
html.gx[data-theme="light"] .gxp .qa { background: radial-gradient(100% 70% at 50% 100%, color-mix(in srgb, var(--q) 16%, transparent), transparent 70%), rgba(255,255,255,.92) !important; }
html.gx .gxp .gl { gap: 13px; }
html.gx .gxp .gl > .row + .row::before { top: -8px; left: 6%; right: 6%; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, #A98BFF 30%, #C7B3FF 50%, #A98BFF 70%, transparent); box-shadow: 0 0 8px rgba(155,107,255,.8); }
html.gx[data-theme="light"] .gxp .gl > .row + .row::before { background: linear-gradient(90deg, transparent, #8A63FF 30%, #6E44FF 50%, #8A63FF 70%, transparent); box-shadow: 0 0 6px rgba(124,77,255,.45); }
html.tg .k2 .kf-sb .searchbox input:not(#x) { background: transparent !important; }
html.tg3 .k2 .kf-sb .searchbox button.kf-go:not(#x), html.tg3 .k2 .kf-sb button.kf-go[type="submit"]:not(#x) { height: 36px; margin-inline-end: 4px; padding: 0 14px; border-radius: 10px; background: var(--t-grad) !important; color: #fff !important; }
html.tg3 .kn-chips > :not(.on):not([aria-pressed="true"]), html.tg3 .kf-chips > :not(.on) { background: color-mix(in srgb, var(--t-acc) 13%, transparent) !important; }
html.tg3 .ks-pbar { gap: 8px; padding: 8px; }
html.tg3 .ks-pbar a:not(#x), html.tg3 .ks-pbar button:not(#x), html.tg3 .ks-pbar2 a:not(#x), html.tg3 .ks-pbar2 button:not(#x) { border-radius: 12px !important; border: 0 !important; background: color-mix(in srgb, var(--t-acc) 14%, transparent) !important; }
html.tg3 .ks-pbar > :first-child:not(#x) { background: var(--t-grad) !important; color: #fff !important; }
html.tg3 .ks-pbar > :first-child:not(#x) svg { color: #fff !important; }
html.gx:not(#a):not(#b) {
--s: #7B61FF; --s2: #2AABEE; --s3: #FF4FA3;
--glass: rgba(30, 30, 46, .6); --glass-bd: rgba(255, 255, 255, .12); --glass-hl: rgba(255, 255, 255, .10);
--base: #05060E; --w1: 55%; --w2: 40%; --w3: 40%;
--t-card: var(--glass); --gx-row: var(--glass); --t-bar: rgba(18, 18, 30, .78);
}
html.gx[data-theme="light"]:not(#a):not(#b) {
--glass: rgba(255, 255, 255, .7); --glass-bd: rgba(255, 255, 255, .85); --glass-hl: rgba(255, 255, 255, .9);
--base: #F3F1F9; --w1: 42%; --w2: 34%; --w3: 30%; --t-bar: rgba(255, 255, 255, .74);
}
html.gx:not(#a):not(#b):has(> body.pt-news) { --s: #A259FF; --s2: #FF4FA3; --s3: #5B7CFF; }
html.gx:not(#a):not(#b):has(> body.pt-sch)  { --s: #FF9F0A; --s2: #FF5E3A; --s3: #FFD60A; }
html.gx:not(#a):not(#b):has(> body.pt-exam) { --s: #FF375F; --s2: #FF7A45; --s3: #BF5AF2; }
html.gx:not(#a):not(#b):has(> body.pt-mat)  { --s: #0A84FF; --s2: #5AC8FA; --s3: #5E5CE6; }
html.gx:not(#a):not(#b):has(> body.pt-sum)  { --s: #30D158; --s2: #00C7BE; --s3: #A8E05F; }
html.gx:not(#a):not(#b):has(> body.pt-acc)  { --s: #5E5CE6; --s2: #64D2FF; --s3: #BF5AF2; }
html.gx:not(#a):not(#b) { --t-acc: color-mix(in srgb, var(--s) 70%, #fff); --t-grad: linear-gradient(135deg, var(--s), var(--s2)); }
html.gx[data-theme="light"]:not(#a):not(#b) { --t-acc: color-mix(in srgb, var(--s) 72%, #000); }
html.gx:not(#a):not(#b) { background: var(--base) !important; }
html.gx:not(#a):not(#b) body.ui2:not(#c), html.gx:not(#a):not(#b) body:not(#c) { background: transparent !important; }
html.gx:not(#a):not(#b) body.ui2:not(#c)::before {
content: "" !important; display: block !important; position: fixed !important; inset: 0 !important; width: auto !important; height: auto !important; margin: 0 !important;
z-index: -1 !important; pointer-events: none; opacity: 1 !important; filter: none !important; animation: none !important; border-radius: 0 !important; transform: translateZ(0) !important;
background:
radial-gradient(90% 55% at 100% 0%, color-mix(in srgb, var(--s) var(--w1), transparent), transparent 70%),
radial-gradient(80% 50% at 0% 40%, color-mix(in srgb, var(--s2) var(--w2), transparent), transparent 70%),
radial-gradient(90% 55% at 70% 100%, color-mix(in srgb, var(--s3) var(--w3), transparent), transparent 70%) !important;
}
html.gx:not(#a):not(#b) header.top { background: var(--t-bar) !important; box-shadow: inset 0 -.5px 0 var(--glass-bd) !important; }
html.gx:not(#a):not(#b) .n2-nav { background: var(--t-bar) !important; -webkit-backdrop-filter: blur(24px) saturate(180%) !important; backdrop-filter: blur(24px) saturate(180%) !important; box-shadow: inset 0 0 0 .5px var(--glass-bd), 0 10px 30px -10px rgba(0,0,0,.35) !important; }
html.gx:not(#a):not(#b) .n2-nav a.on { color: var(--t-acc) !important; }
html.gx:not(#a):not(#b) :is(.k-list, .kn-panel, .kn-pane, .ks-pcard, .kn-note, .k-empty, .kn-tile, .kh-bio, .kh-path) {
background: var(--glass) !important; border-radius: 22px !important;
box-shadow: inset 0 0 0 .5px var(--glass-bd), inset 0 1px 0 var(--glass-hl), 0 12px 32px -18px rgba(0,0,0,.5) !important;
}
html.gx:not(#a):not(#b) :is(.k-tabs, .ks-tabs, .kn-tabs) { background: color-mix(in srgb, var(--glass) 80%, transparent) !important; border-radius: 14px !important; box-shadow: inset 0 0 0 .5px var(--glass-bd) !important; }
html.gx:not(#a):not(#b) :is(.k-tabs, .ks-tabs, .kn-tabs) > .on, html.gx:not(#a):not(#b) :is(.k-tabs, .ks-tabs, .kn-tabs) > [aria-selected="true"] { background: var(--t-grad) !important; color: #fff !important; }
html.gx:not(#a):not(#b) body.ui2 main .k-row:not(#c) { background: transparent !important; }
html.gx:not(#a):not(#b) .gxp .grp:has(.hi-cal)    { --s: #FF9F0A; --s2: #FF5E3A; }
html.gx:not(#a):not(#b) .gxp .grp:has(.hi-layers) { --s: #0A84FF; --s2: #5AC8FA; }
html.gx:not(#a):not(#b) .gxp .grp.gx-news         { --s: #BF5AF2; --s2: #FF4FA3; }
html.gx:not(#a):not(#b) .gxp .grp { --tx: color-mix(in srgb, var(--s) 55%, #fff); margin-top: 16px; }
html.gx[data-theme="light"]:not(#a):not(#b) .gxp .grp { --tx: color-mix(in srgb, var(--s) 62%, #000); }
html.gx:not(#a):not(#b) .gxp .grp::before { display: none !important; }
html.gx:not(#a):not(#b) .gxp .gxh .gh { color: var(--tx); font-size: 16px; }
html.gx:not(#a):not(#b) .gxp .gxh .all { background: color-mix(in srgb, var(--s) 18%, transparent); box-shadow: none; color: var(--tx); }
html.gx:not(#a):not(#b) .gxp .tm { background: color-mix(in srgb, var(--s) 18%, transparent) !important; color: var(--tx) !important; border: 0 !important; box-shadow: none !important; }
html.gx:not(#a):not(#b) .gxp .gxh {
padding: 6px 6px 6px 8px; border-radius: 18px; margin-bottom: 8px;
background: linear-gradient(270deg, color-mix(in srgb, var(--s) 82%, #000), color-mix(in srgb, var(--s2) 78%, #000)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 10px 24px -12px var(--s) !important;
}
html.gx:not(#a):not(#b) .gxp .gxh .gh { color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.25); }
html.gx:not(#a):not(#b) .gxp .gxh .hi img { filter: drop-shadow(0 2px 4px rgba(0,0,0,.3)); }
html.gx:not(#a):not(#b) .gxp .gxh .all { background: rgba(0,0,0,.22); color: #fff; }
html.gx:not(#a):not(#b) .gxp .gl { gap: 8px !important; }
html.gx:not(#a):not(#b) .gxp .gl > .row + .row::before { display: none !important; }
html.gx:not(#a):not(#b) .gxp .row {
border-radius: 18px; min-height: 58px;
background: linear-gradient(270deg, color-mix(in srgb, var(--s) 24%, transparent), transparent 75%), var(--glass) !important;
box-shadow: inset -3px 0 0 var(--s), inset 0 0 0 1px color-mix(in srgb, var(--s) 28%, transparent), inset 0 1px 0 var(--glass-hl), 0 8px 20px -12px color-mix(in srgb, var(--s) 60%, transparent) !important;
}
html.gx:not(#a):not(#b) :is(.k-list, .kn-panel, .kn-pane, .ks-pcard, .kn-note, .k-empty, .kn-tile, .kh-bio, .kh-path) {
background: linear-gradient(200deg, color-mix(in srgb, var(--s) 22%, transparent), transparent 60%), var(--glass) !important;
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--s) 30%, transparent), inset 0 1px 0 var(--glass-hl), 0 12px 30px -16px color-mix(in srgb, var(--s) 55%, transparent) !important;
}
html, body, body *:not(.t, i, code, .logo, .logo *, .splash, .splash *) { font-family: 'Efrst Sans', system-ui, sans-serif !important; }
:root, html.tg { --font: 'Efrst Sans'; --t-f: 'Efrst Sans'; --head: 'Efrst Sans'; --fun: 'Efrst Sans'; --num: 'Efrst Sans'; --mono: 'Efrst Sans'; }
body :is(h1, h2, h3, b, strong, .tx, .tm):not(.logo *), body .hero h1 span { font-weight: 700 !important; letter-spacing: -.2px; }
small, p { font-weight: 400 !important; }
.hero > div { position: relative; }
.hero > div::before { content: "خليك مُنظَّم"; position: absolute; top: -31px; inset-inline-start: 2px; white-space: nowrap; font: 700 18px/1.2 'Aref Ruqaa', serif !important; color: #D4F27A; transform: rotate(-5deg); text-shadow: 0 1px 2px rgba(40,0,90,.35); }
.hero { padding-top: 36px !important; }
.hero h1 > span { position: relative; z-index: 0; }
.hero h1 > span::after { content: ""; position: absolute; inset-inline: -6px; bottom: -3px; height: 30%; border-radius: 3px; background: rgba(212,242,122,.7); z-index: -1; }
.hero p { display: inline-flex !important; align-items: center; gap: 7px; margin-top: 6px !important; padding: 4px 12px 5px; border-radius: 999px; background: rgba(255,255,255,.16); font-size: 12px !important; font-weight: 500 !important; }
.hero p::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #D4F27A; box-shadow: 0 0 0 3px rgba(212,242,122,.25); flex: none; }
html.gx:not(#a):not(#b) .gxp .grp:has(.hi-cal, .hi-layers, .hi-mega) { margin-top: 30px; }
h2.gh { position: relative; }
h2.gh::before { position: absolute; inset-inline-start: 2px; top: -34px; white-space: nowrap; font: 700 15px/1 'Aref Ruqaa', serif !important; color: #FF9F43; transform: rotate(-5deg); }
.gxh:has(.hi-cal) h2.gh::before { content: "متتأخرش"; }
.gxh:has(.hi-layers) h2.gh::before { content: "كل حاجة في مكانها"; }
.gxh:has(.hi-mega) h2.gh::before { content: "أول بأول"; }
.gxh .all { box-shadow: 3px 4px 0 #8b5cf6 !important; transition: transform .15s, box-shadow .15s; }
.gxh .all:active { transform: translate(3px, 4px); box-shadow: 0 0 0 #8b5cf6 !important; }
[data-theme=light] h2.gh::before { color: #E8590C; }
html.tg body main .k-crumbs a.k-back:not(#x):not(#y), html.tg body main a.nz-back:not(#x):not(#y) {
flex: none; display: inline-flex !important; align-items: center; gap: 6px; height: 36px !important; min-height: 36px; margin: 2px 0 6px !important; padding: 0 14px !important;
border-radius: 999px !important; font: 700 13.5px/1 'Efrst Sans', sans-serif !important; text-decoration: none; text-shadow: none !important;
color: #fff !important; background: linear-gradient(135deg, #8B5CF6, #5B2BD9) !important; border: 0 !important;
box-shadow: 2px 3px 0 #2E1A78 !important; transition: transform .15s, box-shadow .15s;
}
html.tg body main .k-crumbs a.k-back:not(#x):not(#y)::after { content: none !important; }
html.tg body main .k-crumbs a.k-back:not(#x):not(#y):active, html.tg body main a.nz-back:not(#x):not(#y):active { transform: translate(2px, 3px); box-shadow: 0 0 0 #2E1A78 !important; }
html.tg body main a.nz-back:not(#x):not(#y) i { color: #fff !important; }
html.tg .k-crumbs { align-items: center; overflow: visible; }
.nz-crumb-root { display: flex; margin: 4px 0 10px; }
.sc2 > .nz-crumb-root { margin: 10px 14px 4px; }
html.tg body .k-go:not(#x) {
flex: none; display: inline-flex !important; align-items: center; gap: 2px !important; height: 30px !important; padding: 0 6px 0 11px !important;
border-radius: 999px !important; font: 700 12px/1 'Efrst Sans', sans-serif !important; white-space: nowrap;
color: var(--t-acc, #7C4DFF) !important; background: color-mix(in srgb, var(--t-acc, #7C4DFF) 14%, transparent) !important;
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--t-acc, #7C4DFF) 30%, transparent) !important;
}
html.tg body .k-go:not(#x) span { opacity: 1; color: inherit !important; }
html.tg body .k-go:not(#x) svg { width: 15px; height: 15px; }
html.gx[data-theme="dark"] body .k-go:not(#x) { color: #C4B5FD !important; }
html.gx .gxp .chev { display: inline-flex !important; align-items: center; gap: 2px; height: 28px; padding: 0 5px 0 10px; border-radius: 999px; opacity: 1 !important;
color: #fff !important; background: color-mix(in srgb, var(--s, #8B5CF6) 30%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--s, #8B5CF6) 55%, transparent); }
html.gx .gxp .chev .go { font: 700 11.5px/1 'Efrst Sans', sans-serif; font-style: normal; white-space: nowrap; }
html.gx .gxp .chev svg { width: 14px !important; height: 14px !important; }
html.gx[data-theme="light"] .gxp .chev { color: color-mix(in srgb, var(--s, #7C4DFF) 70%, #000) !important; background: color-mix(in srgb, var(--s, #7C4DFF) 14%, #fff); }
html.tg .sc-more { height: auto !important; align-items: flex-end !important; padding: 0 0 10px 10px !important; }
html.tg .sc-more span { display: inline-flex !important; width: auto !important; height: 28px !important; gap: 2px; padding: 0 5px 0 10px !important; border-radius: 999px !important; opacity: 1 !important;
font: 700 11.5px/1 'Efrst Sans', sans-serif; color: #fff !important; background: color-mix(in srgb, var(--c2, #8B5CF6) 35%, transparent) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c2, #8B5CF6) 60%, transparent) !important; }
html.tg .sc-more span::before { content: "عرض"; }
html.tg .sc-more span svg { width: 14px; height: 14px; }
html[data-theme="light"].tg .sc-more span { color: color-mix(in srgb, var(--c2, #7C4DFF) 70%, #000) !important; background: color-mix(in srgb, var(--c2, #7C4DFF) 14%, #fff) !important; }
@media (prefers-reduced-motion: reduce) { html.tg body main .k-crumbs a.k-back:not(#x):not(#y), html.tg body main a.nz-back:not(#x):not(#y) { transition: none; } }
html.gx .gxp .row:has(.acc) .chev { padding: 0; background: none; box-shadow: none; }
html.gx .gxp .row:has(.acc) .chev .go { display: none; }
html.gx .gxp .chev svg + * { display: none; }
html.gx body .gxp .grp:not(.gx-news) .row .rt b { font-size: 13px !important; font-weight: 600 !important; line-height: 1.35 !important; }
html.gx body .gxp .grp:not(.gx-news) .row .rt small { font-size: 11.5px !important; }
html.gx body .gxp h2.gh { white-space: nowrap !important; }
html.gx body .gxp .gxh h2.gh { flex: 0 1 auto !important; }
html.gx body .gxp .gxh .all { margin-inline-start: auto !important; }
html.gx body .gxp .hero h1 > span, html.gx body .gxp h2.gh, html.gx body .gxp .qa > span:last-child { font-family: 'Rakkas', serif !important; font-weight: 400 !important; letter-spacing: 0; }
html.gx body .gxp .hero h1 > span { font-size: 38px !important; line-height: 1.05; display: inline-block; transform: skewY(-4deg); color: #FF6A4D !important; text-shadow: 2px 2px 0 #fff, 4px 4px 0 #1B1140 !important; }
html.gx body .gxp .hero h1 > span::after { inset-inline: -6px; bottom: -8px; height: 9px; border-radius: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 6 L14 3 L22 8 L36 2 L46 7 L60 3 L68 8 L82 2 L100 5 L100 7 L82 4 L68 10 L60 5 L46 9 L36 4 L22 10 L14 5 L0 8Z' fill='%231B1140'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
html.gx body .gxp h2.gh { font-size: 22px !important; line-height: 1.15; padding-bottom: 8px; display: inline-block; transform: skewY(-3deg); color: #fff !important; text-shadow: 2px 2px 0 #1B1140 !important; }
html.gx body .gxp h2.gh::before { text-shadow: none !important; }
html.gx body .gxp h2.gh::after { content: ""; position: absolute; inset-inline: -4px; bottom: 0; height: 7px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 6 L14 3 L22 8 L36 2 L46 7 L60 3 L68 8 L82 2 L100 5 L100 7 L82 4 L68 10 L60 5 L46 9 L36 4 L22 10 L14 5 L0 8Z' fill='%23D4F27A'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
html.gx body .gxp .qa > span:last-child { font-size: 17px !important; }
html.gx[data-theme=dark] body .gxp .qa > span:last-child { color: #fff !important; text-shadow: 2px 2px 0 color-mix(in srgb, var(--q) 55%, #000) !important; }
html.gx[data-theme=light] body .gxp .qa > span:last-child { color: color-mix(in srgb, var(--q) 75%, #000) !important; }
html.gx body .k-h1, html.gx body .sc-h1, html.gx body .tgp .phead h1 { font-family: 'Rakkas', serif !important; font-weight: 400 !important; letter-spacing: 0 !important; font-size: 34px !important; line-height: 1.1 !important; position: relative; display: inline-block; padding-bottom: 6px; margin-bottom: 14px !important; transform: skewY(-4deg); color: #FF6A4D !important; text-shadow: 2px 2px 0 #fff, 4px 4px 0 #1B1140 !important; }
html.gx body .k-h1.k-l, html.gx body .k-h1.k-xl, html.gx body .k-h1.ks-xxl { font-size: 28px !important; }
html.gx body .k-h1::after, html.gx body .sc-h1::after, html.gx body .tgp .phead h1::after { content: ""; position: absolute; inset-inline: -6px; bottom: -6px; height: 9px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 6 L14 3 L22 8 L36 2 L46 7 L60 3 L68 8 L82 2 L100 5 L100 7 L82 4 L68 10 L60 5 L46 9 L36 4 L22 10 L14 5 L0 8Z' fill='%23D4F27A'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
html.gx[data-theme=light] body .k-h1::after, html.gx[data-theme=light] body .sc-h1::after, html.gx[data-theme=light] body .tgp .phead h1::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 6 L14 3 L22 8 L36 2 L46 7 L60 3 L68 8 L82 2 L100 5 L100 7 L82 4 L68 10 L60 5 L46 9 L36 4 L22 10 L14 5 L0 8Z' fill='%231B1140'/%3E%3C/svg%3E"); }
html.gx body h2.k-label, html.gx body #sc-sh-h { font-family: 'Rakkas', serif !important; font-weight: 400 !important; letter-spacing: 0 !important; font-size: 22px !important; line-height: 1.15 !important; position: relative; display: inline-block; padding-bottom: 8px; transform: skewY(-3deg); color: #fff !important; text-shadow: 2px 2px 0 #1B1140 !important; }
html.gx body h2.k-label::after, html.gx body #sc-sh-h::after { content: ""; position: absolute; inset-inline: -4px; bottom: 0; height: 7px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 6 L14 3 L22 8 L36 2 L46 7 L60 3 L68 8 L82 2 L100 5 L100 7 L82 4 L68 10 L60 5 L46 9 L36 4 L22 10 L14 5 L0 8Z' fill='%23D4F27A'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
html.gx[data-theme=light] body h2.k-label, html.gx[data-theme=light] body #sc-sh-h { color: #1B1140 !important; text-shadow: 2px 2px 0 rgba(255,106,77,.35) !important; }
html.gx[data-theme=light] body h2.k-label::after, html.gx[data-theme=light] body #sc-sh-h::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 6 L14 3 L22 8 L36 2 L46 7 L60 3 L68 8 L82 2 L100 5 L100 7 L82 4 L68 10 L60 5 L46 9 L36 4 L22 10 L14 5 L0 8Z' fill='%23FF6A4D'/%3E%3C/svg%3E"); }
html.tg body .tgp .rt b { font-size: 14.5px !important; line-height: 1.35 !important; white-space: normal !important; text-overflow: clip !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html.gx body .gxp .grp:not(.gx-news) .row .rt b { font-size: 12.5px !important; line-height: 1.3 !important; white-space: normal !important; text-overflow: clip !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html:not(#nz) body *:not(.logo, .logo *, .splash, .splash *), html:not(#nz) body *:not(.logo, .splash *)::before, html:not(#nz) body *:not(.logo, .splash *)::after { text-shadow: none !important; }
html.tg body .k-row .k-t:not(h1, h2) { font-size: 14px !important; line-height: 1.35 !important; }
html.oc:not(#o#o#o#o) {
--oc-n0: #021024; --oc-n1: #052659; --oc-b3: #5483B3; --oc-b2: #7DA0CA; --oc-ice: #C1E8FF;
--oc-grad: linear-gradient(135deg, #5483B3, #7DA0CA);
--oc-tx: #EAF6FF; --oc-mut: #B5CCE6; --oc-chip: rgba(193,232,255,.12); --oc-h: #C1E8FF;
--oc-card: rgba(193,232,255,.08); --oc-line: rgba(193,232,255,.16);
--oc-cardsh: inset 0 0 0 1px rgba(193,232,255,.16), inset 0 1px 0 rgba(255,255,255,.12);
--oc-alltx: #C1E8FF; --oc-allbg: rgba(193,232,255,.12); --oc-gotx: #021024; --oc-gobg: #C1E8FF;
--oc-tagtx: #021024; --oc-tagbg: #7DA0CA; --oc-on: #021024; --oc-onbg: #C1E8FF;
--oc-navbg: rgba(5,38,89,.92); --oc-navbd: rgba(193,232,255,.2); --oc-navtx: #A9C2DE;
--oc-h1: linear-gradient(90deg, #fff, #C1E8FF 60%, #7DA0CA);
--s: #5483B3; --s2: #7DA0CA; --s3: #052659; --base: #021024;
--glass: var(--oc-card); --glass-bd: rgba(193,232,255,.16); --glass-hl: rgba(255,255,255,.12);
--t-bg: #021024; --t-card: var(--oc-card); --t-tx: #EAF6FF; --t-hint: #B5CCE6; --t-acc: #C1E8FF; --t-grad: var(--oc-grad); --t-bar: rgba(5,38,89,.92);
--gx-row: var(--oc-card); --gx-bd: rgba(193,232,255,.16); --gx-acc: #C1E8FF;
--pc: #5483B3; --pcd: #052659;
background: #021024 !important; color-scheme: dark;
}
html.oc[data-theme="light"]:not(#o#o#o#o) {
--oc-tx: #021024; --oc-mut: #2D4B6E; --oc-chip: rgba(255,255,255,.6); --oc-h: #052659;
--oc-card: rgba(255,255,255,.62); --oc-line: rgba(5,38,89,.12);
--oc-cardsh: inset 0 0 0 1px rgba(255,255,255,.9), 0 10px 24px -14px rgba(5,38,89,.45);
--oc-alltx: #052659; --oc-allbg: rgba(255,255,255,.7); --oc-gotx: #fff; --oc-gobg: #052659;
--oc-tagtx: #fff; --oc-tagbg: #5483B3; --oc-on: #fff; --oc-onbg: #052659;
--oc-navbg: rgba(255,255,255,.92); --oc-navbd: rgba(255,255,255,.95); --oc-navtx: #4E6A8C;
--oc-h1: linear-gradient(90deg, #021024, #052659 50%, #5483B3);
--base: #C1E8FF; --glass-bd: rgba(255,255,255,.9); --glass-hl: #fff;
--t-bg: #DCEFFF; --t-tx: #021024; --t-hint: #2D4B6E; --t-acc: #052659; --t-bar: rgba(255,255,255,.92);
--gx-bd: rgba(5,38,89,.12); --gx-acc: #052659;
background: #C1E8FF !important; color-scheme: light;
}
html.oc:not(#o#o#o#o) .k2 { --k-box: var(--oc-card); --k-line: var(--oc-line); --k-mut: var(--oc-mut); --k-tx: var(--oc-tx); }
html.oc:not(#o#o#o#o) body, html.oc:not(#o#o#o#o) body.ui2 { background: transparent !important; color: var(--oc-tx); }
html.oc:not(#o#o#o#o) body.ui2::before, html.oc:not(#o#o#o#o) body:not(.ui2)::before {
content: "" !important; display: block !important; position: fixed !important; inset: 0 !important; z-index: -1 !important; pointer-events: none;
width: auto !important; height: auto !important; margin: 0 !important; opacity: 1 !important; filter: none !important; animation: none !important; border-radius: 0 !important; transform: translateZ(0) !important;
background: radial-gradient(60% 40% at 100% 0%, rgba(193,232,255,.22), transparent 70%), linear-gradient(180deg, #0A3A7A 0, #052659 38%, #021024 85%) !important;
}
html.oc[data-theme="light"]:not(#o#o#o#o) body.ui2::before, html.oc[data-theme="light"]:not(#o#o#o#o) body:not(.ui2)::before {
background: radial-gradient(60% 40% at 100% 0%, rgba(255,255,255,.7), transparent 70%), linear-gradient(180deg, #C1E8FF 0, #DCEFFF 40%, #A9C6E6 100%) !important;
}
html.oc:not(#o#o#o#o) .k-deco svg, html.oc:not(#o#o#o#o) .sc-deco svg { stroke: #C1E8FF !important; opacity: .05 !important; }
html.oc[data-theme="light"]:not(#o#o#o#o) .k-deco svg, html.oc[data-theme="light"]:not(#o#o#o#o) .sc-deco svg { stroke: #052659 !important; }
html.oc:not(#o#o#o#o) header.top { background: transparent !important; box-shadow: none !important; border: 0 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.oc:not(#o#o#o#o) header.top::after { display: none !important; }
html.oc:not(#o#o#o#o) header.top .logo, html.oc:not(#o#o#o#o) header.top .logo span:not(.pro) { color: var(--oc-h) !important; }
html.oc:not(#o#o#o#o) header.top .logo .pro { background: var(--oc-grad) !important; color: #fff !important; box-shadow: none !important; }
html.oc:not(#o#o#o#o) header.top .icon-btn, html.oc:not(#o#o#o#o) header.top .theme-btn {
width: 44px !important; height: 44px !important; border-radius: 50% !important; border: 0 !important;
background: var(--oc-chip) !important; color: var(--oc-tx) !important; box-shadow: none !important;
}
html.oc:not(#o#o#o#o) header.top .icon-btn svg, html.oc:not(#o#o#o#o) header.top .theme-btn svg { filter: none !important; color: inherit !important; }
html.oc:not(#o#o#o#o) header.top .btn-primary { height: 44px !important; padding: 0 18px !important; border-radius: 999px !important; border: 0 !important; background: var(--oc-grad) !important; color: #fff !important; box-shadow: 0 8px 20px -8px #5483B3 !important; }
html.oc:not(#o#o#o#o) header.top .topnav a { color: var(--oc-mut) !important; background: transparent !important; border-radius: 999px !important; }
html.oc:not(#o#o#o#o) header.top .topnav a.on { color: var(--oc-on) !important; background: var(--oc-onbg) !important; }
html.oc:not(#o#o#o#o) .n2-nav, html.oc:not(#o#o#o#o) .bottomnav {
border-radius: 26px !important; border: 0 !important; background: var(--oc-navbg) !important;
box-shadow: 0 14px 34px -12px rgba(2,16,36,.6), inset 0 0 0 1px var(--oc-navbd) !important;
-webkit-backdrop-filter: blur(14px) !important; backdrop-filter: blur(14px) !important;
}
html.oc:not(#o#o#o#o) .n2-nav a, html.oc:not(#o#o#o#o) .bottomnav a { color: var(--oc-navtx) !important; background: transparent !important; box-shadow: none !important; border-radius: 18px !important; }
html.oc:not(#o#o#o#o) .n2-nav a.on, html.oc:not(#o#o#o#o) .bottomnav a.on { color: var(--oc-on) !important; background: var(--oc-onbg) !important; font-weight: 700 !important; }
html.oc:not(#o#o#o#o) .n2-nav a svg, html.oc:not(#o#o#o#o) .bottomnav a svg { color: inherit !important; filter: none !important; }
.oc-home { position: relative; padding-bottom: 8px; }
.oc-hero { position: relative; overflow: hidden; margin-top: 6px; padding: 24px 20px; min-height: 196px; border-radius: 28px;
background: rgba(193,232,255,.07); box-shadow: inset 0 0 0 1px rgba(193,232,255,.2), inset 0 1px 0 rgba(255,255,255,.18), 0 24px 40px -24px rgba(0,0,0,.7); }
html[data-theme="light"] .oc-hero { background: rgba(255,255,255,.55); box-shadow: inset 0 0 0 1px #fff, 0 20px 36px -20px rgba(5,38,89,.5); }
.oc-rings { position: absolute; left: -60px; top: -40px; width: 260px; height: 260px; opacity: .55; stroke: #C1E8FF; stroke-width: 1; pointer-events: none; }
html[data-theme="light"] .oc-rings { stroke: #5483B3; }
.oc-dots i { position: absolute; border-radius: 50%; background: #C1E8FF; pointer-events: none; }
html[data-theme="light"] .oc-dots i { background: #5483B3; }
.oc-art { position: absolute; left: 10px; bottom: 14px; width: 104px; height: auto; filter: drop-shadow(0 14px 16px rgba(2,16,36,.45)); pointer-events: none; }
html.oc:not(#o#o#o#o) .oc-hero h1 { position: relative; margin: 0; max-width: 64%; font: 400 36px/1.15 'Rakkas', serif !important; letter-spacing: 0 !important;
background: var(--oc-h1); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
html.oc:not(#o#o#o#o) .oc-hero p { position: relative; margin: 8px 0 0; max-width: 58%; color: var(--oc-mut) !important; font-size: 13.5px !important; line-height: 1.5; }
.oc-cta { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 44px; margin-top: 16px; padding: 0 20px; border-radius: 999px;
font-weight: 700; font-size: 14px; color: #fff !important; text-decoration: none; background: linear-gradient(135deg, #5483B3, #7DA0CA); box-shadow: 0 10px 24px -10px #5483B3; }
.oc-cta svg, .oc-all svg, .oc-go svg { width: 16px; height: 16px; flex: none; }
.oc-quick { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 18px; }
.oc-qa { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 4px 10px; border-radius: 22px; text-decoration: none; background: var(--oc-card); box-shadow: var(--oc-cardsh); }
.oc-qa img { width: 50px; height: 50px; object-fit: contain; filter: drop-shadow(0 6px 8px rgba(2,16,36,.35)); }
.oc-qa span { font-weight: 700; font-size: 13px; color: var(--oc-tx); white-space: nowrap; }
.oc-div { height: 26px; margin: 18px -16px -6px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 26' preserveAspectRatio='none'%3E%3Cpath d='M0 13 C45 3 75 3 120 13 S195 23 240 13 S315 3 360 13' fill='none' stroke='%23C1E8FF' stroke-opacity='.45' stroke-width='1.4' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M0 19 C45 9 75 9 120 19 S195 29 240 19 S315 9 360 19' fill='none' stroke='%237DA0CA' stroke-opacity='.35' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 0 / 100% 100%; }
html[data-theme="light"] .oc-div { filter: brightness(.35) saturate(2); }
.oc-sec { position: relative; margin-top: 26px; }
.oc-sh { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.oc-sh img { width: 34px; height: 34px; flex: none; object-fit: contain; }
html.oc:not(#o#o#o#o) .oc-sh h2 { margin: 0; font: 400 23px/1.15 'Rakkas', serif !important; letter-spacing: 0 !important; color: var(--oc-h) !important; white-space: nowrap; }
.oc-all { margin-inline-start: auto; flex: none; display: inline-flex; align-items: center; gap: 4px; height: 36px; padding: 0 14px; border-radius: 999px;
font-weight: 700; font-size: 12.5px; text-decoration: none; color: var(--oc-alltx) !important; background: var(--oc-allbg); }
.oc-all svg { width: 14px; height: 14px; }
.oc-list { display: grid; gap: 8px; }
.oc-row { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 8px 10px 8px 8px; border-radius: 20px; text-decoration: none; color: var(--oc-tx) !important;
background: var(--oc-card); box-shadow: var(--oc-cardsh); transition: transform .15s; }
.oc-row:active, .oc-qa:active, .oc-cta:active, .oc-all:active { transform: scale(.97); }
.oc-tile, .oc-num { flex: none; width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; overflow: hidden; }
.oc-tile { background: linear-gradient(160deg, var(--ga, #7DA0CA), var(--gb, #052659)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.25), inset 0 2px 3px rgba(255,255,255,.3); }
.oc-tile img { width: 28px; height: 28px; object-fit: contain; filter: drop-shadow(0 2px 2px rgba(0,0,0,.3)); }
.oc-tile.pic { background: none; box-shadow: none; }
.oc-tile.pic img { width: 100%; height: 100%; object-fit: cover; filter: none; }
.oc-num { font: 800 18px/1 'Efrst Sans', sans-serif; color: #C1E8FF; background: rgba(193,232,255,.14); box-shadow: inset 0 0 0 1px rgba(193,232,255,.3); }
html[data-theme="light"] .oc-num { color: #C1E8FF; background: #052659; box-shadow: none; }
.oc-rt { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
html.oc:not(#o#o#o#o) .oc-rt b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 700 !important; font-size: 13.5px; line-height: 1.35; color: var(--oc-tx); }
.oc-tag { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 700 !important; color: var(--oc-tagtx); background: var(--oc-tagbg); }
.oc-tag.hot { color: #fff; background: #D9485F; }
.oc-sub { font-size: 11.5px; color: var(--oc-mut); }
.oc-tm { flex: none; padding: 6px 10px; border-radius: 12px; font-weight: 800; font-size: 13px; color: var(--oc-alltx); background: var(--oc-allbg); }
.oc-go { flex: none; display: inline-flex; align-items: center; gap: 2px; height: 30px; padding: 0 12px; border-radius: 999px; font-weight: 700; font-size: 12px; white-space: nowrap; color: var(--oc-gotx); background: var(--oc-gobg); }
.oc-go svg { width: 14px; height: 14px; }
html.oc:not(#o#o#o#o) body :is(.k-h1, .sc-h1, .tgp .phead h1) {
transform: none !important; text-shadow: none !important; font: 400 32px/1.2 'Rakkas', serif !important; letter-spacing: 0 !important; padding-bottom: 2px !important; margin-bottom: 6px !important;
background: var(--oc-h1) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent;
}
html.oc:not(#o#o#o#o) body :is(.k-h1.k-l, .k-h1.k-xl, .k-h1.ks-xxl) { font-size: 26px !important; }
html.oc:not(#o#o#o#o) body :is(.k-h1, .sc-h1, .tgp .phead h1)::after { content: none !important; display: none !important; }
html.oc:not(#o#o#o#o) .k-sw { display: none !important; }
html.oc:not(#o#o#o#o) :is(.k-sub, .k-desc, .sc-sub, .sc-desc, .tgp .phead p) { color: var(--oc-mut) !important; }
html.oc:not(#o#o#o#o) body :is(h2.k-label, #sc-sh-h) { transform: none !important; text-shadow: none !important; font: 400 22px/1.2 'Rakkas', serif !important; letter-spacing: 0 !important; padding-bottom: 0 !important; color: var(--oc-h) !important; }
html.oc:not(#o#o#o#o) body :is(h2.k-label, #sc-sh-h)::after { content: none !important; display: none !important; }
html.oc:not(#o#o#o#o) .k-label:not(h2) { color: var(--oc-mut) !important; }
html.oc:not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) { border: 0 !important; background: var(--oc-card) !important; box-shadow: inset 0 0 0 1px rgba(193,232,255,.2), inset 0 1px 0 rgba(255,255,255,.18), 0 24px 40px -24px rgba(0,0,0,.6) !important; border-radius: 28px !important; }
html.oc[data-theme="light"]:not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) { background: rgba(255,255,255,.55) !important; box-shadow: inset 0 0 0 1px #fff, 0 20px 36px -20px rgba(5,38,89,.5) !important; }
html.oc:not(#o#o#o#o) :is(.k-hero-bg, .sc-hero-bg) { stroke: rgba(193,232,255,.2) !important; fill: transparent !important; }
html.oc[data-theme="light"]:not(#o#o#o#o) :is(.k-hero-bg, .sc-hero-bg) { stroke: rgba(5,38,89,.12) !important; }
html.oc:not(#o#o#o#o) :is(.k-list, .kn-panel, .kn-pane, .ks-pcard, .kn-note, .k-empty, .kn-tile, .kh-bio, .kh-path, .kf-sb, .kn-form, .ks-card, .tgp .grp, .tgp .gl) {
background: var(--oc-card) !important; border-color: transparent !important; border-radius: 22px !important; box-shadow: var(--oc-cardsh) !important;
}
html.oc:not(#o#o#o#o) body.ui2 main .k-row:not(#c) { color: var(--oc-tx) !important; }
html.oc:not(#o#o#o#o) :is(.k-t, .k-row b, .kn-c b, .tgp .rt b) { color: var(--oc-tx) !important; }
html.oc:not(#o#o#o#o) :is(.k-pills .k-dr, .tgp .rt small, .kn-hint, .kf-hint) { color: var(--oc-mut) !important; }
html.oc:not(#o#o#o#o) .k-list > .k-row + .k-row::before, html.oc:not(#o#o#o#o) .tgp .gl > .row + .row::before { background: var(--oc-line) !important; box-shadow: none !important; }
html.oc:not(#o#o#o#o) body .k-go, html.oc:not(#o#o#o#o) .sc-more span {
height: 30px !important; padding: 0 8px 0 12px !important; border: 0 !important; border-radius: 999px !important;
color: var(--oc-gotx) !important; background: var(--oc-gobg) !important; box-shadow: none !important;
}
html.oc:not(#o#o#o#o) body .k-go span { color: inherit !important; background: none !important; border: 0 !important; }
html.oc:not(#o#o#o#o) body .k-go svg, html.oc:not(#o#o#o#o) .sc-more span svg { color: inherit !important; stroke: currentColor; }
html.oc:not(#o#o#o#o) body main :is(.k-crumbs a, a.nz-back, a.k-back) {
height: 36px !important; min-height: 36px; padding: 0 14px !important; border: 0 !important; border-radius: 999px !important;
color: var(--oc-alltx) !important; background: var(--oc-allbg) !important; box-shadow: none !important; transform: none !important;
}
html.oc:not(#o#o#o#o) body main :is(.k-crumbs a:not(.k-back)) { color: var(--oc-mut) !important; background: transparent !important; padding: 0 6px !important; }
html.oc:not(#o#o#o#o) body main a.nz-back i, html.oc:not(#o#o#o#o) body main a.k-back svg { color: inherit !important; }
html.oc:not(#o#o#o#o) :is(.k-tabs, .ks-tabs, .kn-tabs, .u-seg) { background: var(--oc-chip) !important; border: 0 !important; border-radius: 999px !important; box-shadow: inset 0 0 0 1px var(--oc-line) !important; }
html.oc:not(#o#o#o#o) :is(.k-tabs, .ks-tabs, .kn-tabs, .u-seg) > * { border: 0 !important; border-radius: 999px !important; color: var(--oc-mut) !important; background: transparent !important; box-shadow: none !important; }
html.oc:not(#o#o#o#o) :is(.k-tabs, .ks-tabs, .kn-tabs, .u-seg) > :is(.on, [aria-selected="true"]) { color: var(--oc-on) !important; background: var(--oc-onbg) !important; font-weight: 700 !important; }
html.oc:not(#o#o#o#o) :is(.k-tabs, .ks-tabs, .kn-tabs, .u-seg) > * svg { color: inherit !important; stroke: currentColor !important; }
html.oc:not(#o#o#o#o) :is(.kn-chips, .kf-chips) > * { border: 0 !important; border-radius: 999px !important; color: var(--oc-tx) !important; background: var(--oc-chip) !important; box-shadow: inset 0 0 0 1px var(--oc-line) !important; }
html.oc:not(#o#o#o#o) :is(.kn-chips, .kf-chips) > :is(.on, [aria-pressed="true"]) { color: var(--oc-on) !important; background: var(--oc-onbg) !important; box-shadow: none !important; }
html.oc:not(#o#o#o#o) .sc-days button { border: 0 !important; color: var(--oc-tx) !important; background: var(--oc-card) !important; box-shadow: var(--oc-cardsh) !important; }
html.oc:not(#o#o#o#o) .sc-days button * { color: inherit !important; }
html.oc:not(#o#o#o#o) .sc-days button:is(.on, [aria-selected="true"]) { color: var(--oc-on) !important; background: var(--oc-onbg) !important; box-shadow: 0 8px 18px -8px rgba(2,16,36,.6) !important; }
html.oc:not(#o#o#o#o) .err.card { border: 0 !important; background: var(--oc-card) !important; box-shadow: var(--oc-cardsh) !important; border-radius: 28px !important; }
html.oc:not(#o#o#o#o) .err.card :is(h1, h2) { color: var(--oc-tx) !important; }
html.oc:not(#o#o#o#o) .err.card .muted { color: var(--oc-mut) !important; }
html.oc:not(#o#o#o#o) .err-art, html.oc:not(#o#o#o#o) .err-art * { color: var(--oc-h) !important; }
html.oc:not(#o#o#o#o) .err-acts .btn:not(.btn-primary) { border: 0 !important; color: var(--oc-tx) !important; background: var(--oc-chip) !important; box-shadow: inset 0 0 0 1px var(--oc-line) !important; }
html.oc:not(#o#o#o#o) :is(.mainbtn, .kn-btn, .kn-cta, .kh-btn, .kh-cta, .kf-btn, .kf-go, .btn-primary, .ks-pbar > :first-child, .sc-sh-go, .kn-login, .kn-gbtn) {
border: 0 !important; color: #fff !important; background: linear-gradient(135deg, #5483B3, #7DA0CA) !important; box-shadow: 0 10px 24px -10px #5483B3 !important;
}
html.oc:not(#o#o#o#o) :is(.kn-ghost, .kh-ghost, .ks-pbar > :not(:first-child), .ks-pbar2 > *) { border: 0 !important; color: var(--oc-tx) !important; background: var(--oc-chip) !important; box-shadow: inset 0 0 0 1px var(--oc-line) !important; }
html.oc:not(#o#o#o#o) :is(.mainbtn, .kn-btn, .kn-cta, .kh-btn, .kh-cta, .kf-btn, .kf-go, .btn-primary, .ks-pbar > :first-child, .sc-sh-go) svg { color: #fff !important; }
html.oc:not(#o#o#o#o) main :is(input[type="search"], input[type="text"], input[type="email"], select, textarea) { color: var(--oc-tx) !important; }
html.oc:not(#o#o#o#o) main :is(.searchbox, .kn-field input, .kn-field select) { border-color: var(--oc-line) !important; background: var(--oc-chip) !important; }
html.oc:not(#o#o#o#o) main ::placeholder { color: var(--oc-mut) !important; }
html.oc:not(#o#o#o#o) .sc-sheet > * { background: #052659 !important; color: #EAF6FF !important; }
html.oc[data-theme="light"]:not(#o#o#o#o) .sc-sheet > * { background: #EAF6FF !important; color: #021024 !important; }
@media (max-width: 380px) {
.oc-hero { padding: 20px 16px; }
html.oc:not(#o#o#o#o) .oc-hero h1 { font-size: 32px !important; }
.oc-quick { gap: 8px; }
.oc-qa span { font-size: 12px; }
}
@media (min-width: 700px) {
.oc-hero { min-height: 220px; padding: 32px 28px; }
.oc-art { width: 140px; left: 32px; }
}
@media (prefers-reduced-motion: reduce) { .oc-row, .oc-qa, .oc-cta, .oc-all { transition: none; } }
@media (min-width: 600px) {
html.oc:not(#o#o#o#o) .n2-nav { left: 50% !important; right: auto !important; width: calc(100% - 24px) !important; max-width: 520px !important; transform: translateX(-50%) !important; }
}
.rx-only { display: none; }
.oc-sh h2 em { font-style: normal; }
html.oc.rx:not(#o#o#o#o) {
--rx-k0: #050D1A; --rx-k1: #0A1A30; --rx-k2: #0E243D; --rx-k3: #163A63;
--rx-b: #2B6CB0; --rx-s1: #5E9FB7; --rx-s2: #7CC8EC; --rx-s3: #AFE3F7; --rx-s4: #E3F5FD;
--rx-r: #DC143C; --rx-wine: #8E1027;
--rx-red: linear-gradient(135deg, #EC3A57 0%, #C8102E 48%, #8E1027 100%);
--rx-blue: linear-gradient(140deg, #4A93DA 0%, #2B6CB0 50%, #17467F 100%);
--rx-sky: linear-gradient(135deg, #EEF9FE 0%, #AFE3F7 50%, #7CC8EC 100%);
--rx-navy: linear-gradient(135deg, #1D3B5A, #0A1A30);
--rx-hero: linear-gradient(155deg, #1B4A7A 0%, #0E243D 52%, #071325 100%);
--rx-em: #7CC8EC; --rx-h2: #fff;
--rx-tile: rgba(124,200,236,.13); --rx-tile-bd: rgba(175,227,247,.24); --rx-tile-tx: #AFE3F7;
--oc-grad: var(--rx-blue);
--oc-tx: #EEF8FE; --oc-mut: #AFC8DD; --oc-chip: rgba(175,227,247,.09); --oc-h: #E3F5FD;
--oc-card: linear-gradient(160deg, rgba(124,200,236,.13), rgba(10,26,48,.5)); --oc-line: rgba(175,227,247,.15);
--oc-cardsh: inset 0 0 0 1px rgba(175,227,247,.14), 0 14px 26px -20px rgba(0,0,0,.85);
--oc-alltx: #AFE3F7; --oc-allbg: rgba(175,227,247,.09); --oc-gotx: #0A1A30; --oc-gobg: var(--rx-sky);
--oc-tagtx: #0A1A30; --oc-tagbg: var(--rx-sky); --oc-on: #0A1A30; --oc-onbg: var(--rx-sky);
--oc-navbg: linear-gradient(180deg, rgba(22,58,99,.96), rgba(5,13,26,.97)); --oc-navbd: rgba(175,227,247,.16); --oc-navtx: #93AFC8;
--oc-h1: linear-gradient(90deg, #FFFFFF, #CFEFFC 55%, #7CC8EC);
--s: #2B6CB0; --s2: #7CC8EC; --s3: #0E243D; --base: #050D1A;
--glass: rgba(124,200,236,.1); --glass-bd: rgba(175,227,247,.15); --glass-hl: rgba(255,255,255,.1);
--t-bg: #050D1A; --t-card: rgba(124,200,236,.1); --t-tx: #EEF8FE; --t-hint: #AFC8DD; --t-acc: #7CC8EC; --t-grad: var(--rx-blue); --t-bar: rgba(10,26,48,.96);
--gx-row: rgba(124,200,236,.1); --gx-bd: rgba(175,227,247,.15); --gx-acc: #7CC8EC;
--pc: #2B6CB0; --pcd: #0E243D;
background: #050D1A !important;
}
html.oc.rx[data-theme="light"]:not(#o#o#o#o) {
--rx-em: #2B6CB0; --rx-h2: #0E243D;
--rx-tile: rgba(43,108,176,.1); --rx-tile-bd: rgba(43,108,176,.18); --rx-tile-tx: #163A63;
--oc-tx: #0A1A30; --oc-mut: #3D5B78; --oc-chip: rgba(255,255,255,.75); --oc-h: #0E243D;
--oc-card: rgba(255,255,255,.84); --oc-line: rgba(14,36,61,.1);
--oc-cardsh: inset 0 0 0 1px #fff, 0 12px 24px -16px rgba(14,36,61,.45);
--oc-alltx: #0E243D; --oc-allbg: rgba(255,255,255,.85); --oc-gotx: #fff; --oc-gobg: var(--rx-navy);
--oc-tagtx: #fff; --oc-tagbg: var(--rx-blue); --oc-on: #fff; --oc-onbg: var(--rx-navy);
--oc-navbg: rgba(255,255,255,.96); --oc-navbd: rgba(14,36,61,.08); --oc-navtx: #4E6A86;
--oc-h1: linear-gradient(90deg, #0A1A30, #163A63 50%, #2B6CB0);
--base: #E3F5FD; --glass: rgba(255,255,255,.8); --glass-bd: rgba(255,255,255,.95); --glass-hl: #fff;
--t-bg: #E3F5FD; --t-card: rgba(255,255,255,.84); --t-tx: #0A1A30; --t-hint: #3D5B78; --t-acc: #0E243D; --t-bar: rgba(255,255,255,.96);
--gx-row: rgba(255,255,255,.84); --gx-bd: rgba(14,36,61,.1); --gx-acc: #0E243D;
background: #E3F5FD !important;
}
html.oc.rx:not(#o#o#o#o) body.ui2::before, html.oc.rx:not(#o#o#o#o) body:not(.ui2)::before {
background: radial-gradient(70% 40% at 100% 0%, rgba(43,108,176,.4), transparent 70%), radial-gradient(60% 35% at 0% 55%, rgba(124,200,236,.1), transparent 70%),
linear-gradient(180deg, #123257 0, #0B1E36 32%, #071325 68%, #050D1A 100%) !important;
}
html.oc.rx[data-theme="light"]:not(#o#o#o#o) body.ui2::before, html.oc.rx[data-theme="light"]:not(#o#o#o#o) body:not(.ui2)::before {
background: radial-gradient(70% 40% at 100% 0%, #fff, transparent 70%), radial-gradient(60% 35% at 0% 55%, rgba(124,200,236,.25), transparent 70%),
linear-gradient(180deg, #E3F5FD 0, #F3FAFE 38%, #D6EDF8 100%) !important;
}
html.oc.rx:not(#o#o#o#o) .k-deco svg, html.oc.rx:not(#o#o#o#o) .sc-deco svg { stroke: #7CC8EC !important; }
html.oc.rx[data-theme="light"]:not(#o#o#o#o) .k-deco svg, html.oc.rx[data-theme="light"]:not(#o#o#o#o) .sc-deco svg { stroke: #0E243D !important; }
html.oc.rx:not(#o#o#o#o) header.top .logo, html.oc.rx:not(#o#o#o#o) header.top .logo span:not(.pro) {
background: var(--oc-h1); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent; }
html.oc.rx:not(#o#o#o#o) header.top .logo .pro { background: var(--oc-onbg) !important; color: var(--oc-on) !important; -webkit-text-fill-color: currentColor; }
html.oc.rx:not(#o#o#o#o) header.top .icon-btn, html.oc.rx:not(#o#o#o#o) header.top .theme-btn { box-shadow: inset 0 0 0 1px var(--oc-line) !important; }
html.oc.rx:not(#o#o#o#o) header.top .btn-primary { color: var(--oc-on) !important; background: var(--oc-onbg) !important; box-shadow: none !important; }
html.oc.rx:not(#o#o#o#o) :is(.n2-nav, .bottomnav) a.on { color: var(--oc-on) !important; background: var(--oc-onbg) !important; box-shadow: none !important; }
html.oc.rx:not(#o#o#o#o) :is(.n2-nav, .bottomnav) { box-shadow: 0 16px 34px -14px rgba(5,13,26,.7), inset 0 0 0 1px var(--oc-navbd) !important; }
html.oc.rx:not(#o#o#o#o) .oc-hero { min-height: 216px; background: var(--rx-hero); box-shadow: inset 0 0 0 1px rgba(175,227,247,.16), 0 28px 46px -26px rgba(0,0,0,.85); }
html.oc.rx[data-theme="light"]:not(#o#o#o#o) .oc-hero { box-shadow: inset 0 0 0 1px rgba(255,255,255,.2), 0 24px 40px -22px rgba(14,36,61,.55); }
html.oc.rx:not(#o#o#o#o) .oc-rings { display: none; }
html.oc.rx:not(#o#o#o#o) .rx-only { display: block; }
html.oc.rx:not(#o#o#o#o) .oc-dots i { background: #7CC8EC; }
.rx-wave { position: absolute; inset: 0 auto 0 0; width: 48%; height: 100%; pointer-events: none; }
.rx-leaf { position: absolute; left: 5%; top: 6px; width: 64px; height: 64px; opacity: .8; pointer-events: none; }
html.oc.rx:not(#o#o#o#o) .oc-art { left: 14px; bottom: 34px; transform: rotate(-8deg); }
html.oc.rx:not(#o#o#o#o) .rx-eyebrow { position: relative; display: inline-flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 11.5px; font-weight: 700; color: #7CC8EC; }
.rx-eyebrow::before { content: ""; width: 22px; height: 3px; border-radius: 3px; background: #7CC8EC; }
html.oc.rx:not(#o#o#o#o) .oc-hero h1 { background: linear-gradient(90deg, #FFFFFF, #CFEFFC 55%, #7CC8EC); -webkit-background-clip: text; background-clip: text; font-size: 38px !important; }
html.oc.rx:not(#o#o#o#o) .oc-hero p { color: #BCD5E8 !important; }
html.oc.rx:not(#o#o#o#o) .oc-cta { height: 46px; font-weight: 800; background: var(--rx-red); box-shadow: 0 12px 22px -12px #DC143C, inset 0 1px 0 rgba(255,255,255,.25); }
.rx-pwave { position: absolute; z-index: -1; left: 0; top: 440px; width: 60%; height: 960px; pointer-events: none; opacity: .5; }
html.oc.rx[data-theme="light"]:not(#o#o#o#o) .rx-pwave { opacity: .6; }
.rx-pwave .a { fill: #163A63; } .rx-pwave .b { fill: #2B5A82; } .rx-pwave .c { fill: #5E9FB7; }
html[data-theme="light"] .rx-pwave .a { fill: #AFE3F7; } html[data-theme="light"] .rx-pwave .b { fill: #7CC8EC; } html[data-theme="light"] .rx-pwave .c { fill: #fff; }
html.oc.rx:not(#o#o#o#o) .oc-qa img { filter: drop-shadow(0 6px 8px rgba(5,13,26,.4)); }
html.oc.rx:not(#o#o#o#o) .oc-num { color: var(--rx-tile-tx); background: var(--rx-tile); box-shadow: inset 0 0 0 1px var(--rx-tile-bd); }
html.oc.rx:not(#o#o#o#o) .oc-tag.hot { color: #fff; background: var(--rx-red); }
html.oc.rx:not(#o#o#o#o) .oc-sh h2 { position: relative; padding-bottom: 6px; color: var(--rx-h2) !important; }
html.oc.rx:not(#o#o#o#o) .oc-sh h2::after { content: ""; position: absolute; right: 0; bottom: 0; width: 26px; height: 3px; border-radius: 3px; background: var(--rx-em); }
html.oc.rx:not(#o#o#o#o) .oc-sh h2 em { color: var(--rx-em); }
html.oc.rx:not(#o#o#o#o) .oc-all { box-shadow: inset 0 0 0 1px var(--oc-line); }
html.oc.rx:not(#o#o#o#o) .oc-div { position: relative; height: 22px; filter: none;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 22' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%237CC8EC' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%237CC8EC'/%3E%3Cstop offset='1' stop-color='%237CC8EC' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 11 C45 3 75 3 120 11 S195 19 240 11 S315 3 360 11' fill='none' stroke='url(%23g)' stroke-width='1.4' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 0 / 100% 100%; }
html.oc.rx:not(#o#o#o#o) .oc-div::after { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-radius: 50%; transform: translate(-50%, -50%); background: var(--rx-em); box-shadow: 0 0 0 3px var(--rx-tile); }
html.oc.rx:not(#o#o#o#o) body :is(h2.k-label, #sc-sh-h) { color: var(--rx-h2) !important; }
html.oc.rx:not(#o#o#o#o) body h2.k-label { position: relative; padding-bottom: 7px !important; }
html.oc.rx:not(#o#o#o#o) body h2.k-label::after { content: "" !important; display: block !important; position: absolute; right: 0; bottom: 0; width: 24px; height: 3px; border-radius: 3px; background: var(--rx-em) !important; }
html.oc.rx:not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H130 C100 40 150 78 114 118 C82 154 130 178 110 200 H0Z' fill='%23346484' fill-opacity='.55'/%3E%3Cpath d='M0 0 H104 C78 44 122 80 90 120 C62 156 102 182 84 200 H0Z' fill='%235E9FB7' fill-opacity='.45'/%3E%3Cpath d='M104 0 C78 44 122 80 90 120 C62 156 102 182 84 200' fill='none' stroke='%23AFE3F7' stroke-opacity='.5' stroke-width='1.2'/%3E%3C/svg%3E") left top / 40% 100% no-repeat,
linear-gradient(155deg, rgba(27,74,122,.55), rgba(10,26,48,.6)) !important;
box-shadow: inset 0 0 0 1px rgba(175,227,247,.16), 0 24px 40px -24px rgba(0,0,0,.7) !important;
}
html.oc.rx[data-theme="light"]:not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H130 C100 40 150 78 114 118 C82 154 130 178 110 200 H0Z' fill='%23AFE3F7' fill-opacity='.8'/%3E%3Cpath d='M0 0 H104 C78 44 122 80 90 120 C62 156 102 182 84 200 H0Z' fill='%237CC8EC' fill-opacity='.45'/%3E%3Cpath d='M104 0 C78 44 122 80 90 120 C62 156 102 182 84 200' fill='none' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") left top / 40% 100% no-repeat,
linear-gradient(155deg, #fff, rgba(227,245,253,.8)) !important;
box-shadow: inset 0 0 0 1px #fff, 0 20px 36px -22px rgba(14,36,61,.45) !important;
}
html.oc.rx:not(#o#o#o#o) :is(.mainbtn, .kn-btn, .kn-cta, .kh-btn, .kh-cta, .kf-btn, .kf-go, .btn-primary, .ks-pbar > :first-child, .sc-sh-go, .kn-login, .kn-gbtn) {
background: var(--rx-red) !important; box-shadow: 0 12px 22px -12px #DC143C, inset 0 1px 0 rgba(255,255,255,.22) !important;
}
html.oc.rx:not(#o#o#o#o) .sc-days button:is(.on, [aria-selected="true"]) { color: var(--oc-on) !important; background: var(--oc-onbg) !important; box-shadow: none !important; }
html.oc.rx:not(#o#o#o#o) .sc-sheet > * { background: #0E243D !important; color: #EEF8FE !important; }
html.oc.rx[data-theme="light"]:not(#o#o#o#o) .sc-sheet > * { background: #F3FAFE !important; color: #0A1A30 !important; }
@media (min-width: 700px) {
.rx-wave { width: 40%; }
html.oc.rx:not(#o#o#o#o) .oc-hero { min-height: 236px; }
}
html.oc.rx:not(#o#o#o#o) .sc-kind { background: var(--oc-chip) !important; border: 0 !important; border-radius: 999px !important; box-shadow: inset 0 0 0 1px var(--oc-line) !important; }
html.oc.rx:not(#o#o#o#o) .sc-kind > button { border: 0 !important; border-radius: 999px !important; color: var(--oc-mut) !important; background: transparent !important; box-shadow: none !important; }
html.oc.rx:not(#o#o#o#o) .sc-kind > button:is(.on, [aria-selected="true"]) { color: var(--oc-on) !important; background: var(--oc-onbg) !important; font-weight: 700 !important; }
html.oc.rx:not(#o#o#o#o) .sc-kind > button :is(svg, span) { color: inherit !important; stroke: currentColor; }
html.oc.rx:not(#o#o#o#o) .tgp a.pill { border: 0 !important; color: var(--oc-alltx) !important; background: var(--oc-allbg) !important; box-shadow: inset 0 0 0 1px var(--oc-line) !important; }
html.oc.rx:not(#o#o#o#o) .tgp a.pill :is(svg, span) { color: inherit !important; }
html.oc.rx:not(#o#o#o#o) body .k-box { background: var(--rx-tile) !important; border: 0 !important; box-shadow: inset 0 0 0 1px var(--rx-tile-bd) !important; color: var(--rx-tile-tx) !important; }
html.oc.rx:not(#o#o#o#o) body .k-box * { color: inherit !important; -webkit-text-fill-color: currentColor; text-shadow: none !important; }
html.oc.rx:not(#o#o#o#o) .tgp .ib { background: var(--rx-tile) !important; box-shadow: inset 0 0 0 1px var(--rx-tile-bd) !important; color: var(--rx-tile-tx) !important; }
html.oc.rx:not(#o#o#o#o) .tgp .ib * { color: inherit !important; stroke: currentColor; }
html.oc.rx:not(#o#o#o#o) .tgp .av.big { background: var(--rx-blue) !important; }
html.oc.rx:not(#o#o#o#o) .tgp .switch:is([aria-checked="true"], [aria-pressed="true"]) { background: #7CC8EC !important; }
html.oc.rx[data-theme="light"]:not(#o#o#o#o) .tgp .switch:is([aria-checked="true"], [aria-pressed="true"]) { background: #2B6CB0 !important; }
html.oc.rx:not(#o#o#o#o) .sc-card { --c1: #7CC8EC !important; --c2: #2B6CB0 !important; --c3: #163A63 !important; --ct: #AFE3F7 !important; }
html.oc.rx:not(#o#o#o#o) .sc-card .sc-time { background: var(--rx-tile) !important; box-shadow: inset 0 0 0 1px var(--rx-tile-bd) !important; color: var(--rx-tile-tx) !important; }
html.oc.rx:not(#o#o#o#o) .sc-card .sc-time * { color: inherit !important; }
html.oc.rx:not(#o#o#o#o) .sc-card :is(.sc-pills, .sc-info) svg { color: var(--rx-em) !important; stroke: currentColor; }
html.oc.rx:not(#o#o#o#o) .ks-th-more { background: var(--rx-tile) !important; color: var(--rx-tile-tx) !important; }
html.oc.rx:not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) :is(img, .k-art, .sc-art) { filter: hue-rotate(-48deg) saturate(.9) !important; }
html.oc.rx:not(#o#o#o#o) .tgp .phead .av { filter: none; }
html.oc.rx.tea:not(#o#o#o#o) {
--rx-red: linear-gradient(135deg, #7BE8C0 0%, #3FCB98 50%, #20A177 100%);
--rx-blue: linear-gradient(140deg, #56AE94 0%, #2E8F72 50%, #1A543B 100%);
--rx-sky: linear-gradient(135deg, #EEFAF4 0%, #BFE8D6 50%, #7FD1B4 100%);
--rx-navy: linear-gradient(135deg, #22634A, #103121);
--rx-hero: linear-gradient(155deg, #1F5A40 0%, #143C29 52%, #0B2418 100%);
--rx-em: #7FD1B4; --rx-h2: #fff;
--rx-tile: rgba(127,209,180,.13); --rx-tile-bd: rgba(161,205,170,.24); --rx-tile-tx: #BFE8D6;
--rx-ctatx: #0B2418;
--oc-grad: var(--rx-blue);
--oc-tx: #ECF8F2; --oc-mut: #A7CDBD; --oc-chip: rgba(127,209,180,.09); --oc-h: #E6F6EE;
--oc-card: linear-gradient(160deg, rgba(86,174,148,.14), rgba(11,36,24,.5)); --oc-line: rgba(161,205,170,.16);
--oc-cardsh: inset 0 0 0 1px rgba(161,205,170,.15), 0 14px 26px -20px rgba(0,0,0,.8);
--oc-alltx: #BFE8D6; --oc-allbg: rgba(127,209,180,.09); --oc-gotx: #0B2418; --oc-gobg: var(--rx-sky);
--oc-tagtx: #0B2418; --oc-tagbg: var(--rx-sky); --oc-on: #0B2418; --oc-onbg: var(--rx-sky);
--oc-navbg: linear-gradient(180deg, rgba(26,84,59,.96), rgba(11,36,24,.97)); --oc-navbd: rgba(161,205,170,.16); --oc-navtx: #9CC3B2;
--oc-h1: linear-gradient(90deg, #FFFFFF, #CFF0E2 55%, #7FD1B4);
--s: #2E8F72; --s2: #7FD1B4; --s3: #143C29; --base: #0B2418;
--glass: rgba(86,174,148,.1); --glass-bd: rgba(161,205,170,.15);
--t-bg: #0B2418; --t-card: rgba(86,174,148,.1); --t-tx: #ECF8F2; --t-hint: #A7CDBD; --t-acc: #7FD1B4; --t-grad: var(--rx-blue); --t-bar: rgba(16,49,33,.96);
--gx-row: rgba(86,174,148,.1); --gx-bd: rgba(161,205,170,.15); --gx-acc: #7FD1B4;
--pc: #2E8F72; --pcd: #143C29;
--tint: grayscale(1) sepia(.55) hue-rotate(105deg) saturate(1.7) brightness(1.04);
background: #0B2418 !important;
}
html.oc.rx.tea[data-theme="light"]:not(#o#o#o#o) {
--rx-em: #1F8F6B; --rx-h2: #103121;
--rx-tile: rgba(34,99,74,.1); --rx-tile-bd: rgba(34,99,74,.18); --rx-tile-tx: #143C29;
--oc-tx: #0B2418; --oc-mut: #3E6655; --oc-chip: rgba(255,255,255,.75); --oc-h: #103121;
--oc-card: rgba(255,255,255,.86); --oc-line: rgba(16,49,33,.1);
--oc-cardsh: inset 0 0 0 1px #fff, 0 12px 24px -16px rgba(16,49,33,.4);
--oc-alltx: #103121; --oc-allbg: rgba(255,255,255,.85); --oc-gotx: #fff; --oc-gobg: var(--rx-navy);
--oc-tagtx: #fff; --oc-tagbg: var(--rx-blue); --oc-on: #fff; --oc-onbg: var(--rx-navy);
--oc-navbg: rgba(255,255,255,.96); --oc-navbd: rgba(16,49,33,.08); --oc-navtx: #4F7565;
--oc-h1: linear-gradient(90deg, #0B2418, #1A543B 50%, #2E8F72);
--base: #E6F6EE; --t-bg: #E6F6EE; --t-card: rgba(255,255,255,.86); --t-tx: #0B2418; --t-hint: #3E6655; --t-acc: #103121; --t-bar: rgba(255,255,255,.96);
--gx-row: rgba(255,255,255,.86); --gx-bd: rgba(16,49,33,.1); --gx-acc: #103121;
background: #E6F6EE !important;
}
html.oc.rx.tea:not(#o#o#o#o) body.ui2::before, html.oc.rx.tea:not(#o#o#o#o) body:not(.ui2)::before {
background: radial-gradient(70% 40% at 100% 0%, rgba(53,120,99,.45), transparent 70%), radial-gradient(60% 35% at 0% 55%, rgba(127,209,180,.12), transparent 70%),
linear-gradient(180deg, #1A4D36 0, #143C29 32%, #0F2E20 68%, #0B2418 100%) !important;
}
html.oc.rx.tea[data-theme="light"]:not(#o#o#o#o) body.ui2::before, html.oc.rx.tea[data-theme="light"]:not(#o#o#o#o) body:not(.ui2)::before {
background: radial-gradient(70% 40% at 100% 0%, #fff, transparent 70%), radial-gradient(60% 35% at 0% 55%, rgba(127,209,180,.28), transparent 70%),
linear-gradient(180deg, #E6F6EE 0, #F3FBF7 38%, #D6EFE3 100%) !important;
}
html.oc.rx.tea:not(#o#o#o#o) :is(.k-deco, .sc-deco) svg { stroke: #7FD1B4 !important; }
html.oc.rx.tea[data-theme="light"]:not(#o#o#o#o) :is(.k-deco, .sc-deco) svg { stroke: #103121 !important; }
html.oc.rx.tea:not(#o#o#o#o) .oc-cta,
html.oc.rx.tea:not(#o#o#o#o) :is(.mainbtn, .kn-btn, .kn-cta, .kh-btn, .kh-cta, .kf-btn, .kf-go, .btn-primary, .ks-pbar > :first-child, .sc-sh-go, .kn-login, .kn-gbtn):not(header *) {
color: var(--rx-ctatx) !important; background: var(--rx-red) !important; box-shadow: 0 12px 22px -12px rgba(63,203,152,.7), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
html.oc.rx.tea:not(#o#o#o#o) :is(.mainbtn, .kn-btn, .kn-cta, .kh-btn, .kh-cta, .kf-btn, .kf-go, .btn-primary, .ks-pbar > :first-child, .sc-sh-go):not(header *) :is(svg, span) { color: inherit !important; }
html.oc.rx.tea:not(#o#o#o#o) .oc-tag.hot { color: var(--rx-ctatx); background: var(--rx-red); }
html.oc.rx.tea:not(#o#o#o#o) .rx-wave path:nth-of-type(1) { fill: #357863; }
html.oc.rx.tea:not(#o#o#o#o) .rx-wave stop:first-child { stop-color: #7FD1B4; }
html.oc.rx.tea:not(#o#o#o#o) .rx-wave stop:last-child { stop-color: #3F9C80; }
html.oc.rx.tea:not(#o#o#o#o) .rx-wave path:nth-of-type(3) { fill: #E6F6EE; }
html.oc.rx.tea:not(#o#o#o#o) .rx-wave path:nth-of-type(4) { stroke: #BFE8D6; }
html.oc.rx.tea:not(#o#o#o#o) .rx-leaf path { stroke: #2BB3A3; }
html.oc.rx.tea:not(#o#o#o#o) .rx-leaf ellipse { fill: #2BB3A3; }
html.oc.rx.tea:not(#o#o#o#o) .oc-dots i { background: #7FD1B4; }
html.oc.rx.tea:not(#o#o#o#o) .rx-eyebrow { color: #7FD1B4; }
html.oc.rx.tea:not(#o#o#o#o) .rx-eyebrow::before { background: #7FD1B4; }
html.oc.rx.tea:not(#o#o#o#o) .oc-hero h1 { background: linear-gradient(90deg, #FFFFFF, #CFF0E2 55%, #7FD1B4); -webkit-background-clip: text; background-clip: text; }
html.oc.rx.tea:not(#o#o#o#o) .oc-hero p { color: #B9DCCB !important; }
html.oc.rx.tea:not(#o#o#o#o) .rx-pwave .a { fill: #1A543B; } html.oc.rx.tea:not(#o#o#o#o) .rx-pwave .b { fill: #22634A; } html.oc.rx.tea:not(#o#o#o#o) .rx-pwave .c { fill: #56AE94; }
html.oc.rx.tea[data-theme="light"]:not(#o#o#o#o) .rx-pwave .a { fill: #BFE8D6; } html.oc.rx.tea[data-theme="light"]:not(#o#o#o#o) .rx-pwave .b { fill: #7FD1B4; } html.oc.rx.tea[data-theme="light"]:not(#o#o#o#o) .rx-pwave .c { fill: #fff; }
html.oc.rx.tea:not(#o#o#o#o) .oc-div {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 22' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%237FD1B4' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%237FD1B4'/%3E%3Cstop offset='1' stop-color='%237FD1B4' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 11 C45 3 75 3 120 11 S195 19 240 11 S315 3 360 11' fill='none' stroke='url(%23g)' stroke-width='1.4' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 0 / 100% 100%; }
html.oc.rx.tea:not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H130 C100 40 150 78 114 118 C82 154 130 178 110 200 H0Z' fill='%23357863' fill-opacity='.6'/%3E%3Cpath d='M0 0 H104 C78 44 122 80 90 120 C62 156 102 182 84 200 H0Z' fill='%2356AE94' fill-opacity='.5'/%3E%3Cpath d='M104 0 C78 44 122 80 90 120 C62 156 102 182 84 200' fill='none' stroke='%23BFE8D6' stroke-opacity='.55' stroke-width='1.2'/%3E%3C/svg%3E") left top / 40% 100% no-repeat,
linear-gradient(155deg, rgba(31,90,64,.6), rgba(11,36,24,.6)) !important;
box-shadow: inset 0 0 0 1px rgba(161,205,170,.16), 0 24px 40px -24px rgba(0,0,0,.7) !important;
}
html.oc.rx.tea[data-theme="light"]:not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H130 C100 40 150 78 114 118 C82 154 130 178 110 200 H0Z' fill='%23BFE8D6' fill-opacity='.85'/%3E%3Cpath d='M0 0 H104 C78 44 122 80 90 120 C62 156 102 182 84 200 H0Z' fill='%237FD1B4' fill-opacity='.5'/%3E%3Cpath d='M104 0 C78 44 122 80 90 120 C62 156 102 182 84 200' fill='none' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") left top / 40% 100% no-repeat,
linear-gradient(155deg, #fff, rgba(230,246,238,.85)) !important;
box-shadow: inset 0 0 0 1px #fff, 0 20px 36px -22px rgba(16,49,33,.4) !important;
}
html.oc.rx.tea:not(#o#o#o#o) :is(.oc-art, .oc-qa img, .oc-sh img, .oc-tile img, .oc-tile.pic img) { filter: var(--tint) drop-shadow(0 6px 8px rgba(11,36,24,.4)); }
html.oc.rx.tea:not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) :is(img, .k-art, .sc-art) { filter: var(--tint) !important; }
html.oc.rx.tea:not(#o#o#o#o) main :is(.k-row, .kn-row, .tgp .row, .ks-file) img { filter: var(--tint) !important; }
html.oc.rx.tea:not(#o#o#o#o) .oc-tile { background: var(--rx-tile); box-shadow: inset 0 0 0 1px var(--rx-tile-bd); }
html.oc.rx.tea:not(#o#o#o#o) .sc-card { --c1: #7FD1B4 !important; --c2: #2E8F72 !important; --c3: #143C29 !important; --ct: #BFE8D6 !important; }
html.oc.rx.tea:not(#o#o#o#o) .tgp .switch:is([aria-checked="true"], [aria-pressed="true"]) { background: #3FCB98 !important; }
html.oc.rx.tea[data-theme="light"]:not(#o#o#o#o) .tgp .switch:is([aria-checked="true"], [aria-pressed="true"]) { background: #22634A !important; }
html.oc.rx.tea:not(#o#o#o#o) .sc-sheet > * { background: #143C29 !important; color: #ECF8F2 !important; }
html.oc.rx.tea[data-theme="light"]:not(#o#o#o#o) .sc-sheet > * { background: #F3FBF7 !important; color: #0B2418 !important; }
html.oc.rx.tea:not(#o#o#o#o) .ks-left:is(.s-soon, .s-today) { color: #0B2418 !important; background: var(--rx-red) !important; }
html.oc.rx.tea:not(#o#o#o#o) .ks-dot { background: #3FCB98 !important; box-shadow: 0 0 0 3px rgba(63,203,152,.2) !important; }
html.oc.rx.vib:not(#o#o#o#o) {
--rx-red: linear-gradient(135deg, #FF7A45 0%, #FF5722 50%, #D9400F 100%);
--rx-blue: linear-gradient(140deg, #DC143C 0%, #B3172E 50%, #7A1020 100%);
--rx-sky: linear-gradient(135deg, #FFE7DF 0%, #FBB3A0 50%, #F4876B 100%);
--rx-navy: linear-gradient(135deg, #B3172E, #6E0E1A);
--rx-hero: linear-gradient(155deg, #DC143C 0%, #B3172E 48%, #9A1A1A 100%);
--rx-em: #FFA58C; --rx-h2: #fff;
--rx-tile: rgba(244,135,107,.14); --rx-tile-bd: rgba(251,179,160,.26); --rx-tile-tx: #FFD3C6;
--rx-ctatx: #fff;
--oc-grad: var(--rx-blue);
--oc-tx: #FFF3EF; --oc-mut: #E9B2A6; --oc-chip: rgba(244,135,107,.1); --oc-h: #FFEDE7;
--oc-card: linear-gradient(160deg, rgba(220,20,60,.16), rgba(42,6,10,.5)); --oc-line: rgba(251,179,160,.16);
--oc-cardsh: inset 0 0 0 1px rgba(251,179,160,.15), 0 14px 26px -20px rgba(0,0,0,.8);
--oc-alltx: #FFD3C6; --oc-allbg: rgba(244,135,107,.1); --oc-gotx: #5A0B14; --oc-gobg: var(--rx-sky);
--oc-tagtx: #5A0B14; --oc-tagbg: var(--rx-sky); --oc-on: #5A0B14; --oc-onbg: var(--rx-sky);
--oc-navbg: linear-gradient(180deg, rgba(122,16,32,.96), rgba(42,6,10,.97)); --oc-navbd: rgba(251,179,160,.16); --oc-navtx: #E0A79A;
--oc-h1: linear-gradient(90deg, #FFFFFF, #FFD3C6 55%, #F4876B);
--s: #DC143C; --s2: #F4876B; --s3: #6E0E1A; --base: #2A060A;
--glass: rgba(220,20,60,.1); --glass-bd: rgba(251,179,160,.15);
--t-bg: #2A060A; --t-card: rgba(220,20,60,.1); --t-tx: #FFF3EF; --t-hint: #E9B2A6; --t-acc: #F4876B; --t-grad: var(--rx-blue); --t-bar: rgba(74,11,18,.96);
--gx-row: rgba(220,20,60,.1); --gx-bd: rgba(251,179,160,.15); --gx-acc: #F4876B;
--pc: #DC143C; --pcd: #7A1020;
--tint: grayscale(1) sepia(.9) hue-rotate(-36deg) saturate(3.2) brightness(.98) contrast(1.05);
background: #2A060A !important;
}
html.oc.rx.vib[data-theme="light"]:not(#o#o#o#o) {
--rx-em: #C8102E; --rx-h2: #4A0B12;
--rx-tile: rgba(220,20,60,.08); --rx-tile-bd: rgba(220,20,60,.16); --rx-tile-tx: #9A1A1A;
--oc-tx: #3A070D; --oc-mut: #8A4A44; --oc-chip: rgba(255,255,255,.78); --oc-h: #4A0B12;
--oc-card: rgba(255,255,255,.88); --oc-line: rgba(122,16,32,.1);
--oc-cardsh: inset 0 0 0 1px #fff, 0 12px 24px -16px rgba(122,16,32,.35);
--oc-alltx: #9A1A1A; --oc-allbg: rgba(255,255,255,.85); --oc-gotx: #fff; --oc-gobg: var(--rx-navy);
--oc-tagtx: #fff; --oc-tagbg: var(--rx-blue); --oc-on: #fff; --oc-onbg: var(--rx-navy);
--oc-navbg: rgba(255,255,255,.96); --oc-navbd: rgba(122,16,32,.08); --oc-navtx: #8A4A44;
--oc-h1: linear-gradient(90deg, #7A1020, #B3172E 50%, #DC143C);
--base: #FFEFEA; --t-bg: #FFEFEA; --t-card: rgba(255,255,255,.88); --t-tx: #3A070D; --t-hint: #8A4A44; --t-acc: #9A1A1A; --t-bar: rgba(255,255,255,.96);
--gx-row: rgba(255,255,255,.88); --gx-bd: rgba(122,16,32,.1); --gx-acc: #9A1A1A;
background: #FFEFEA !important;
}
html.oc.rx.vib:not(#o#o#o#o) body.ui2::before, html.oc.rx.vib:not(#o#o#o#o) body:not(.ui2)::before {
background: radial-gradient(70% 40% at 100% 0%, rgba(220,20,60,.4), transparent 70%), radial-gradient(60% 35% at 0% 55%, rgba(255,87,34,.12), transparent 70%),
linear-gradient(180deg, #5A0B14 0, #430912 32%, #33070D 68%, #2A060A 100%) !important;
}
html.oc.rx.vib[data-theme="light"]:not(#o#o#o#o) body.ui2::before, html.oc.rx.vib[data-theme="light"]:not(#o#o#o#o) body:not(.ui2)::before {
background: radial-gradient(70% 40% at 100% 0%, #fff, transparent 70%), radial-gradient(60% 35% at 0% 55%, rgba(244,135,107,.22), transparent 70%),
linear-gradient(180deg, #FFEFEA 0, #FFF7F4 38%, #FFE1D8 100%) !important;
}
html.oc.rx.vib:not(#o#o#o#o) :is(.k-deco, .sc-deco) svg { stroke: #F4876B !important; }
html.oc.rx.vib[data-theme="light"]:not(#o#o#o#o) :is(.k-deco, .sc-deco) svg { stroke: #9A1A1A !important; }
html.oc.rx.vib:not(#o#o#o#o) .oc-cta,
html.oc.rx.vib:not(#o#o#o#o) :is(.mainbtn, .kn-btn, .kn-cta, .kh-btn, .kh-cta, .kf-btn, .kf-go, .btn-primary, .ks-pbar > :first-child, .sc-sh-go, .kn-login, .kn-gbtn):not(header *) {
color: var(--rx-ctatx) !important; background: var(--rx-red) !important; box-shadow: 0 12px 22px -12px rgba(255,87,34,.75), inset 0 1px 0 rgba(255,255,255,.3) !important;
}
html.oc.rx.vib:not(#o#o#o#o) :is(.mainbtn, .kn-btn, .kn-cta, .kh-btn, .kh-cta, .kf-btn, .kf-go, .btn-primary, .ks-pbar > :first-child, .sc-sh-go):not(header *) :is(svg, span) { color: inherit !important; }
html.oc.rx.vib:not(#o#o#o#o) .oc-tag.hot { color: var(--rx-ctatx); background: var(--rx-red); }
html.oc.rx.vib:not(#o#o#o#o) .rx-wave path:nth-of-type(1) { fill: #B3172E; }
html.oc.rx.vib:not(#o#o#o#o) .rx-wave stop:first-child { stop-color: #F4876B; }
html.oc.rx.vib:not(#o#o#o#o) .rx-wave stop:last-child { stop-color: #DC143C; }
html.oc.rx.vib:not(#o#o#o#o) .rx-wave path:nth-of-type(3) { fill: #FFEFEA; }
html.oc.rx.vib:not(#o#o#o#o) .rx-wave path:nth-of-type(4) { stroke: #FFD3C6; }
html.oc.rx.vib:not(#o#o#o#o) .rx-leaf path { stroke: #F48FB1; }
html.oc.rx.vib:not(#o#o#o#o) .rx-leaf ellipse { fill: #F48FB1; }
html.oc.rx.vib:not(#o#o#o#o) .oc-dots i { background: #F4876B; }
html.oc.rx.vib:not(#o#o#o#o) .rx-eyebrow { color: #FFB59F; }
html.oc.rx.vib:not(#o#o#o#o) .rx-eyebrow::before { background: #FF5722; }
html.oc.rx.vib:not(#o#o#o#o) .oc-hero h1 { background: linear-gradient(90deg, #FFFFFF, #FFE1D8 55%, #FFB59F); -webkit-background-clip: text; background-clip: text; }
html.oc.rx.vib:not(#o#o#o#o) .oc-hero p { color: #FFD3C6 !important; }
html.oc.rx.vib:not(#o#o#o#o) .rx-pwave .a { fill: #7A1020; } html.oc.rx.vib:not(#o#o#o#o) .rx-pwave .b { fill: #9A1A1A; } html.oc.rx.vib:not(#o#o#o#o) .rx-pwave .c { fill: #DC143C; }
html.oc.rx.vib[data-theme="light"]:not(#o#o#o#o) .rx-pwave .a { fill: #FFD3C6; } html.oc.rx.vib[data-theme="light"]:not(#o#o#o#o) .rx-pwave .b { fill: #F9A894; } html.oc.rx.vib[data-theme="light"]:not(#o#o#o#o) .rx-pwave .c { fill: #fff; }
html.oc.rx.vib:not(#o#o#o#o) .oc-div {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 22' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23F4876B' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23F4876B'/%3E%3Cstop offset='1' stop-color='%23F4876B' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 11 C45 3 75 3 120 11 S195 19 240 11 S315 3 360 11' fill='none' stroke='url(%23g)' stroke-width='1.4' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 0 / 100% 100%; }
html.oc.rx.vib:not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H130 C100 40 150 78 114 118 C82 154 130 178 110 200 H0Z' fill='%239A1A1A' fill-opacity='.7'/%3E%3Cpath d='M0 0 H104 C78 44 122 80 90 120 C62 156 102 182 84 200 H0Z' fill='%23F4876B' fill-opacity='.4'/%3E%3Cpath d='M104 0 C78 44 122 80 90 120 C62 156 102 182 84 200' fill='none' stroke='%23FFD3C6' stroke-opacity='.55' stroke-width='1.2'/%3E%3C/svg%3E") left top / 40% 100% no-repeat,
linear-gradient(155deg, rgba(220,20,60,.55), rgba(90,11,20,.65)) !important;
box-shadow: inset 0 0 0 1px rgba(251,179,160,.16), 0 24px 40px -24px rgba(0,0,0,.7) !important;
}
html.oc.rx.vib[data-theme="light"]:not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H130 C100 40 150 78 114 118 C82 154 130 178 110 200 H0Z' fill='%23FFD3C6' fill-opacity='.9'/%3E%3Cpath d='M0 0 H104 C78 44 122 80 90 120 C62 156 102 182 84 200 H0Z' fill='%23F4876B' fill-opacity='.45'/%3E%3Cpath d='M104 0 C78 44 122 80 90 120 C62 156 102 182 84 200' fill='none' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") left top / 40% 100% no-repeat,
linear-gradient(155deg, #fff, rgba(255,239,234,.9)) !important;
box-shadow: inset 0 0 0 1px #fff, 0 20px 36px -22px rgba(122,16,32,.35) !important;
}
html.oc.rx.vib:not(#o#o#o#o) :is(.oc-art, .oc-qa img, .oc-sh img, .oc-tile img, .oc-tile.pic img) { filter: var(--tint) drop-shadow(0 6px 8px rgba(42,6,10,.45)); }
html.oc.rx.vib:not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) :is(img, .k-art, .sc-art) { filter: var(--tint) !important; }
html.oc.rx.vib:not(#o#o#o#o) main :is(.k-row, .kn-row, .tgp .row, .ks-file) img { filter: var(--tint) !important; }
html.oc.rx.vib:not(#o#o#o#o) .oc-tile { background: var(--rx-tile); box-shadow: inset 0 0 0 1px var(--rx-tile-bd); }
html.oc.rx.vib:not(#o#o#o#o) .sc-card { --c1: #F4876B !important; --c2: #DC143C !important; --c3: #6E0E1A !important; --ct: #FFD3C6 !important; }
html.oc.rx.vib:not(#o#o#o#o) .tgp .switch:is([aria-checked="true"], [aria-pressed="true"]) { background: #FF5722 !important; }
html.oc.rx.vib[data-theme="light"]:not(#o#o#o#o) .tgp .switch:is([aria-checked="true"], [aria-pressed="true"]) { background: #C8102E !important; }
html.oc.rx.vib:not(#o#o#o#o) .sc-sheet > * { background: #430912 !important; color: #FFF3EF !important; }
html.oc.rx.vib[data-theme="light"]:not(#o#o#o#o) .sc-sheet > * { background: #FFF7F4 !important; color: #3A070D !important; }
html.oc.rx.vib:not(#o#o#o#o) .ks-left:is(.s-soon, .s-today) { color: #fff !important; background: var(--rx-red) !important; }
html.oc.rx.vib:not(#o#o#o#o) .ks-dot { background: #FF5722 !important; box-shadow: 0 0 0 3px rgba(255,87,34,.22) !important; }
html.oc.rx.vib:not(#o#o#o#o) .ks-pbar .ks-pb svg { color: #F4876B !important; }
html.oc.rx.vib[data-theme="light"]:not(#o#o#o#o) .ks-pbar .ks-pb svg { color: #C8102E !important; }
html.oc.rx.vib.vg:not(#o#o#o#o) {
--oc-tx: #F1F6F2; --oc-mut: #A9C4B6; --oc-chip: rgba(169,196,182,.1); --oc-h: #EAF3EE;
--oc-card: linear-gradient(160deg, rgba(64,128,100,.16), rgba(5,20,14,.5)); --oc-line: rgba(169,214,190,.14);
--oc-cardsh: inset 0 0 0 1px rgba(169,214,190,.14), 0 14px 26px -20px rgba(0,0,0,.8);
--oc-allbg: rgba(169,196,182,.1);
--oc-navbg: linear-gradient(180deg, rgba(22,58,44,.96), rgba(8,26,19,.97)); --oc-navbd: rgba(169,214,190,.14); --oc-navtx: #A9C4B6;
--base: #0A1F17; --glass: rgba(64,128,100,.12); --glass-bd: rgba(169,214,190,.14);
--t-bg: #0A1F17; --t-card: rgba(64,128,100,.12); --t-hint: #A9C4B6; --t-bar: rgba(12,36,27,.96);
--gx-row: rgba(64,128,100,.12); --gx-bd: rgba(169,214,190,.14);
--rx-tile: rgba(244,135,107,.13); --rx-tile-bd: rgba(244,135,107,.26);
background: #0A1F17 !important;
}
html.oc.rx.vib.vg[data-theme="light"]:not(#o#o#o#o) {
--oc-tx: #12261D; --oc-mut: #4F6B5D; --oc-chip: rgba(255,255,255,.8); --oc-h: #4A0B12;
--oc-card: rgba(255,255,255,.9); --oc-line: rgba(18,58,40,.1);
--oc-cardsh: inset 0 0 0 1px #fff, 0 12px 24px -16px rgba(18,58,40,.3);
--oc-navbg: rgba(255,255,255,.96); --oc-navbd: rgba(18,58,40,.08); --oc-navtx: #4F6B5D;
--base: #EDF5F0; --t-bg: #EDF5F0; --t-card: rgba(255,255,255,.9); --t-tx: #12261D; --t-hint: #4F6B5D;
--gx-row: rgba(255,255,255,.9); --gx-bd: rgba(18,58,40,.1);
background: #EDF5F0 !important;
}
html.oc.rx.vib.vg:not(#o#o#o#o) body.ui2::before, html.oc.rx.vib.vg:not(#o#o#o#o) body:not(.ui2)::before {
background: radial-gradient(70% 38% at 100% 0%, rgba(220,20,60,.18), transparent 70%), radial-gradient(60% 35% at 0% 55%, rgba(76,150,116,.2), transparent 70%),
linear-gradient(180deg, #17402F 0, #113324 32%, #0D281C 68%, #0A1F17 100%) !important;
}
html.oc.rx.vib.vg[data-theme="light"]:not(#o#o#o#o) body.ui2::before, html.oc.rx.vib.vg[data-theme="light"]:not(#o#o#o#o) body:not(.ui2)::before {
background: radial-gradient(70% 40% at 100% 0%, #fff, transparent 70%), radial-gradient(60% 35% at 0% 55%, rgba(120,180,148,.22), transparent 70%),
linear-gradient(180deg, #EDF5F0 0, #F7FBF8 38%, #DCEDE3 100%) !important;
}
html.oc.rx.vib.vg:not(#o#o#o#o) .rx-pwave .a { fill: #123526; } html.oc.rx.vib.vg:not(#o#o#o#o) .rx-pwave .b { fill: #1A4635; } html.oc.rx.vib.vg:not(#o#o#o#o) .rx-pwave .c { fill: #2E6B51; }
html.oc.rx.vib.vg[data-theme="light"]:not(#o#o#o#o) .rx-pwave .a { fill: #D3E8DB; } html.oc.rx.vib.vg[data-theme="light"]:not(#o#o#o#o) .rx-pwave .b { fill: #B4D8C3; } html.oc.rx.vib.vg[data-theme="light"]:not(#o#o#o#o) .rx-pwave .c { fill: #fff; }
html.oc.rx.vib.vg:not(#o#o#o#o) .sc-sheet > * { background: #113324 !important; color: #F1F6F2 !important; }
html.oc.rx.vib.vg[data-theme="light"]:not(#o#o#o#o) .sc-sheet > * { background: #F7FBF8 !important; color: #12261D !important; }
html.oc.rx.vib.vg:not([data-theme="light"]):not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H130 C100 40 150 78 114 118 C82 154 130 178 110 200 H0Z' fill='%239A1A1A' fill-opacity='.7'/%3E%3Cpath d='M0 0 H104 C78 44 122 80 90 120 C62 156 102 182 84 200 H0Z' fill='%23F4876B' fill-opacity='.4'/%3E%3Cpath d='M104 0 C78 44 122 80 90 120 C62 156 102 182 84 200' fill='none' stroke='%23FFD3C6' stroke-opacity='.55' stroke-width='1.2'/%3E%3C/svg%3E") left top / 40% 100% no-repeat,
linear-gradient(155deg, #C8102E 0%, #9A1A1A 55%, #6E0E1A 100%) !important;
}
html.oc.rx.cof:not(#o#o#o#o) {
--rx-red: linear-gradient(135deg, #5AA9F2 0%, #2F7BE0 50%, #1C55B5 100%);
--rx-blue: linear-gradient(140deg, #7DA0CA 0%, #5483B3 50%, #2C5A8E 100%);
--rx-sky: linear-gradient(135deg, #EAF6FF 0%, #C1E8FF 50%, #7DA0CA 100%);
--rx-navy: linear-gradient(135deg, #0A3473, #052659);
--rx-hero: linear-gradient(155deg, #0B3270 0%, #052659 50%, #021024 100%);
--rx-em: #8FD3F7; --rx-h2: #fff;
--rx-tile: rgba(125,160,202,.15); --rx-tile-bd: rgba(193,232,255,.22); --rx-tile-tx: #C1E8FF;
--rx-ctatx: #fff;
--oc-grad: var(--rx-blue);
--oc-tx: #EEF7FF; --oc-mut: #9FB8D6; --oc-chip: rgba(193,232,255,.08); --oc-h: #E4F4FF;
--oc-card: linear-gradient(160deg, rgba(84,131,179,.16), rgba(2,16,36,.55)); --oc-line: rgba(193,232,255,.13);
--oc-cardsh: inset 0 0 0 1px rgba(193,232,255,.13), 0 14px 26px -20px rgba(0,0,0,.85);
--oc-alltx: #C1E8FF; --oc-allbg: rgba(193,232,255,.08); --oc-gotx: #021024; --oc-gobg: var(--rx-sky);
--oc-tagtx: #021024; --oc-tagbg: var(--rx-sky); --oc-on: #021024; --oc-onbg: var(--rx-sky);
--oc-navbg: linear-gradient(180deg, rgba(5,38,89,.96), rgba(2,16,36,.97)); --oc-navbd: rgba(193,232,255,.14); --oc-navtx: #8FA9C8;
--oc-h1: linear-gradient(90deg, #FFFFFF, #DDF2FF 55%, #C1E8FF);
--s: #5483B3; --s2: #C1E8FF; --s3: #052659; --base: #021024;
--glass: rgba(84,131,179,.12); --glass-bd: rgba(193,232,255,.13);
--t-bg: #021024; --t-card: rgba(84,131,179,.12); --t-tx: #EEF7FF; --t-hint: #9FB8D6; --t-acc: #C1E8FF; --t-grad: var(--rx-blue); --t-bar: rgba(5,38,89,.96);
--gx-row: rgba(84,131,179,.12); --gx-bd: rgba(193,232,255,.13); --gx-acc: #C1E8FF;
--pc: #5483B3; --pcd: #052659;
--tint: grayscale(1) sepia(.5) hue-rotate(178deg) saturate(2.2) brightness(1.08);
background: #021024 !important;
}
html.oc.rx.cof[data-theme="light"]:not(#o#o#o#o) {
--rx-em: #2F7BE0; --rx-h2: #052659;
--rx-tile: rgba(84,131,179,.12); --rx-tile-bd: rgba(84,131,179,.2); --rx-tile-tx: #052659;
--oc-tx: #021024; --oc-mut: #3E5A7C; --oc-chip: rgba(255,255,255,.78); --oc-h: #052659;
--oc-card: rgba(255,255,255,.88); --oc-line: rgba(5,38,89,.1);
--oc-cardsh: inset 0 0 0 1px #fff, 0 12px 24px -16px rgba(5,38,89,.4);
--oc-alltx: #052659; --oc-allbg: rgba(255,255,255,.85); --oc-gotx: #fff; --oc-gobg: var(--rx-navy);
--oc-tagtx: #fff; --oc-tagbg: var(--rx-blue); --oc-on: #fff; --oc-onbg: var(--rx-navy);
--oc-navbg: rgba(255,255,255,.96); --oc-navbd: rgba(5,38,89,.08); --oc-navtx: #4E6A8C;
--oc-h1: linear-gradient(90deg, #021024, #052659 50%, #5483B3);
--base: #E6F4FF; --t-bg: #E6F4FF; --t-card: rgba(255,255,255,.88); --t-tx: #021024; --t-hint: #3E5A7C; --t-acc: #052659; --t-bar: rgba(255,255,255,.96);
--gx-row: rgba(255,255,255,.88); --gx-bd: rgba(5,38,89,.1); --gx-acc: #052659;
background: #E6F4FF !important;
}
html.oc.rx.cof:not(#o#o#o#o) body.ui2::before, html.oc.rx.cof:not(#o#o#o#o) body:not(.ui2)::before {
background: radial-gradient(70% 40% at 100% 0%, rgba(84,131,179,.35), transparent 70%), radial-gradient(60% 35% at 0% 55%, rgba(125,160,202,.14), transparent 70%),
linear-gradient(180deg, #0A2F66 0, #052659 30%, #031A40 66%, #021024 100%) !important;
}
html.oc.rx.cof[data-theme="light"]:not(#o#o#o#o) body.ui2::before, html.oc.rx.cof[data-theme="light"]:not(#o#o#o#o) body:not(.ui2)::before {
background: radial-gradient(70% 40% at 100% 0%, #fff, transparent 70%), radial-gradient(60% 35% at 0% 55%, rgba(193,232,255,.6), transparent 70%),
linear-gradient(180deg, #E6F4FF 0, #F4FAFF 38%, #D2EAFB 100%) !important;
}
html.oc.rx.cof:not(#o#o#o#o) :is(.k-deco, .sc-deco) svg { stroke: #C1E8FF !important; }
html.oc.rx.cof[data-theme="light"]:not(#o#o#o#o) :is(.k-deco, .sc-deco) svg { stroke: #052659 !important; }
html.oc.rx.cof:not(#o#o#o#o) .oc-cta,
html.oc.rx.cof:not(#o#o#o#o) :is(.mainbtn, .kn-btn, .kn-cta, .kh-btn, .kh-cta, .kf-btn, .kf-go, .btn-primary, .ks-pbar > :first-child, .sc-sh-go, .kn-login, .kn-gbtn):not(header *) {
color: var(--rx-ctatx) !important; background: var(--rx-red) !important; box-shadow: 0 12px 22px -12px rgba(47,123,224,.8), inset 0 1px 0 rgba(255,255,255,.3) !important;
}
html.oc.rx.cof:not(#o#o#o#o) :is(.mainbtn, .kn-btn, .kn-cta, .kh-btn, .kh-cta, .kf-btn, .kf-go, .btn-primary, .ks-pbar > :first-child, .sc-sh-go):not(header *) :is(svg, span) { color: inherit !important; }
html.oc.rx.cof:not(#o#o#o#o) .oc-tag.hot { color: var(--rx-ctatx); background: var(--rx-red); }
html.oc.rx.cof:not(#o#o#o#o) .rx-wave path:nth-of-type(1) { fill: #2C5A8E; }
html.oc.rx.cof:not(#o#o#o#o) .rx-wave stop:first-child { stop-color: #7DA0CA; }
html.oc.rx.cof:not(#o#o#o#o) .rx-wave stop:last-child { stop-color: #3A6FA8; }
html.oc.rx.cof:not(#o#o#o#o) .rx-wave path:nth-of-type(3) { fill: #C1E8FF; }
html.oc.rx.cof:not(#o#o#o#o) .rx-wave path:nth-of-type(4) { stroke: #C1E8FF; }
html.oc.rx.cof:not(#o#o#o#o) .rx-leaf path { stroke: #5483B3; }
html.oc.rx.cof:not(#o#o#o#o) .rx-leaf ellipse { fill: #5483B3; }
html.oc.rx.cof:not(#o#o#o#o) .oc-dots i { background: #8FD3F7; }
html.oc.rx.cof:not(#o#o#o#o) .rx-eyebrow { color: #9FC6EA; }
html.oc.rx.cof:not(#o#o#o#o) .rx-eyebrow::before { background: #5AA9F2; }
html.oc.rx.cof:not(#o#o#o#o) .oc-hero h1 { background: linear-gradient(90deg, #FFFFFF, #E4F4FF 55%, #C1E8FF); -webkit-background-clip: text; background-clip: text; }
html.oc.rx.cof:not(#o#o#o#o) .oc-hero p { color: #B5CDE8 !important; }
html.oc.rx.cof:not(#o#o#o#o) .rx-pwave .a { fill: #052659; } html.oc.rx.cof:not(#o#o#o#o) .rx-pwave .b { fill: #0E3A78; } html.oc.rx.cof:not(#o#o#o#o) .rx-pwave .c { fill: #5483B3; }
html.oc.rx.cof[data-theme="light"]:not(#o#o#o#o) .rx-pwave .a { fill: #C1E8FF; } html.oc.rx.cof[data-theme="light"]:not(#o#o#o#o) .rx-pwave .b { fill: #9FC2E6; } html.oc.rx.cof[data-theme="light"]:not(#o#o#o#o) .rx-pwave .c { fill: #fff; }
html.oc.rx.cof:not(#o#o#o#o) .oc-div {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 22' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%237DA0CA' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23C1E8FF'/%3E%3Cstop offset='1' stop-color='%237DA0CA' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 11 C45 3 75 3 120 11 S195 19 240 11 S315 3 360 11' fill='none' stroke='url(%23g)' stroke-width='1.4' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 0 / 100% 100%; }
html.oc.rx.cof:not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H130 C100 40 150 78 114 118 C82 154 130 178 110 200 H0Z' fill='%232C5A8E' fill-opacity='.75'/%3E%3Cpath d='M0 0 H104 C78 44 122 80 90 120 C62 156 102 182 84 200 H0Z' fill='%237DA0CA' fill-opacity='.5'/%3E%3Cpath d='M104 0 C78 44 122 80 90 120 C62 156 102 182 84 200' fill='none' stroke='%23C1E8FF' stroke-opacity='.6' stroke-width='1.2'/%3E%3C/svg%3E") left top / 40% 100% no-repeat,
linear-gradient(155deg, #0B3270 0%, #052659 55%, #031A40 100%) !important;
box-shadow: inset 0 0 0 1px rgba(193,232,255,.15), 0 24px 40px -24px rgba(0,0,0,.75) !important;
}
html.oc.rx.cof[data-theme="light"]:not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H130 C100 40 150 78 114 118 C82 154 130 178 110 200 H0Z' fill='%23C1E8FF' fill-opacity='.95'/%3E%3Cpath d='M0 0 H104 C78 44 122 80 90 120 C62 156 102 182 84 200 H0Z' fill='%237DA0CA' fill-opacity='.45'/%3E%3Cpath d='M104 0 C78 44 122 80 90 120 C62 156 102 182 84 200' fill='none' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") left top / 40% 100% no-repeat,
linear-gradient(155deg, #fff, rgba(230,244,255,.9)) !important;
box-shadow: inset 0 0 0 1px #fff, 0 20px 36px -22px rgba(5,38,89,.4) !important;
}
html.oc.rx.cof:not(#o#o#o#o) :is(.oc-art, .oc-qa img, .oc-sh img, .oc-tile img, .oc-tile.pic img) { filter: var(--tint) drop-shadow(0 6px 8px rgba(2,16,36,.45)); }
html.oc.rx.cof:not(#o#o#o#o) :is(.k-hero, .sc-hero, .ks-hero) :is(img, .k-art, .sc-art) { filter: var(--tint) !important; }
html.oc.rx.cof:not(#o#o#o#o) main :is(.k-row, .kn-row, .tgp .row, .ks-file) img { filter: var(--tint) !important; }
html.oc.rx.cof:not(#o#o#o#o) .oc-tile { background: var(--rx-tile); box-shadow: inset 0 0 0 1px var(--rx-tile-bd); }
html.oc.rx.cof:not(#o#o#o#o) .sc-card { --c1: #C1E8FF !important; --c2: #5483B3 !important; --c3: #052659 !important; --ct: #C1E8FF !important; }
html.oc.rx.cof:not(#o#o#o#o) .tgp .switch:is([aria-checked="true"], [aria-pressed="true"]) { background: #2F7BE0 !important; }
html.oc.rx.cof[data-theme="light"]:not(#o#o#o#o) .tgp .switch:is([aria-checked="true"], [aria-pressed="true"]) { background: #052659 !important; }
html.oc.rx.cof:not(#o#o#o#o) .sc-sheet > * { background: #052659 !important; color: #EEF7FF !important; }
html.oc.rx.cof[data-theme="light"]:not(#o#o#o#o) .sc-sheet > * { background: #F4FAFF !important; color: #021024 !important; }
html.oc.rx.cof:not(#o#o#o#o) .ks-pbar .ks-pb svg { color: #C1E8FF !important; }
html.oc.rx.cof[data-theme="light"]:not(#o#o#o#o) .ks-pbar .ks-pb svg { color: #052659 !important; }
html.oc.rx.cof:not(#o#o#o#o) .ks-left:is(.s-soon, .s-today) { color: #fff !important; background: var(--rx-red) !important; }
html.oc.rx.cof:not(#o#o#o#o) .ks-dot { background: #5AA9F2 !important; box-shadow: 0 0 0 3px rgba(90,169,242,.22) !important; }
html.oc.ocx:not(#o#o#o#o) {
--x-blue: #6AA8FF, #2F6FE4; --x-sky: #7DDCFF, #1E9BD7; --x-teal: #5EEAD4, #0F9F8F; --x-orange: #FFC56B, #F5821F;
--x-purple: #A99BFF, #6246EA; --x-pink: #FF8DC7, #E0338C; --x-red: #FF8A8A, #E5374B; --x-green: #6EE7A0, #18A957; --x-indigo: #8EA2FF, #3D4FD8;
}
html.oc.ocx:not(#o#o#o#o) :is(.k-box:has(> img), .oc-tile:not(.pic), .kn-bx) { --c: var(--x-blue); }
html.oc.ocx:not(#o#o#o#o) :is(.k-box, .oc-tile, .kn-bx):has(img:is([src*="calendar"], [src*="clock"], [src*="stopwatch"], [src*="hourglass"], [src*="folder"], [src*="card_"])) { --c: var(--x-orange); }
html.oc.ocx:not(#o#o#o#o) :is(.k-box, .oc-tile, .kn-bx):has(img:is([src*="globe"], [src*="cloud"], [src*="test_tube"])) { --c: var(--x-teal); }
html.oc.ocx:not(#o#o#o#o) :is(.k-box, .oc-tile, .kn-bx):has(img:is([src*="desktop"], [src*="laptop"], [src*="robot"], [src*="gear"])) { --c: var(--x-blue); }
html.oc.ocx:not(#o#o#o#o) :is(.k-box, .oc-tile, .kn-bx):has(img:is([src*="clipboard"], [src*="memo"], [src*="pencil"], [src*="page"], [src*="receipt"], [src*="bookmark"])) { --c: var(--x-purple); }
html.oc.ocx:not(#o#o#o#o) :is(.k-box, .oc-tile, .kn-bx):has(img:is([src*="megaphone"], [src*="loudspeaker"], [src*="speech"])) { --c: var(--x-pink); }
html.oc.ocx:not(#o#o#o#o) :is(.k-box, .oc-tile, .kn-bx):has(img:is([src*="bullseye"], [src*="exclamation"], [src*="bell"])) { --c: var(--x-red); }
html.oc.ocx:not(#o#o#o#o) :is(.k-box, .oc-tile, .kn-bx):has(img:is([src*="chart"], [src*="money"], [src*="balance"], [src*="abacus"])) { --c: var(--x-green); }
html.oc.ocx:not(#o#o#o#o) :is(.k-box, .oc-tile, .kn-bx):has(img:is([src*="book"], [src*="graduation"], [src*="student"], [src*="teacher"], [src*="office"], [src*="briefcase"])) { --c: var(--x-indigo); }
html.oc.ocx:not(#o#o#o#o) :is(.k-box:has(> img), .oc-tile:not(.pic), .kn-bx) {
--c1: var(--c); background:
radial-gradient(120% 80% at 30% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 52%),
linear-gradient(160deg, var(--c1)) !important;
border: 0 !important; border-radius: 14px !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.6), inset 0 -3px 0 rgba(0,0,0,.18), 0 8px 16px -8px rgba(0,0,0,.55) !important;
overflow: visible !important;
}
html.oc.ocx:not(#o#o#o#o) :is(.k-box:has(> img), .oc-tile:not(.pic), .kn-bx) > img {
width: 80% !important; height: 80% !important; object-fit: contain; transform: translateY(-2px) scale(1.06);
filter: drop-shadow(0 4px 3px rgba(0,0,0,.35)) !important;
}
html.oc.ocx:not(#o#o#o#o) .k-box:not(:has(> img)) {
color: #fff !important; text-shadow: 0 1px 2px rgba(2,16,36,.7) !important; 
background: radial-gradient(120% 80% at 30% 0%, rgba(255,255,255,.45), rgba(255,255,255,0) 52%), linear-gradient(160deg, #6890BE, #27528A) !important;
border: 0 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -3px 0 rgba(0,0,0,.2), 0 8px 16px -8px rgba(0,0,0,.55) !important;
}
html.oc.ocx:not(#o#o#o#o) .k-box:not(:has(> img)) * { color: #fff !important; }
html.oc.ocx:not(#o#o#o#o) .oc-num {
color: #fff; background: radial-gradient(120% 80% at 30% 0%, rgba(255,255,255,.45), rgba(255,255,255,0) 52%), linear-gradient(160deg, #6890BE, #27528A);
box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -3px 0 rgba(0,0,0,.2), 0 8px 16px -8px rgba(0,0,0,.55);
}
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) .oc-num, html.oc.ocx[data-theme="light"]:not(#o#o#o#o) .k-box:not(:has(> img)):not(:has(> svg)) {
background: radial-gradient(120% 80% at 30% 0%, rgba(255,255,255,.35), rgba(255,255,255,0) 52%), linear-gradient(160deg, #2C5A8E, #052659) !important;
}
html.oc.ocx:not(#o#o#o#o) .tgp .ib {
background: radial-gradient(120% 80% at 30% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 52%),
linear-gradient(160deg, color-mix(in srgb, var(--ic) 62%, #fff), var(--ic) 55%, color-mix(in srgb, var(--ic) 72%, #000)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.6), inset 0 -3px 0 rgba(0,0,0,.18), 0 8px 16px -8px color-mix(in srgb, var(--ic) 70%, #000) !important;
overflow: visible !important;
}
html.oc.ocx:not(#o#o#o#o) .tgp .ib .g { display: none !important; }
html.oc.ocx:not(#o#o#o#o) .tgp .ib .d3 { display: grid !important; color: #fff !important; }
html.oc.ocx:not(#o#o#o#o) .tgp .ib .d3 img { width: 26px !important; height: 26px !important; object-fit: contain; transform: translateY(-1px) scale(1.08); filter: drop-shadow(0 3px 2px rgba(0,0,0,.35)) !important; }
html.oc.ocx:not(#o#o#o#o) .oc-cta,
html.oc.ocx:not(#o#o#o#o) :is(.mainbtn, .kn-btn, .kn-cta, .kh-btn, .kh-cta, .kf-btn, .kf-go, .btn-primary, .ks-pbar > :first-child, .sc-sh-go, .kn-login, .kn-gbtn):not(header *) {
color: #fff !important;
background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 55%), linear-gradient(135deg, #7DA0CA 0%, #5483B3 55%, #3A6A9E 100%) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 0 0 1px rgba(193,232,255,.35), 0 0 22px -4px rgba(125,160,202,.65), 0 12px 22px -12px rgba(2,16,36,.8) !important;
}
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) .oc-cta,
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) :is(.mainbtn, .kn-btn, .kn-cta, .kh-btn, .kh-cta, .kf-btn, .kf-go, .btn-primary, .ks-pbar > :first-child, .sc-sh-go, .kn-login, .kn-gbtn):not(header *) {
box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 0 20px -4px rgba(84,131,179,.6), 0 12px 22px -12px rgba(5,38,89,.55) !important;
}
html.oc.ocx:not(#o#o#o#o) :is(.oc-go, body .k-go, .sc-more span) {
background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0) 60%), #C1E8FF !important;
box-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 rgba(84,131,179,.35), 0 0 14px -3px rgba(193,232,255,.6) !important;
}
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) :is(.oc-go, body .k-go, .sc-more span) {
background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 60%), linear-gradient(135deg, #0B3270, #052659) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 0 14px -4px rgba(5,38,89,.55) !important;
}
html.oc.ocx:not(#o#o#o#o) :is(.oc-all, .oc-in, .k-back, .nz-back, a.k-crumb-back, header.top .login, header.top a[href="/login"]) {
box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 0 0 1px rgba(193,232,255,.28), 0 0 14px -6px rgba(193,232,255,.45) !important;
}
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) :is(.oc-all, .oc-in, .k-back, .nz-back, a.k-crumb-back, header.top .login, header.top a[href="/login"]) {
box-shadow: inset 0 1px 0 #fff, 0 6px 14px -8px rgba(5,38,89,.4) !important;
}
html.oc.ocx:not(#o#o#o#o) :is(.k-tabs, .ks-tabs, .kn-tabs, .u-seg) > :is(.on, [aria-selected="true"]),
html.oc.ocx:not(#o#o#o#o) .sc-days button:is(.on, [aria-selected="true"]),
html.oc.ocx:not(#o#o#o#o) :is(.n2-nav, .bottomnav) a.on {
background: linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,0) 60%), #C1E8FF !important;
box-shadow: inset 0 1px 0 #fff, 0 0 16px -3px rgba(193,232,255,.6) !important;
}
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) :is(.k-tabs, .ks-tabs, .kn-tabs, .u-seg) > :is(.on, [aria-selected="true"]),
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) .sc-days button:is(.on, [aria-selected="true"]),
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) :is(.n2-nav, .bottomnav) a.on {
background: linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0) 60%), linear-gradient(135deg, #0B3270, #052659) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 0 16px -4px rgba(5,38,89,.6) !important;
}
html.oc.ocx:not(#o#o#o#o) .oc-tag { box-shadow: inset 0 1px 0 rgba(255,255,255,.45); }
@media (prefers-reduced-motion: reduce) { html.oc.ocx * { transition: none !important; } }
html.oc.ocx:not(#o#o#o#o) :is(.k-box:has(> svg), .kn-bx:has(> svg), .kf-n) {
background: radial-gradient(120% 80% at 30% 0%, rgba(255,255,255,.5), rgba(255,255,255,0) 52%), linear-gradient(160deg, var(--c1, #6AA8FF), var(--c3, #2F5E93)) !important;
border: 0 !important; color: #fff !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -3px 0 rgba(0,0,0,.2), 0 8px 16px -8px rgba(0,0,0,.55) !important;
}
html.oc.ocx:not(#o#o#o#o) :is(.k-box, .kn-bx, .kf-n) > svg { color: #fff !important; stroke: #fff !important; filter: drop-shadow(0 2px 2px rgba(0,0,0,.35)); }
html.oc.ocx:not(#o#o#o#o) .kf-n { --c1: #FFC56B; --c3: #F5821F; }
html.oc.ocx:not(#o#o#o#o) .kf-n:not(:has(> svg)) { color: #4A2100 !important; text-shadow: 0 1px 0 rgba(255,236,200,.5) !important; } 
html.oc.ocx:not(#o#o#o#o) .sc-time {
background: radial-gradient(120% 70% at 30% 0%, rgba(255,255,255,.45), rgba(255,255,255,0) 50%), linear-gradient(160deg, var(--c1), var(--c3)) !important;
color: #fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -3px 0 rgba(0,0,0,.2), 0 10px 18px -10px rgba(0,0,0,.6) !important;
}
html.oc.ocx:not(#o#o#o#o) .sc-time :is(b, small, i) { color: #fff !important; text-shadow: 0 1px 2px rgba(0,0,0,.3); }
html.oc.ocx:not(#o#o#o#o) .sc-pl svg { color: #FF8A8A !important; }
html.oc.ocx:not(#o#o#o#o) .sc-dr svg { color: #A99BFF !important; }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) .sc-pl svg { color: #E5374B !important; }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) .sc-dr svg { color: #6246EA !important; }
html.oc.ocx:not(#o#o#o#o) .sc-kind > .on {
background: linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,0) 60%), #C1E8FF !important; color: #021024 !important;
box-shadow: inset 0 1px 0 #fff, 0 0 16px -3px rgba(193,232,255,.6) !important;
}
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) .sc-kind > .on { background: linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0) 60%), linear-gradient(135deg, #0B3270, #052659) !important; color: #fff !important; }
html.oc.ocx:not(#o#o#o#o) :is(.k-tabs, .ks-tabs, .kn-tabs, .u-seg, .sc-kind, .kn-chips) > :not(.on):not([aria-selected="true"]):nth-child(4n+1) svg { color: #6AA8FF !important; }
html.oc.ocx:not(#o#o#o#o) :is(.k-tabs, .ks-tabs, .kn-tabs, .u-seg, .sc-kind, .kn-chips) > :not(.on):not([aria-selected="true"]):nth-child(4n+2) svg { color: #FFB547 !important; }
html.oc.ocx:not(#o#o#o#o) :is(.k-tabs, .ks-tabs, .kn-tabs, .u-seg, .sc-kind, .kn-chips) > :not(.on):not([aria-selected="true"]):nth-child(4n+3) svg { color: #5EEAD4 !important; }
html.oc.ocx:not(#o#o#o#o) :is(.k-tabs, .ks-tabs, .kn-tabs, .u-seg, .sc-kind, .kn-chips) > :not(.on):not([aria-selected="true"]):nth-child(4n) svg { color: #FF8A8A !important; }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) :is(.k-tabs, .ks-tabs, .kn-tabs, .u-seg, .sc-kind, .kn-chips) > :not(.on):not([aria-selected="true"]) svg { filter: saturate(1.4) brightness(.8); }
html.oc.ocx:not(#o#o#o#o) .searchbox button {
color: #fff !important; background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 55%), linear-gradient(135deg, #7DA0CA, #5483B3 55%, #3A6A9E) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 0 16px -4px rgba(125,160,202,.65) !important; border: 0 !important;
}
html.oc.ocx:not(#o#o#o#o) .kf-hint svg { color: #FFC56B !important; filter: drop-shadow(0 0 6px rgba(255,197,107,.5)); }
html.oc.ocx:not(#o#o#o#o) .ks-pbar .ks-pb[href*="download"] svg { color: #6EE7A0 !important; }
html.oc.ocx:not(#o#o#o#o) .ks-pbar .ks-pb[data-share] svg { color: #FF8DC7 !important; }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) .ks-pbar .ks-pb[href*="download"] svg { color: #18A957 !important; }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) .ks-pbar .ks-pb[data-share] svg { color: #E0338C !important; }
html.oc.ocx:not(#o#o#o#o) .ks-pbar .ks-pb:not(:first-child) { box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 0 0 1px rgba(193,232,255,.22) !important; }
html.oc.ocx:not(#o#o#o#o) :is(.k-empty, .sc-empty) > svg, html.oc.ocx:not(#o#o#o#o) :is(.k-empty, .sc-empty) > :first-child > svg {
box-sizing: content-box; padding: 9px; border-radius: 14px; color: #fff !important;
background: radial-gradient(120% 80% at 30% 0%, rgba(255,255,255,.5), rgba(255,255,255,0) 52%), linear-gradient(160deg, #6AA8FF, #2F6FE4);
box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -3px 0 rgba(0,0,0,.2), 0 8px 16px -8px rgba(0,0,0,.55);
}
html.oc.ocx:not(#o#o#o#o) .tgp .av:not(:has(img)) { box-shadow: inset 0 2px 0 rgba(255,255,255,.45), inset 0 -4px 0 rgba(0,0,0,.18), 0 0 26px -6px rgba(125,160,202,.7) !important; }
html.oc.ocx:not(#o#o#o#o) :is(.n2-nav, .bottomnav) a:not(.on)[href="/"] svg { color: #6AA8FF !important; }
html.oc.ocx:not(#o#o#o#o) :is(.n2-nav, .bottomnav) a:not(.on)[href^="/browse"] svg { color: #8EA2FF !important; }
html.oc.ocx:not(#o#o#o#o) :is(.n2-nav, .bottomnav) a:not(.on)[href^="/schedule"] svg { color: #FFB547 !important; }
html.oc.ocx:not(#o#o#o#o) :is(.n2-nav, .bottomnav) a:not(.on)[href^="/news"] svg { color: #FF8DC7 !important; }
html.oc.ocx:not(#o#o#o#o) :is(.n2-nav, .bottomnav) a:not(.on)[href^="/account"] svg { color: #5EEAD4 !important; }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) :is(.n2-nav, .bottomnav) a:not(.on) svg { filter: saturate(1.5) brightness(.75); }
html.oc.ocx:not(#o#o#o#o) header.top .icon-btn { box-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(193,232,255,.25), 0 0 12px -6px rgba(193,232,255,.5) !important; }
html.oc.ocx:not(#o#o#o#o) p.kn-hint { background: none !important; color: var(--oc-mut) !important; box-shadow: none !important; }
html.oc.ocx:not(#o#o#o#o) .kf-gh, html.oc.ocx:not(#o#o#o#o) .kf-gh > * { background: none !important; box-shadow: none !important; }
html.oc.ocx { --sh-base: rgba(193,232,255,.62); --sh-hi: #FFFFFF; --sh-glow: rgba(125,200,255,.75); }
html.oc.ocx[data-theme="light"] { --sh-base: rgba(84,131,179,.6); --sh-hi: #1C6FE0; --sh-glow: rgba(47,123,224,.5); }
html.oc.ocx:not(#o#o#o#o) :is(.k-list > .k-row + .k-row, .k-list > * + .k-row, .tgp .gl > .row + .row, .oc-list > .oc-row + .oc-row)::before,
html.oc.ocx:not(#o#o#o#o) .sc-card::before {
content: "" !important; display: block !important; position: absolute !important; z-index: 2; pointer-events: none;
top: 0 !important; left: 18px !important; right: 18px !important; height: 2px !important; border-radius: 2px; border: 0 !important; opacity: 1 !important;
background: linear-gradient(90deg, transparent, var(--sh-base) 18%, var(--sh-base) 82%, transparent) !important;
box-shadow: 0 0 8px var(--sh-glow), 0 0 2px var(--sh-glow) !important;
}
@keyframes ocxDot { 0% { transform: translateX(194%); opacity: 0; } 8%, 60% { opacity: 1; } 70%, 100% { transform: translateX(0); opacity: 0; } }
html.oc.ocx:not(#o#o#o#o) :is(.k-list > .k-row + .k-row, .k-list > * + .k-row, .tgp .gl > .row + .row, .oc-list > .oc-row + .oc-row)::after,
html.oc.ocx:not(#o#o#o#o) .sc-card::after {
content: ""; position: absolute; z-index: 3; pointer-events: none;
top: var(--ln-t, 0px); left: var(--ln-x, 18px); width: calc((100% - 2 * var(--ln-x, 18px)) * .34); height: 2px; border-radius: 2px;
background: linear-gradient(90deg, transparent, var(--sh-hi) 50%, transparent);
will-change: transform, opacity; animation: ocxDot 4.2s cubic-bezier(.45,0,.25,1) infinite;
}
html.oc.ocx:not(#o#o#o#o) :is(.k-list > :nth-child(3n+1), .tgp .gl > :nth-child(3n+1), .oc-list > :nth-child(3n+1), .sc-card:nth-child(3n+1))::after { animation-delay: -1.4s; }
html.oc.ocx:not(#o#o#o#o) :is(.k-list > :nth-child(3n+2), .tgp .gl > :nth-child(3n+2), .oc-list > :nth-child(3n+2), .sc-card:nth-child(3n+2))::after { animation-delay: -2.8s; }
html.oc.ocx:not(#o#o#o#o) .oc-list > .oc-row { position: relative; }
html.oc.ocx:not(#o#o#o#o):not(#q) .oc-list > .oc-row + .oc-row::before { top: -5px !important; left: 28px !important; right: 28px !important; }
html.oc.ocx:not(#o#o#o#o) .oc-list > .oc-row { --ln-t: -5px; --ln-x: 28px; }
html.oc.ocx:not(#o#o#o#o):not(#q) .sc-card::before { left: 24px !important; right: 24px !important; }
html.oc.ocx:not(#o#o#o#o) .sc-card { --ln-x: 24px; }
html.oc.ocx:not(#o#o#o#o) .oc-div { position: relative; }
html.oc.ocx:not(#o#o#o#o) .oc-div { overflow: hidden; -webkit-mask: var(--ocx-wave) 0 0 / 100% 100%; mask: var(--ocx-wave) 0 0 / 100% 100%; }
html.oc.ocx:not(#o#o#o#o) .oc-div::after {
content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 30%; pointer-events: none;
background: linear-gradient(90deg, transparent, var(--sh-hi) 50%, transparent);
will-change: transform, opacity; animation: ocxWave 5s cubic-bezier(.45,0,.25,1) infinite;
}
@keyframes ocxWave { 0% { transform: translateX(333%); opacity: 0; } 6%, 62% { opacity: 1; } 70%, 100% { transform: translateX(-100%); opacity: 0; } }
html.oc.ocx { --ocx-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 26' preserveAspectRatio='none'%3E%3Cpath d='M0 13 C45 3 75 3 120 13 S195 23 240 13 S315 3 360 13' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3Cpath d='M0 19 C45 9 75 9 120 19 S195 29 240 19 S315 9 360 19' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E"); }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) .oc-div { filter: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 26' preserveAspectRatio='none'%3E%3Cpath d='M0 13 C45 3 75 3 120 13 S195 23 240 13 S315 3 360 13' fill='none' stroke='%23052659' stroke-opacity='.4' stroke-width='1.4' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M0 19 C45 9 75 9 120 19 S195 29 240 19 S315 9 360 19' fill='none' stroke='%235483B3' stroke-opacity='.4' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"); }
@media (prefers-reduced-motion: reduce) {
html.oc.ocx:not(#o#o#o#o) :is(.k-list > *, .tgp .gl > *, .oc-list > *, .sc-card)::after, html.oc.ocx:not(#o#o#o#o) .oc-div::after { animation: none !important; opacity: 0 !important; }
}
html.oc.ocx {
--g1-fill: linear-gradient(180deg, #4F22B4 0%, #3A1690 38%, #2C1260 100%);
--g1-sheen: radial-gradient(90% 70% at 50% 0%, rgba(160,95,255,.38), rgba(160,95,255,0) 70%);
--g1-rim: #A35CFF; --g1-glow: rgba(155,85,255,.85); --g1-glow2: rgba(120,50,240,.5);
--g1-tx: #FFFFFF; --g1-ts: 0 0 6px rgba(215,175,255,.85), 0 0 14px rgba(160,95,255,.55);
--g1-ring: inset 0 0 0 1.5px var(--g1-rim), inset 0 2px 0 rgba(205,160,255,.95), inset 0 -2px 0 rgba(120,70,215,.9), inset 0 0 12px rgba(150,80,255,.6);
--g2-fill: linear-gradient(180deg, rgba(26,22,40,.82), rgba(14,12,24,.86));
--g2-rim: rgba(255,255,255,.17); --g2-glow: rgba(0,0,0,0);
--g2-tx: #ECEAF4; --g2-ts: none;
}
html.oc.ocx[data-theme="light"] {
--g1-glow: rgba(140,70,255,.7); --g1-glow2: rgba(120,50,240,.35);
--g2-fill: linear-gradient(180deg, rgba(255,255,255,.94), rgba(243,239,252,.92));
--g2-rim: rgba(110,60,220,.32); --g2-glow: rgba(0,0,0,0);
--g2-tx: #3B1690;
}
html.oc.ocx:not(#o#o#o#o):not(#p) .oc-cta,
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.mainbtn,.kn-btn,.kn-cta,.kh-btn,.kh-cta,.kf-btn,.kf-go,.btn-primary,.ks-pbar > :first-child,.sc-sh-go,.kn-login,.kn-gbtn,.searchbox button):not(header *) {
color: var(--g1-tx) !important; text-shadow: var(--g1-ts) !important; font-weight: 800 !important; border: 0 !important;
background: var(--g1-sheen), var(--g1-fill) !important;
box-shadow: var(--g1-ring), 0 0 10px var(--g1-glow), 0 0 28px -4px var(--g1-glow2) !important;
}
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.oc-go, body .k-go, .sc-more span) {
color: var(--g1-tx) !important; text-shadow: var(--g1-ts) !important; font-weight: 800 !important; height: 32px !important; border: 0 !important;
background: var(--g1-sheen), var(--g1-fill) !important;
box-shadow: var(--g1-ring), 0 0 8px var(--g1-glow), 0 0 20px -6px var(--g1-glow2) !important;
}
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.oc-cta,.mainbtn,.kn-btn,.kn-cta,.kh-btn,.kh-cta,.kf-btn,.kf-go,.btn-primary,.ks-pbar > :first-child,.sc-sh-go,.kn-login,.kn-gbtn,.oc-go,.k-go,.sc-more span) :is(svg,span,b) { color: inherit !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.oc-cta,.mainbtn,.kn-btn,.kn-cta,.kh-btn,.kf-btn,.kf-go,.ks-pbar > :first-child,.kn-gbtn,.oc-go,.k-go,.sc-more span) svg { filter: drop-shadow(0 0 5px rgba(205,160,255,.95)) !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) .oc-cta { height: 48px !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.oc-all, .k-back, .nz-back, a.k-crumb-back, .ks-pbar .ks-pb:not(:first-child)) {
color: var(--g2-tx) !important; text-shadow: var(--g2-ts) !important; font-weight: 700 !important; border: 0 !important;
background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0) 50%), var(--g2-fill) !important;
box-shadow: inset 0 0 0 1px var(--g2-rim), inset 0 1px 0 rgba(255,255,255,.14), 0 0 14px -6px var(--g2-glow) !important;
}
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.oc-all, .k-back, .nz-back, a.k-crumb-back, .ks-pbar .ks-pb:not(:first-child)) :is(svg, span, b) { color: inherit !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.k-tabs, .ks-tabs, .kn-tabs, .u-seg, .kn-chips) > :is(.on, [aria-selected="true"]),
html.oc.ocx:not(#o#o#o#o):not(#p) .sc-days button:is(.on, [aria-selected="true"]),
html.oc.ocx:not(#o#o#o#o):not(#p) .sc-kind > button:is(.on, [aria-selected="true"]),
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.n2-nav, .bottomnav) a.on {
color: var(--g1-tx) !important; text-shadow: var(--g1-ts) !important;
background: var(--g1-sheen), var(--g1-fill) !important;
box-shadow: var(--g1-ring), 0 0 10px var(--g1-glow), 0 0 26px -4px var(--g1-glow2) !important;
}
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.k-tabs, .ks-tabs, .kn-tabs, .u-seg, .kn-chips) > :is(.on, [aria-selected="true"]) :is(svg, span, b, i),
html.oc.ocx:not(#o#o#o#o):not(#p) .sc-kind > button:is(.on, [aria-selected="true"]) :is(svg, span),
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.n2-nav, .bottomnav) a.on :is(svg, span) { color: inherit !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.n2-nav, .bottomnav) a.on svg { filter: drop-shadow(0 0 5px rgba(240,228,255,.8)) !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) header.top .icon-btn {
color: #F1EBFF !important;
background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 50%), var(--g2-fill) !important;
box-shadow: inset 0 0 0 1px var(--g2-rim), inset 0 1px 0 rgba(255,255,255,.16), 0 0 14px -6px var(--g1-glow) !important;
}
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p) header.top .icon-btn { color: #6D28D9 !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) header.top .icon-btn svg { filter: drop-shadow(0 0 4px rgba(170,120,255,.8)); }
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.oc-cta,.mainbtn,.kn-btn,.kf-btn,.ks-pbar > *,.kn-gbtn,.oc-go,.k-go,.oc-all,.k-back):active { transform: scale(.97) !important; filter: brightness(1.15); }
html.oc.ocx:not(#o#o#o#o):not(#p) .kn-chips > :not(.on):not([aria-selected="true"]),
html.oc.ocx:not(#o#o#o#o):not(#p) .sc-days button:not(.on):not([aria-selected="true"]) {
color: var(--g2-tx) !important; border: 0 !important;
background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 50%), var(--g2-fill) !important;
box-shadow: inset 0 0 0 1px var(--g2-rim), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
html.oc.ocx {
--g1-thick: 0 1px 0 #8A55F0, 0 2px 0 #7440E0, 0 3px 0 #612FC8, 0 4px 0 #4E22A8, 0 5px 0 #3C1886;
--g1-under: 0 9px 10px -3px rgba(4,2,14,.7), 0 14px 26px -6px rgba(140,70,255,.55);
--g1-spec: linear-gradient(180deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.10) 38%, rgba(255,255,255,0) 40%),
radial-gradient(40% 55% at 18% 8%, rgba(255,255,255,.35), rgba(255,255,255,0) 70%);
--g2-thick: 0 1px 0 #3A3550, 0 2px 0 #2E2A42, 0 3px 0 #252236, 0 4px 0 #1C1A2A;
--g2-under: 0 8px 10px -3px rgba(2,2,10,.65);
}
html.oc.ocx[data-theme="light"] {
--g2-thick: 0 1px 0 #DCD2F5, 0 2px 0 #CDBFEF, 0 3px 0 #BCAAE6, 0 4px 0 #A994DA;
--g2-under: 0 8px 12px -4px rgba(60,30,140,.3);
--g1-under: 0 9px 10px -3px rgba(40,10,110,.4), 0 14px 26px -6px rgba(140,70,255,.45);
}
html.oc.ocx:not(#o#o#o#o):not(#p) .oc-cta,
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.mainbtn,.kn-btn,.kn-cta,.kh-btn,.kh-cta,.kf-btn,.kf-go,.btn-primary,.ks-pbar > :first-child,.sc-sh-go,.kn-login,.kn-gbtn,.searchbox button):not(header *),
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.oc-go, body .k-go, .sc-more span),
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.k-tabs, .ks-tabs, .kn-tabs, .u-seg, .kn-chips) > :is(.on, [aria-selected="true"]),
html.oc.ocx:not(#o#o#o#o):not(#p) .sc-days button:is(.on, [aria-selected="true"]),
html.oc.ocx:not(#o#o#o#o):not(#p) .sc-kind > button:is(.on, [aria-selected="true"]) {
background: var(--g1-spec), var(--g1-sheen), var(--g1-fill) !important;
box-shadow: var(--g1-ring), var(--g1-thick), var(--g1-under), 0 0 10px var(--g1-glow) !important;
transform: translateY(-3px) !important;
transition: transform .14s ease, box-shadow .14s ease !important;
}
html.oc.ocx:not(#o#o#o#o):not(#p) .oc-cta,
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.mainbtn,.kn-cta,.kh-cta,.ks-pbar > :first-child,.kn-gbtn,.kn-login):not(header *) {
position: relative; overflow: hidden;
}
html.oc.ocx:not(#o#o#o#o):not(#p) .oc-cta::after,
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.mainbtn,.kn-cta,.kh-cta,.ks-pbar > :first-child,.kn-gbtn,.kn-login):not(header *)::after {
content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 45%; pointer-events: none;
background: linear-gradient(105deg, rgba(255,255,255,0) 20%, rgba(255,255,255,.34) 50%, rgba(255,255,255,0) 80%);
transform: translateX(-120%); will-change: transform; animation: nzSweep 4.2s ease-in-out infinite;
}
@keyframes nzSweep { 0%, 55% { transform: translateX(-120%); } 100% { transform: translateX(240%); } }
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.oc-all, .k-back, .nz-back, a.k-crumb-back, .ks-pbar .ks-pb:not(:first-child)),
html.oc.ocx:not(#o#o#o#o):not(#p) .kn-chips > :not(.on):not([aria-selected="true"]),
html.oc.ocx:not(#o#o#o#o):not(#p) .sc-days button:not(.on):not([aria-selected="true"]) {
box-shadow: inset 0 0 0 1px var(--g2-rim), inset 0 1.5px 0 rgba(255,255,255,.2), var(--g2-thick), var(--g2-under) !important;
transform: translateY(-2px) !important;
transition: transform .14s ease, box-shadow .14s ease !important;
}
html.oc.ocx:not(#o#o#o#o):not(#p) header.top .icon-btn {
box-shadow: inset 0 0 0 1px var(--g2-rim), inset 0 1.5px 0 rgba(255,255,255,.22), var(--g2-thick), var(--g2-under), 0 0 14px -6px var(--g1-glow) !important;
transform: translateY(-2px);
}
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.n2-nav, .bottomnav) a.on {
background: var(--g1-spec), var(--g1-sheen), var(--g1-fill) !important;
box-shadow: var(--g1-ring), var(--g1-thick), 0 9px 10px -3px rgba(4,2,14,.6) !important;
transform: translateY(-3px) !important; position: relative;
}
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.n2-nav, .bottomnav) a.on::after {
content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
box-shadow: 0 0 14px rgb(155,85,255), 0 0 30px -4px rgb(120,50,240);
opacity: .45; will-change: opacity; animation: nzBreath 3s ease-in-out infinite;
}
@keyframes nzBreath { 0%, 100% { opacity: .45; } 50% { opacity: .95; } }
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.oc-cta,.mainbtn,.kn-btn,.kn-cta,.kf-btn,.kf-go,.ks-pbar > :first-child,.kn-gbtn,.kn-login,.oc-go,.k-go,.sc-more span,.kn-chips > *,.sc-days button,.sc-kind > button,.k-tabs > *,.u-seg > *):active {
transform: translateY(1px) !important; filter: brightness(1.12);
box-shadow: var(--g1-ring), 0 1px 0 #7440E0, 0 2px 0 #4E22A8, 0 3px 6px -2px rgba(4,2,14,.7), 0 0 14px var(--g1-glow) !important;
}
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.oc-all,.k-back,.nz-back,a.k-crumb-back,.ks-pbar .ks-pb:not(:first-child)):active {
transform: translateY(1px) !important;
box-shadow: inset 0 0 0 1px var(--g2-rim), 0 1px 0 #2E2A42, 0 3px 5px -2px rgba(2,2,10,.6) !important;
}
@media (prefers-reduced-motion: reduce) {
html.oc.ocx :is(.oc-cta,.mainbtn,.kn-cta,.kh-cta,.ks-pbar > :first-child,.kn-gbtn,.kn-login,.n2-nav a.on,.bottomnav a.on) , html.oc.ocx :is(.oc-cta,.mainbtn,.kn-cta,.kh-cta,.ks-pbar > :first-child,.kn-gbtn,.kn-login,.n2-nav a.on,.bottomnav a.on)::after { animation: none !important; }
}
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .grp { background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .grp > h2.gh { display: block; margin: 0 !important; padding: 0 8px 10px !important; font: 700 16px/1.2 var(--t-f, inherit) !important; color: #D9CCFF !important; letter-spacing: 0; }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p) .tgp .grp > h2.gh { color: #3B1690 !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .grp > .gf { padding: 8px 8px 0 !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .tg-empty { align-items: center; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .tg-acts .row { min-height: 64px; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .tg-acts .danger .rt b { color: #FF7A85 !important; }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p) .tgp .tg-acts .danger .rt b { color: #C8102E !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .tg-acts form { display: block; margin: 0; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .tg-acts :is(.row, form) + :is(.row, form) { border-top: 1px solid rgba(255,255,255,.08); }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p) .tgp .tg-acts :is(.row, form) + :is(.row, form) { border-top-color: rgba(59,22,144,.1); }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .tg-acts .row:active { background: rgba(255,255,255,.06) !important; }
html.oc.ocx {
--hb-fill: linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.02) 50%), rgba(193,232,255,.10);
--hb-rim: rgba(193,232,255,.30); --hb-ic: #C1E8FF;
--hb-thick: 0 1px 0 #2C5288, 0 2px 0 #224575, 0 3px 0 #1A3862, 0 4px 0 #132C4F;
--hb-under: 0 9px 12px -4px rgba(1,8,24,.6);
}
html.oc.ocx[data-theme="light"] {
--hb-fill: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.7) 50%), rgba(255,255,255,.6);
--hb-rim: rgba(5,38,89,.16); --hb-ic: #052659;
--hb-thick: 0 1px 0 #D3E1F2, 0 2px 0 #C3D5EC, 0 3px 0 #B2C8E4, 0 4px 0 #A0BADB;
--hb-under: 0 9px 12px -4px rgba(5,38,89,.25);
}
html.oc.ocx:not(#o#o#o#o):not(#p) header.top .icon-btn {
color: var(--hb-ic) !important; background: var(--hb-fill) !important;
box-shadow: inset 0 0 0 1px var(--hb-rim), inset 0 1.5px 0 rgba(255,255,255,.25), var(--hb-thick), var(--hb-under) !important;
transform: translateY(-2px); transition: transform .14s ease, box-shadow .14s ease;
}
html.oc.ocx:not(#o#o#o#o):not(#p) header.top .icon-btn svg { filter: none !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) header.top .icon-btn:active { transform: translateY(1px); box-shadow: inset 0 0 0 1px var(--hb-rim), 0 1px 0 #224575, 0 3px 5px -2px rgba(1,8,24,.5) !important; }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p) header.top .icon-btn:active { box-shadow: inset 0 0 0 1px var(--hb-rim), 0 1px 0 #C3D5EC, 0 3px 5px -2px rgba(5,38,89,.2) !important; }
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) :is(.k-back, .nz-back, a.k-crumb-back) {
color: #FFFFFF !important; text-shadow: 0 0 6px rgba(215,175,255,.85), 0 0 14px rgba(160,95,255,.5) !important;
background: radial-gradient(90% 70% at 50% 0%, rgba(160,95,255,.28), rgba(160,95,255,0) 70%), var(--hb-fill) !important;
box-shadow: inset 0 0 0 1.5px #A35CFF, inset 0 2px 0 rgba(205,160,255,.75), inset 0 0 10px rgba(150,80,255,.45),
0 1px 0 #7440E0, 0 2px 0 #5A2DBE, 0 3px 0 #45209A, 0 4px 0 #331878,
0 9px 12px -4px rgba(1,8,24,.6), 0 0 12px rgba(155,85,255,.7), 0 0 28px -4px rgba(120,50,240,.45) !important;
}
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p):not(#q) :is(.k-back, .nz-back, a.k-crumb-back) {
color: #3B1690 !important; text-shadow: 0 0 8px rgba(160,95,255,.35) !important;
box-shadow: inset 0 0 0 1.5px #9B5BFF, inset 0 2px 0 #fff, 0 1px 0 #C9B2FA, 0 2px 0 #B596F5, 0 3px 0 #9F79EE, 0 4px 0 #8A5FE4,
0 9px 12px -4px rgba(60,30,140,.3), 0 0 12px rgba(140,70,255,.45) !important;
}
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) :is(.k-back, .nz-back, a.k-crumb-back) :is(svg, span, b, i) { color: inherit !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) body.ui2 main .k-crumbs > a:first-child::before { content: none !important; }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p) header.top .icon-btn { color: var(--hb-ic) !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .tg-mail small { font-size: 13px; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .tg-mail small { text-align: right; unicode-bidi: plaintext; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; margin: 34px 0 26px; padding: 0; background: none !important; box-shadow: none !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf::before { content: ""; position: absolute; top: -40px; left: 50%; width: 280px; height: 230px; transform: translateX(-50%); pointer-events: none; z-index: 0;
background: radial-gradient(closest-side, rgba(150,85,255,.30), rgba(90,169,242,.10) 60%, transparent); }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf > * { position: relative; z-index: 1; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf .pf-av { position: relative; width: 112px; height: 112px; margin: 0 0 18px; display: block; cursor: pointer; }
.tgp .pf .pf-ring { position: absolute; inset: 0; border-radius: 50%; padding: 4px; display: block; isolation: isolate; z-index: 2; }
.tgp .pf .pf-ring::before { content: ""; position: absolute; inset: 0; border-radius: 50%; z-index: -1; background: linear-gradient(160deg, #C1E8FF, #A35CFF 55%, #5AA9F2); box-shadow: 0 0 20px rgba(155,85,255,.6); }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf .pf-ring .av { width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: 50% !important; border: 3px solid #0B1A40 !important;
display: grid !important; place-items: center; overflow: hidden; font: 400 44px/1 'Rakkas', var(--t-f, inherit) !important; color: #fff !important;
background: radial-gradient(70% 60% at 30% 25%, rgba(255,255,255,.35), transparent 60%), linear-gradient(150deg, #8A55F0, #3A6AD8) !important; box-shadow: none !important; }
.tgp .pf .pf-ring .av img { width: 100%; height: 100%; object-fit: cover; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf .pf-cam { position: absolute; z-index: 3; bottom: 2px; left: 0; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: #fff;
background: linear-gradient(180deg, #8A55F0, #5A2DBE); box-shadow: inset 0 0 0 1.5px #C9A6FF, 0 0 0 3px #0B1A40, 0 0 12px rgba(155,85,255,.8); }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf h1 { margin: 0 !important; padding: 0 !important; font: 400 34px/1.15 'Rakkas', var(--t-f, inherit) !important; text-align: center !important;
background: linear-gradient(180deg, #FFFFFF 35%, #C9B2FF) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
text-shadow: none !important; transform: none !important; overflow-wrap: anywhere; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf h1::before, html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf h1::after { content: none !important; }
.tgp .pf .pf-yr { display: inline-flex; align-items: center; gap: 6px; margin: 8px 0 0; padding: 6px 13px; border-radius: 999px; font-size: 13.5px; font-weight: 700;
color: #C1E8FF; background: rgba(193,232,255,.12); box-shadow: inset 0 0 0 1px rgba(193,232,255,.28); }
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) .tgp .pf .pf-edit { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px; border-radius: 999px; text-decoration: none;
font-weight: 700; font-size: 14.5px; color: var(--hb-ic) !important; text-shadow: none; background: var(--hb-fill) !important;
box-shadow: inset 0 0 0 1px var(--hb-rim), inset 0 1.5px 0 rgba(255,255,255,.22), var(--hb-thick), var(--hb-under) !important;
transform: translateY(-2px); transition: transform .14s ease, box-shadow .14s ease; }
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) .tgp .pf .pf-edit :is(span, svg) { color: inherit !important; }
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) .tgp .pf .pf-edit:active { transform: translateY(1px); box-shadow: inset 0 0 0 1px var(--hb-rim), 0 1px 0 #224575, 0 3px 5px -2px rgba(1,8,24,.5) !important; }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p) .tgp .pf h1 { background: linear-gradient(180deg, #241046 35%, #5A2DBE) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html[data-theme="light"] .tgp .pf .pf-yr { color: #052659; background: rgba(255,255,255,.7); box-shadow: inset 0 0 0 1px rgba(5,38,89,.16); }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p) .tgp .pf .pf-ring .av { border-color: #fff !important; }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p) .tgp .pf .pf-cam { box-shadow: inset 0 0 0 1.5px #C9A6FF, 0 0 0 3px #fff, 0 0 10px rgba(155,85,255,.6); }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p) .tgp .pf::before { background: radial-gradient(closest-side, rgba(150,85,255,.18), rgba(90,169,242,.10) 60%, transparent); }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf .pf-acts { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: -2px; }
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) .tgp .pf .pf-acts > * { min-height: 36px; margin: 0; padding: 0 14px; border-radius: 999px; font-size: 13px; font-weight: 700; gap: 6px; transform: none; }
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) .tgp .pf .pf-yr { color: #C1E8FF; background: rgba(193,232,255,.10); box-shadow: inset 0 0 0 1px rgba(193,232,255,.26); }
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) .tgp .pf .pf-edit { color: #E4D2FF !important;
background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)), rgba(163,92,255,.18) !important;
box-shadow: inset 0 0 0 1px rgba(184,140,255,.55), 0 2px 0 rgba(58,22,144,.55), 0 6px 10px -4px rgba(1,8,24,.5) !important; }
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) .tgp .pf .pf-edit:active { transform: translateY(1px); box-shadow: inset 0 0 0 1px rgba(184,140,255,.55) !important; }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p):not(#q) .tgp .pf .pf-yr { color: #052659; background: rgba(255,255,255,.75); box-shadow: inset 0 0 0 1px rgba(5,38,89,.16); }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p):not(#q) .tgp .pf .pf-edit { color: #4A1FB0 !important; background: #F1EAFF !important;
box-shadow: inset 0 0 0 1px rgba(124,58,237,.35), 0 2px 0 #D9C8FB, 0 6px 10px -4px rgba(60,30,140,.2) !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf { overflow: clip; overflow-clip-margin: 0; padding-top: 40px; margin-top: -6px; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf .pf-net { position: absolute; z-index: 0; left: 50%; top: 96px; width: 500px; height: 310px; margin: -100px 0 0 -250px; pointer-events: none; overflow: visible; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf .pf-sky { position: absolute; z-index: 0; left: 0; right: 0; top: 0; height: 196px; pointer-events: none;
background:
linear-gradient(118deg, transparent 30%, rgba(190,170,255,.07) 44%, rgba(235,225,255,.13) 50%, rgba(170,200,255,.07) 56%, transparent 70%),
radial-gradient(38% 55% at 24% 38%, rgba(130,70,220,.38), transparent 70%),
radial-gradient(34% 50% at 78% 30%, rgba(40,110,220,.34), transparent 70%),
radial-gradient(30% 40% at 60% 75%, rgba(170,60,180,.18), transparent 70%),
linear-gradient(180deg, #040818 0%, #08112E 55%, #0B1840 100%);
-webkit-mask: radial-gradient(120% 95% at 50% 38%, #000 52%, transparent 78%); mask: radial-gradient(120% 95% at 50% 38%, #000 52%, transparent 78%); }
.tgp .pf .pf-sky canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.tgp .pf .pf-ring::before { box-shadow: 0 0 16px rgba(155,85,255,.5); }
.tgp .pf .pf-ring::after { content: ""; position: absolute; inset: 0; border-radius: 50%; z-index: -1; pointer-events: none; box-shadow: 0 0 24px rgba(155,85,255,.75); opacity: 0; will-change: opacity; animation: nzRx 4s ease-in-out infinite; }
@keyframes nzRx { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .tgp .pf .pf-ring::after { animation: none !important; } }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf .pf-net-old { 
-webkit-mask: linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent), linear-gradient(180deg, #000 78%, transparent);
-webkit-mask-composite: source-in; mask: linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent), linear-gradient(180deg, #000 78%, transparent); mask-composite: intersect; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf .pf-sky { height: 206px;
-webkit-mask: radial-gradient(56% 58% at 50% 50%, #000 42%, transparent 100%); mask: radial-gradient(56% 58% at 50% 50%, #000 42%, transparent 100%); }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p) .tgp .pf .pf-sky {
background:
linear-gradient(118deg, transparent 30%, rgba(255,255,255,.10) 46%, rgba(255,255,255,.16) 50%, rgba(255,255,255,.10) 54%, transparent 70%),
radial-gradient(38% 55% at 24% 40%, rgba(150,90,240,.45), transparent 70%),
radial-gradient(34% 50% at 78% 34%, rgba(70,130,235,.40), transparent 70%),
linear-gradient(180deg, #241C63 0%, #3E2F94 40%, #7A64CF 72%, #C9B8F4 100%); }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf .pf-sky { -webkit-mask: radial-gradient(66% 50% at 50% 50%, #000 38%, transparent 100%); mask: radial-gradient(66% 50% at 50% 50%, #000 38%, transparent 100%); }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp .pf .pf-sky, html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p) .tgp .pf .pf-sky {
background: none !important; top: 0; bottom: 0; height: auto;
-webkit-mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent), linear-gradient(180deg, transparent, #000 14%, #000 82%, transparent);
-webkit-mask-composite: source-in;
mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent), linear-gradient(180deg, transparent, #000 14%, #000 82%, transparent); mask-composite: intersect; }
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) header.top .topnav a.on {
color: #fff !important; text-shadow: 0 0 6px rgba(215,175,255,.85) !important;
background: radial-gradient(90% 70% at 50% 0%, rgba(160,95,255,.38), rgba(160,95,255,0) 70%), linear-gradient(180deg, #4F22B4, #3A1690 38%, #2C1260) !important;
box-shadow: inset 0 0 0 1.5px #A35CFF, inset 0 2px 0 rgba(205,160,255,.9), 0 0 12px rgba(155,85,255,.7) !important; }
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) header.top .topnav a.on svg { color: #fff !important; filter: drop-shadow(0 0 4px rgba(205,160,255,.9)); }
@media (min-width: 1024px) {
html.oc.ocx:not(#o#o#o#o):not(#p) body.ui2 main.wrap { max-width: 1040px !important; padding: 0 24px 48px !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.n2-nav, .bottomnav) { display: none !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.oc-list, .k2 .k-list:not(.ks-in), .kn-list) { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px 16px !important; align-items: start; }
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.oc-list, .k2 .k-list:not(.ks-in), .kn-list) > * { margin: 0 !important; min-width: 0; }
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.oc-list, .k2 .k-list:not(.ks-in), .kn-list) > *::before { display: none !important; } 
html.oc.ocx:not(#o#o#o#o):not(#p) .sc-day:not([hidden]) { display: grid !important; grid-template-columns: 1fr 1fr; gap: 14px 16px; align-items: start; }
html.oc.ocx:not(#o#o#o#o):not(#p) .sc-day > .sc-empty { grid-column: 1 / -1; }
html.oc.ocx:not(#o#o#o#o):not(#p) .tgp > .grp { max-width: 760px; margin-left: auto !important; margin-right: auto !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.k-tabs, .kn-tabs, .sc-kind) { max-width: 640px; margin-left: auto !important; margin-right: auto !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) .k-hero, html.oc.ocx:not(#o#o#o#o):not(#p) .sc-hero { min-height: 0; }
html.oc.ocx:not(#o#o#o#o) { --oc-card: rgba(193,232,255,.105); --oc-mut: #CADCF2; --oc-line: rgba(193,232,255,.22);
--oc-cardsh: inset 0 0 0 1px rgba(193,232,255,.22), inset 0 1px 0 rgba(255,255,255,.16); }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) { --oc-card: rgba(255,255,255,.78); --oc-mut: #1F3D63; }
html.oc.ocx:not(#o#o#o#o) :is(body.ui2, body:not(.ui2))::before { filter: saturate(1.35) contrast(1.12) brightness(.9); }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o) :is(body.ui2, body:not(.ui2))::before { filter: saturate(1.25) contrast(1.06); }
html.oc.ocx :is(.i3d, .oc-qa img, .k-box img, .oc-tile img, .kn-bx img, .k-art img, .oc-art, .sc-art img) { image-rendering: -webkit-optimize-contrast; filter: saturate(1.12) contrast(1.05); }
html.oc.ocx body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
}
@media (min-width: 1024px) {
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) :is(.k2 .k-list:not(.ks-in), .kn-list) { background: none !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; border-radius: 0 !important; }
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) :is(.k2 .k-list:not(.ks-in), .kn-list) > * { background: var(--oc-card) !important; border-radius: 18px !important; box-shadow: var(--oc-cardsh) !important; }
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) .kn-list > li > * { background: none !important; box-shadow: none !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) .kn-chips { max-width: 640px; margin-left: auto !important; margin-right: auto !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) :is(.k2 .k-list:not(.ks-in), .kn-list) > * + *::after { display: none !important; }
}
@media (min-width: 1024px) { html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) .kn-pane { background: none !important; box-shadow: none !important; border: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } }
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q):not(#r) body :is(.k-h1, .sc-h1, .tgp .phead h1, .oc-hero h1, .tgp .pf h1) { padding-top: .45em !important; margin-top: -.45em !important; }
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) .searchbox button { height: 32px !important; min-height: 32px !important; transform: translateY(-2px) !important; }
html.oc.ocx[data-theme="light"]:not(#o#o#o#o):not(#p) section.kn-login p.kn-hint { color: #EADFFF !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) header.top .btn-primary {
color: var(--g1-tx) !important; text-shadow: var(--g1-ts) !important; font-weight: 800 !important; border: 0 !important;
background: var(--g1-spec), var(--g1-sheen), var(--g1-fill) !important;
box-shadow: var(--g1-ring), var(--g1-thick), var(--g1-under), 0 0 10px var(--g1-glow) !important;
transform: translateY(-2px); transition: transform .14s ease, box-shadow .14s ease;
}
html.oc.ocx:not(#o#o#o#o):not(#p) header.top .btn-primary :is(svg, span) { color: inherit !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) header.top .btn-primary:active { transform: translateY(1px); box-shadow: var(--g1-ring), 0 1px 0 #7440E0, 0 2px 0 #4E22A8, 0 3px 6px -2px rgba(4,2,14,.7) !important; }
@media (min-width: 1024px) {
html.oc.ocx:not(#o#o#o#o):not(#p):not(#q) header.top .wrap { max-width: 1040px !important; padding-left: 24px !important; padding-right: 24px !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) .ks-label .ks-gn { margin-inline-start: 10px !important; }
html.oc.ocx:not(#o#o#o#o):not(#p) .sb-wrap { max-width: 640px; margin-left: auto !important; margin-right: auto !important; }
}