:root{--paper: #F7F5F0;--brand: #1E3A5F;--brass: #B0873B;--line: #E7E2D8;--ink: #1B2A3A}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}input,button,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2.5px solid var(--brass);outline-offset:2px;border-radius:8px}.navlink{font-size:14.5px;font-weight:500;color:var(--ink);padding:6px 2px;border-bottom:2px solid transparent;transition:border-color .18s}.navlink:hover,.navlink.active{border-color:var(--brass)}.header-navlink{color:#ffffffeb;padding:6px 12px;border-radius:10px}.header-navlink:hover{border-color:#fff}.header-navlink.active{border-color:transparent;color:#fff;background:var(--brand)}.header-navlink.nav-quran.active{background:#256e4f}.foot a{color:#ffffffbf;font-size:14px;display:block;padding:5px 0;transition:color .15s}.foot a:hover{color:#fff}.lift{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.lift:hover{transform:translateY(-4px);box-shadow:0 16px 34px #1b2a3a1a;border-color:#dad3c5}.btn-hover-primary{transition:filter .15s ease}.btn-hover-primary:hover{filter:brightness(.9)}.btn-hover-tint{transition:background-color .15s ease}.btn-hover-tint:hover{background:var(--hover-bg, #F3F1EC)!important}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.rich-text-editable:empty:before{content:attr(data-placeholder);color:#8a96a1}.rich-text-editable ul,.rich-text-editable ol{padding-inline-start:22px;margin:8px 0}.rich-text-editable blockquote{margin:8px 0;padding-inline-start:12px;border-inline-start:3px solid var(--brass);color:#5e6b77}.news-body p{margin:0 0 18px}.news-body ul,.news-body ol{padding-inline-start:22px;margin:0 0 18px}.news-body blockquote{margin:0 0 18px;padding-inline-start:14px;border-inline-start:3px solid var(--brass);color:var(--ink)}.news-body a{color:var(--brand);font-weight:600;text-decoration:underline}.dd-option{transition:background-color .12s ease}.dd-option:hover{background:#eaf0f6!important}.subject-row{transition:background-color .12s ease}.subject-row:hover{background:#f3efe6!important}.exam-chip{transition:background-color .12s ease,border-color .12s ease}.exam-chip:hover{background:#fff3!important;border-color:#ffffff52!important}.field-input{transition:border-color .15s ease}.field-input:hover{border-color:var(--brass)!important}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes sheetIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:none}}@keyframes slideInRtl{0%{transform:translate(-100%)}to{transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.po-scene{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#2a4d78,#1e3a5f 30%,#12263d 68%,#0b1a2b)}.po-sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;overflow:hidden}.po-sky .po-star{position:absolute;width:var(--s);height:var(--s);left:var(--x);top:var(--y);opacity:0;animation:po-twinkle var(--t) ease-in-out var(--d) infinite}.po-sky .po-star svg{width:100%;height:100%;display:block;fill:#e3cfa3}.po-depth{position:absolute;left:0;right:0;bottom:0;height:clamp(150px,26vh,260px);z-index:-1;pointer-events:none;overflow:hidden}.po-depth svg{position:absolute;left:0;width:200%;height:80px;will-change:transform}.po-depth path{fill:none;stroke-linecap:round;stroke-width:12;vector-effect:non-scaling-stroke}.po-depth .po-d1{bottom:84px;animation:po-drift 46s linear infinite}.po-depth .po-d1 path{stroke:#c69c54;opacity:.55}.po-depth .po-d2{bottom:46px;animation:po-drift 64s linear infinite reverse}.po-depth .po-d2 path{stroke:#a98a55;opacity:.34}.po-depth .po-d3{bottom:8px;animation:po-drift 88s linear infinite}.po-depth .po-d3 path{stroke:#7f735b;opacity:.22}.po-content{position:relative;z-index:1;width:100%;flex:1;display:flex;flex-direction:column;align-items:center}.po-footer{margin-top:auto;width:100%;padding:28px 24px 22px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:#f5f1e899}.po-footer a,.po-footer button{color:inherit;text-decoration:none;border-bottom:1px solid transparent;background:none;border-top:none;border-inline:none;padding:0;font:inherit;cursor:pointer}.po-footer a:hover,.po-footer a:focus-visible,.po-footer button:hover,.po-footer button:focus-visible{color:#fff;border-color:#c69c54;outline:none}.po-progress{height:8px;border-radius:999px;background:#ffffff29;overflow:hidden}.po-progress>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#a98a55,#c69c54,#e3cfa3);transition:width .4s cubic-bezier(.2,.8,.2,1)}@keyframes po-twinkle{0%,to{opacity:0;transform:scale(.6) rotate(0)}50%{opacity:var(--o);transform:scale(1) rotate(20deg)}}@keyframes po-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.po-sky .po-star{animation:none!important;opacity:var(--o)}.po-depth svg{animation:none!important}}