/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 19 2026 | 16:51:01 */
.assess-badge,.assess-eye,.cls-live,.cls-queue .qh,.plan-task .tag {text-transform: uppercase;}.mm-cell.strong,.mm-legend i.strong,.plan-prog .pbar span,.plan-task.done .box,.step.ok .dot {background: var(--teal);}.plan-task.done .box,.plan-task:hover {border-color: var(--teal);}.cls-tile,.rec-wave,.step {position: relative;}#fluentform_3 select#ff_3_dropdown,.assess-back,.assess-opt,.btn,.mm-cell,.plan-task,.rec-play,.tour-tab,.vph .play {cursor: pointer;}:root {--emerald: #0d4030;--emerald-2: #0a3527;--emerald-3: #124d3a;--gold: #b89a57;--gold-2: #a5863f;--teal: #4fa67b;--parch: #f0f2ee;--cream: #f7f6f1;--white: #ffffff;--ink: #33383f;--ink-soft: #565b61;--rose: #8c5257;--line: rgba(13, 64, 48, 0.12);--line-2: rgba(255, 255, 255, 0.16);--serif: "Fraunces",Georgia,"Times New Roman",serif;--sans: "Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--arab: "Amiri",serif;--wrap: 1180px;--r: 16px;--shadow: 0 1px 2px rgba(13, 64, 48, 0.04),0 12px 34px rgba(13, 64, 48, 0.07);}.plan {max-width: 320px;margin: 0 auto;background: #fff;border-radius: 16px;border: 1px solid var(--line);box-shadow: var(--shadow);overflow: hidden;}.plan-top {background: var(--emerald);color: #fff;padding: 18px 20px;display: flex;justify-content: space-between;align-items: center;}.plan-top .d {font-family: var(--serif);font-size: 1.1rem;}.plan-top .sub {font-size: .74rem;opacity: .72;}.plan-streak {font-size: .72rem;background: rgba(184,154,87,.25);color: var(--gold);padding: .3em .7em;border-radius: 100px;font-weight: 600;}.plan-prog {padding: 14px 20px 0;}.plan-prog .pl {display: flex;justify-content: space-between;font-size: .78rem;color: var(--ink-soft);margin-bottom: 6px;}.plan-prog .pbar {height: 7px;background: rgba(13,64,48,.08);border-radius: 5px;overflow: hidden;}.plan-prog .pbar span {display: block;height: 100%;width: 0;transition: width .3s;}.plan-list {padding: 12px 16px 18px;display: grid;gap: 8px;}.plan-task {display: flex;gap: 12px;align-items: center;padding: 12px 14px;border: 1px solid var(--line);border-radius: 12px;transition: .15s;background: #fff;}.plan-task .box {flex: none;width: 22px;height: 22px;border-radius: 7px;border: 2px solid var(--line);display: flex;align-items: center;justify-content: center;transition: .15s;}.plan-task .box svg {width: 13px;height: 13px;color: #fff;opacity: 0;transition: .15s;}.plan-task .tx .k {font-size: .92rem;color: var(--emerald);font-weight: 500;}.plan-task .tx .v {font-size: .78rem;color: var(--ink-soft);}.plan-task .tag {margin-left: auto;font-size: .66rem;letter-spacing: .05em;color: var(--gold-2);}.cls-queue,.cls-tile.reciter,.plan-task.done,.rec-player {background: var(--parch);}.plan-task.done .box svg {opacity: 1;}.plan-task.done .tx .k {text-decoration: line-through;color: var(--ink-soft);}.tour {max-width: 940px;margin: 2.4rem auto 0;}.dash,.rec {max-width: 440px;}.tour-frame {background: #fff;border-radius: 22px;border: 1px solid rgba(255,255,255,.14);box-shadow: 0 30px 70px rgba(0,0,0,.28);overflow: hidden;}.assess-card,.dash {box-shadow: var(--shadow);}.tour-bar {display: flex;gap: 4px;overflow-x: auto;background: var(--parch);padding: 8px;border-bottom: 1px solid var(--line);scrollbar-width: none;}.assess-card,.bar,.cls-tile,.dash,.rec-wave,.vph {overflow: hidden;}.mm.on-dark .mm-cell.risk,.tour-tab {background: 0 0;}.tour-bar::-webkit-scrollbar {display: none;}.tour-tab {flex: none;border: 0;font-family: var(--sans);font-weight: 600;font-size: .84rem;color: var(--ink-soft);padding: .62em 1em;border-radius: 10px;white-space: nowrap;display: flex;align-items: center;gap: .5em;}.assess-q,.assess-res h3,.cls-name,.cls-tile.teacher .nm,.dash-top .who,.rec-meta b,.ring i,.step .k,.tp-h,.vph .t {font-family: var(--serif);}.cls-live,.cls-queue .qh {font-weight: 700;}.tour-tab svg {width: 15px;height: 15px;}.tour-tab.active {background: #fff;color: var(--emerald);box-shadow: 0 1px 5px rgba(13,64,48,.1);}.tour-panels {min-height: 392px;}.tp {display: none;padding: 26px;}.tp.active {display: block;animation: .38s tpf;}@keyframes tpf {from {opacity: 0;transform: translateY(8px);}to {opacity: 1;transform: none;}}.tp-h {font-size: 1.25rem;color: var(--emerald);margin: 0 0 2px;}.tp-s {font-size: .9rem;color: var(--ink-soft);margin: 0 0 18px;}.cls {display: grid;grid-template-columns: 1.5fr 1fr;gap: 16px;}.bars,.cls-tiles {display: grid;gap: 12px;}.cls-tile {border-radius: 14px;padding: 16px;}.cls-tile.teacher {background: var(--emerald);color: #fff;min-height: 96px;display: flex;align-items: flex-end;}.cls-tile.teacher .nm {font-size: 1.05rem;}.cls-tile.teacher .rl {font-size: .75rem;opacity: .7;}.cls-tile.reciter {border: 2px solid var(--teal);}.cls-live {display: inline-flex;align-items: center;gap: .4em;font-size: .7rem;letter-spacing: .08em;color: var(--teal);}.cls-live:before {content: "";width: 8px;height: 8px;border-radius: 50%;background: var(--teal);animation: 1.4s infinite pulse;}@keyframes pulse {0%,100% {opacity: 1;}50% {opacity: .3;}}.cls-name {font-size: 1.35rem;color: var(--emerald);margin: .2rem 0;}.cls-surah,.step .v {font-size: .9rem;color: var(--ink-soft);}.livewave {display: flex;align-items: center;gap: 3px;height: 26px;margin-top: 10px;}.livewave i {width: 3px;background: var(--teal);border-radius: 3px;animation: 1s ease-in-out infinite eq;}@keyframes eq {0%,100% {height: 6px;}50% {height: 22px;}}.cls-queue {border-radius: 14px;padding: 14px;}.cls-queue .qh {font-size: .72rem;letter-spacing: .1em;color: var(--gold-2);margin-bottom: 10px;}.assess-badge,.assess-eye,.bar-row .bl .v,.btn,.d-row .val,.rec-meta b,.ring i {font-weight: 600;}.cls-queue ul {list-style: none;margin: 0 0 12px;padding: 0;display: grid;gap: 8px;}.cls-queue li {display: flex;justify-content: space-between;align-items: center;font-size: .9rem;background: #fff;border-radius: 9px;padding: 9px 12px;border: 1px solid var(--line);}.cls-queue li .t {color: var(--ink-soft);font-size: .8rem;}.cls-next {width: 100%;justify-content: center;}.stepper {display: grid;gap: 0;}.step {display: grid;grid-template-columns: auto 1fr;gap: 16px;padding-bottom: 18px;}.step:not(:last-child):before {content: "";position: absolute;left: 15px;top: 32px;bottom: 0;width: 2px;background: var(--line);}.rec-play,.step .dot {background: var(--emerald);display: flex;}.step .dot {width: 32px;height: 32px;border-radius: 50%;color: #fff;align-items: center;justify-content: center;font-size: .85rem;z-index: 1;}.rec-meta b,.step .k {color: var(--emerald);}.step .k {font-size: 1.02rem;}.rec {margin: 0 auto;}.rec-meta,.rep-sub {margin-bottom: 14px;}.rec-note,.rep-goals {margin-top: 14px;}.rec-meta {display: flex;justify-content: space-between;font-size: .85rem;color: var(--ink-soft);}.rec-player {border-radius: 14px;padding: 18px;display: flex;align-items: center;gap: 14px;}.rec-play {width: 46px;height: 46px;border-radius: 50%;border: 0;flex: none;align-items: center;justify-content: center;color: #fff;}.rec-play svg {width: 18px;height: 18px;}.rec-wave {flex: 1;height: 38px;display: flex;align-items: center;gap: 2px;}.rec-wave i {flex: 1;background: rgba(13,64,48,.18);border-radius: 2px;}.rec-fill {position: absolute;left: 0;top: 0;bottom: 0;width: 0;background: linear-gradient(90deg,rgba(79,166,123,.28),rgba(79,166,123,.1));border-right: 2px solid var(--teal);transition: width .1s linear;}.rec-time {font-size: .8rem;color: var(--ink-soft);min-width: 74px;text-align: right;font-variant-numeric: tabular-nums;}.rec-note {background: rgba(79,166,123,.1);border: 1px solid rgba(79,166,123,.28);border-radius: 10px;padding: 11px 14px;font-size: .86rem;color: #276048;}.bar,.bar span {border-radius: 6px;}.assess-back:hover,.bar-row .bl .v,.d-row .val,.mm-cap b,.mm-cell.risk:hover,.rep-h,.ring i,.ring-row .meta .m-k {color: var(--emerald);}.rep {display: grid;grid-template-columns: 1.1fr 1fr;gap: 22px;}.rep-h,.ring-row .meta .m-k {font-family: var(--serif);font-size: 1.05rem;}.assess-opt,.btn {font-family: var(--sans);}.rep-sub {font-size: .8rem;color: var(--ink-soft);}.d-row .lbl,.rep-narr,.rep-narr .q {color: var(--ink);}.bar-row .bl {display: flex;justify-content: space-between;font-size: .82rem;margin-bottom: 4px;}.bar {height: 9px;background: rgba(13,64,48,.08);}.bar span {display: block;height: 100%;background: var(--teal);}.rep-narr {background: var(--parch);border-radius: 12px;padding: 16px;font-size: .9rem;}.dash,.ring i {background: #fff;}.rep-narr .q {font-style: italic;}.rep-goals .g {display: flex;gap: .6rem;align-items: flex-start;font-size: .88rem;margin-bottom: .4rem;}.dash-top .who,.ring i {font-size: 1.15rem;}.rep-goals .g:before {content: "";flex: none;width: 16px;height: 16px;border-radius: 4px;background: rgba(184,154,87,.25);border: 1px solid var(--gold);margin-top: 2px;}.dash {border: 1px solid var(--line);border-radius: 16px;margin: 0 auto;}.dash-top {background: var(--emerald);color: #fff;padding: 18px 22px;display: flex;align-items: center;justify-content: space-between;}.dash-top .sub {font-size: .78rem;opacity: .75;}.dash-badge {font-size: .72rem;background: rgba(255,255,255,.14);padding: .3em .7em;border-radius: 100px;}.ring,.ring i {border-radius: 50%;display: flex;}.dash-body {padding: 22px;}.ring-row {display: flex;align-items: center;gap: 18px;margin-bottom: 18px;}.ring {--p: 62;width: 84px;height: 84px;flex: none;background: conic-gradient(var(--teal) calc(var(--p) * 1%),rgba(13,64,48,.09) 0);align-items: center;justify-content: center;}.ring i {width: 64px;height: 64px;align-items: center;justify-content: center;font-style: normal;}.ring-row .meta .m-v {font-size: .86rem;color: var(--ink-soft);}.dash-rows {display: grid;gap: 10px;margin-bottom: 16px;}.assess-cta,.clip,.clip .play,.d-row,.res-phase,.vph,.vph .play {display: flex;}.d-row {justify-content: space-between;align-items: center;font-size: .9rem;padding: 11px 14px;background: var(--parch);border-radius: 10px;}.d-note b,.d-row .val.ok {color: var(--teal);}.d-note {background: rgba(79,166,123,.1);border: 1px solid rgba(79,166,123,.28);border-radius: 10px;padding: 12px 14px;font-size: .88rem;color: #276048;}.btn-primary,.clip .play {background: var(--emerald);}.clip {align-items: center;gap: 10px;margin-top: 12px;font-size: .85rem;color: var(--ink-soft);}.clip .play {width: 30px;height: 30px;border-radius: 50%;flex: none;align-items: center;justify-content: center;}.clip .wave {flex: 1;height: 22px;background: repeating-linear-gradient(90deg,var(--gold) 0 2px,transparent 2px 6px);opacity: .5;border-radius: 4px;}.mm-wrap {max-width: 560px;}.mm {max-width: 520px;}.mm-grid {display: grid;grid-template-columns: repeat(10,1fr);gap: 6px;}.mm-cell {aspect-ratio: 1;border-radius: 6px;border: 1.5px solid transparent;transition: .15s;display: flex;align-items: center;justify-content: center;font-size: .62rem;color: transparent;}.mm-cap,.mm-legend {color: var(--ink-soft);}.mm-cell.reinforce,.mm-legend i.reinforce {background: rgba(79,166,123,.32);}.assess-dots i.on,.mm-cell.due,.mm-legend i.due {background: var(--gold);}.mm-cell.risk,.mm-legend i.risk {background: #fff;border: 1.5px dashed var(--gold-2);}.mm-cell:hover {transform: scale(1.12);color: #fff;}.mm-cap {margin-top: 14px;font-size: .9rem;min-height: 1.4em;}.mm-legend {display: flex;flex-wrap: wrap;gap: 14px;margin-top: 12px;font-size: .78rem;}.mm-legend span {display: inline-flex;align-items: center;gap: .4em;}.mm-legend i {width: 14px;height: 14px;border-radius: 4px;display: inline-block;}.custom-segmented-control .ff-el-form-check:not(.ff_item_selected):hover .ff-el-form-check-label,.mm.on-dark .mm-cap b {color: #fff;}.mm.on-dark .mm-legend {color: rgba(255,255,255,.5);}.btn {display: inline-flex;align-items: center;gap: .5em;font-size: .98rem;padding: .82em 1.5em;border-radius: 100px;border: 1.5px solid transparent;transition: .18s;letter-spacing: .005em;}.btn:active {transform: translateY(1px);}.btn-primary {color: #fff;border-color: var(--emerald);}.btn-primary:hover {background: var(--emerald-3);border-color: var(--emerald-3);}.btn-ghost {background: 0 0;color: var(--emerald);border-color: rgba(13,64,48,.28);}.btn-ghost:hover {border-color: var(--emerald);background: rgba(13,64,48,.04);}.assess {max-width: 640px;margin: 0 auto;}.assess-card {background: #fff;border: 1px solid var(--line);border-radius: 16px;}.assess-head {background: var(--emerald);color: #fff;padding: 15px 22px;display: flex;justify-content: space-between;align-items: center;}.assess-opt,.vph {align-items: center;}.assess-eye {font-size: .72rem;letter-spacing: .14em;color: var(--gold);}.assess-dots {display: flex;gap: 5px;}.assess-dots i {width: 7px;height: 7px;border-radius: 50%;background: rgba(255,255,255,.25);}.assess-body {padding: 26px 24px;}.assess-q {font-size: 1.3rem;color: var(--emerald);margin: 0 0 18px;}.assess-opts {display: grid;gap: 10px;}.assess-opt {text-align: left;background: #fff;border: 1.5px solid var(--line);border-radius: 12px;padding: 13px 16px;font-size: 1rem;color: var(--ink);transition: .15s;display: flex;gap: 12px;}.assess-opt:hover {border-color: var(--teal);background: rgba(79,166,123,.06);}.assess-opt .n {flex: none;width: 24px;height: 24px;border-radius: 50%;border: 1.5px solid var(--line);display: flex;align-items: center;justify-content: center;font-size: .78rem;color: var(--ink-soft);}.assess-back {background: 0 0;border: 0;color: var(--ink-soft);font-size: .85rem;margin-top: 16px;padding: 0;}.assess-res.on {animation: .4s tpf;}.assess-badge {display: inline-block;font-size: .72rem;letter-spacing: .1em;color: var(--emerald);background: rgba(184,154,87,.16);border: 1px solid rgba(184,154,87,.4);padding: .32em .85em;border-radius: 100px;margin-bottom: 12px;}.res-block .k,.res-lbl,.res-phase .ph,.vph .tag {text-transform: uppercase;font-weight: 700;}.assess-res h3 {color: var(--emerald);font-size: 1.35rem;margin: 0 0 8px;}.assess-res .r-lead {color: var(--ink-soft);margin-bottom: 6px;}.res-lbl {font-size: .72rem;letter-spacing: .08em;color: #2f7d57;margin: 18px 0 8px;}.res-phases {display: grid;gap: 8px;}.res-phase {gap: 12px;align-items: flex-start;background: var(--parch);border-radius: 10px;padding: 11px 14px;}.res-phase .ph {font-size: .68rem;letter-spacing: .06em;color: var(--gold-2);flex: none;width: 82px;padding-top: 2px;}.res-phase .pt {font-size: .92rem;}.res-block {border-left: 3px solid var(--teal);padding: 2px 0 2px 14px;margin: 16px 0;}.res-block .k {font-size: .72rem;letter-spacing: .08em;color: #2f7d57;}.res-block p {margin: .25rem 0 0;font-size: .95rem;}.assess-cta {margin-top: 20px;gap: 10px;flex-wrap: wrap;align-items: center;}.assess-micro {font-size: .82rem;color: var(--ink-soft);margin: .9rem 0 0;}.vph {position: relative;max-width: 880px;margin: 0 auto;aspect-ratio: 16/9;border-radius: 22px;background-image: var(--vph-thumb,url("https://hifdhacademy.salite.top/wp-content/uploads/2026/08/thumb-scaled.webp"));background-size: cover;background-position: center;border: 2px dashed rgba(184,154,87,.7);justify-content: center;flex-direction: column;gap: 14px;color: #fff;text-align: center;}.vph .tag {position: absolute;top: 14px;left: 14px;font-size: .66rem;letter-spacing: .14em;background: var(--gold);color: var(--emerald);padding: .4em .9em;border-radius: 100px;z-index: 2;}.vph .play {width: 84px;height: 84px;border-radius: 50%;background: rgba(11,24,20,0.88);border: 4.5px solid #B89A57;align-items: center;justify-content: center;transition: transform .3s ease,background .3s ease,border-color .3s ease;z-index: 2;box-shadow: 0 8px 24px rgba(0,0,0,0.35);}.vph .play:hover {transform: scale(1.08);background: rgba(15,32,27,0.92);border-color: #d4b26f;}.vph .play svg {width: 30px;height: 30px;color: #B89A57;fill: #B89A57;margin-left: 6px;transition: transform .3s ease,color .3s ease;}.vph .play svg path,.vph .play svg polygon {stroke: currentColor;stroke-width: 3px;stroke-linejoin: round;}.vph .play:hover svg {transform: scale(1.05);color: #d4b26f;fill: #d4b26f;}.vph .t {font-size: 1.3rem;padding: 0 20px;z-index: 2;}.vph .s {font-size: .85rem;color: rgba(255,255,255,.65);max-width: 52ch;margin: 0;padding: 0 24px;z-index: 2;}.vph iframe,.vph video {position: absolute;inset: 0;width: 100%;height: 100%;border: 0;border-radius: 22px;}@media (max-width:560px) {.vph .play {width: 64px;height: 64px;border-width: 3.5px;}.vph .play svg {width: 22px;height: 22px;margin-left: 4px;}.vph .play svg path,.vph .play svg polygon {stroke-width: 2px;}.vph .t {font-size: 1.05rem;}.vph .s {font-size: .78rem;}.vph .tag {font-size: .6rem;top: 10px;left: 10px;}}@media (max-width:720px) {.cls,.rep {grid-template-columns: 1fr;}.tour-panels {min-height: 0;}}.custom-segmented-control {display: flex!important;flex-direction: column!important;align-items: stretch!important;width: 100%!important;}.custom-segmented-control .ff-el-form-title,.custom-segmented-control .ff-el-toogle-wrapper {display: block!important;width: 100%;margin-bottom: 8px;}.custom-segmented-control .ff-el-input--content {display: flex!important;flex-direction: row!important;width: 100%!important;background: rgba(255,255,255,.06);gap: 4px;box-sizing: border-box;}.custom-segmented-control .ff-el-form-check input[type=radio] {position: absolute!important;top: 0!important;left: 0!important;opacity: 0!important;width: 100%!important;height: 100%!important;margin: 0!important;pointer-events: none!important;}.custom-segmented-control .ff-el-form-check {margin: 0!important;padding: 0!important;display: block!important;flex: 1 1 0%!important;border-radius: 8px;transition: .2s;position: relative!important;}.custom-segmented-control .ff-el-form-check-label {display: flex!important;border: 1px solid #E2E8E6;border-radius: 8px!important;align-items: center;justify-content: center;width: 100%!important;padding: 10px 0;font-family: Inter,system-ui,sans-serif;font-size: 15px;font-weight: 500;color: #0D4030!important;cursor: pointer;user-select: none;margin: 0!important;box-sizing: border-box;transition: border-color .2s, background-color .2s, box-shadow .2s;}.custom-segmented-control .ff-el-form-check:not(.ff_item_selected):hover {background: #F1F8F5;}.custom-segmented-control .ff-el-form-check:not(.ff_item_selected):hover .ff-el-form-check-label {border-color: #4FA67B;background: #F1F8F5;color: #0D4030!important;}.custom-segmented-control .ff-el-form-check.ff_item_selected {background: #F1F8F5;}.custom-segmented-control .ff-el-form-check.ff_item_selected .ff-el-form-check-label {color: #0D4030!important;border-color: #4FA67B;box-shadow: 0 2px 8px rgba(184,154,87,.25);}#fluentform_3 .ff-el-group:has(#ff_3_dropdown) {display: flex!important;flex-direction: column!important;align-items: stretch!important;width: 100%!important;}#fluentform_3 label[for=ff_3_dropdown] {color: #0D4030!important;font-family: Inter,system-ui,sans-serif;font-size: 15px!important;font-weight: 500!important;margin-bottom: 8px!important;display: block!important;}#fluentform_3 select#ff_3_dropdown {width: 100%!important;height: 48px!important;background-color: rgba(255,255,255,.06)!important;border: 1px solid #E2E8E6!important;border-radius: 12px!important;color: rgb(0 0 0) !important;padding: 0 40px 0 16px!important;font-family: Inter,system-ui,sans-serif;font-size: 16px!important;font-weight: 400!important;transition: .2s ease-in-out!important;box-sizing: border-box!important;appearance: none!important;-webkit-appearance: none!important;-moz-appearance: none!important;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>")!important;background-repeat: no-repeat!important;background-position: right 16px center!important;background-size: 16px!important;}#fluentform_3 select#ff_3_dropdown:focus {background-color: rgba(255,255,255,.09)!important;border-color: #0D4030!important;box-shadow: 0 0 0 3px rgba(13,64,48,.2)!important;outline: 0!important;}#fluentform_3 select#ff_3_dropdown option {background-color: #124d3a!important;color: #fff!important;padding: 12px!important;font-family: Inter,system-ui,sans-serif;}#fluentform_3_success span {color: #0D4030 !important;}#fluentform_5_success span {color: #0D4030 !important;}@media (max-width:600px) {.custom-segmented-control .ff-el-input--content {flex-direction: column!important;}.custom-segmented-control .ff-el-form-check {flex: none!important;width: 100%!important;}}