@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;700&display=swap);:root{--font-heading:"Outfit",system-ui,sans-serif;--font-body:"Outfit",system-ui,sans-serif;--font-code:"JetBrains Mono",monospace;--color-primary:#f43f5e;--color-primary-light:#fb7185;--color-primary-dark:#e11d48;--color-secondary:#8b5cf6;--color-cta:#06d6a0;--color-cta-light:#34d399;--color-warning:#ffd166;--color-error:#ef4444;--color-bg:#f8fafc;--color-bg-alt:#f1f5f9;--color-surface:#fff;--color-text:#0f172a;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-border-light:#0000000d;--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 6px -1px #00000014;--shadow-md:0 6px 12px -2px #00000014;--shadow-lg:0 10px 30px -15px #0000001a;--shadow-xl:0 20px 60px -15px #0000001f;--shadow-3d:0 10px 30px -15px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px 0 0 #fffc;--shadow-glow:0 0 20px #f43f5e26;--radius-sm:8px;--radius:12px;--radius-md:14px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--transition-micro:all 150ms ease;--transition-standard:all 200ms ease;--transition-complex:all 300ms ease}[data-theme=dark]{--color-bg:#04060f;--color-bg-alt:#060a17;--color-surface:#0a0d1a;--color-text:#f9fafb;--color-text-muted:#6b7280;--color-border:#f43f5e17;--color-border-light:#ffffff0a;--shadow-sm:0 1px 2px #0000004d;--shadow:0 4px 6px -1px #0006;--shadow-md:0 6px 12px -2px #0006;--shadow-lg:0 10px 30px -15px #00000080;--shadow-xl:0 20px 60px -15px #0009;--shadow-3d:0 10px 30px -15px #00000080,0 4px 6px -2px #0000004d,inset 0 1px 0 0 #ffffff0d;--shadow-glow:0 0 20px #f43f5e40}[data-theme=light]{--color-text-muted:#64748b;--color-border-light:#0000000d;--shadow:0 4px 6px -1px #00000014;--shadow-md:0 6px 12px -2px #00000014;--shadow-lg:0 10px 30px -15px #0000001a;--shadow-xl:0 20px 60px -15px #0000001f;--shadow-3d:0 10px 30px -15px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px 0 0 #fffc;--shadow-glow:0 0 20px #f43f5e26}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#0f172a;color:var(--color-text);font-family:Outfit,system-ui,sans-serif;font-family:var(--font-body);letter-spacing:-.01em;line-height:1.6;margin:0}code{font-family:JetBrains Mono,monospace;font-family:var(--font-code)}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--color-text);font-family:Outfit,system-ui,sans-serif;font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;line-height:1.25}.shadow-3d{box-shadow:0 10px 30px -15px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px 0 0 #fffc;box-shadow:var(--shadow-3d)}.shadow-glow{box-shadow:0 0 20px #f43f5e26;box-shadow:var(--shadow-glow)}.transition-micro{transition:all .15s ease;transition:var(--transition-micro)}.transition-standard{transition:all .2s ease;transition:var(--transition-standard)}.transition-complex{transition:all .3s ease;transition:var(--transition-complex)}.btn-premium-3d{animation:gradMove 3s ease infinite;background:linear-gradient(90deg,#f43f5e,#ec4899,#8b5cf6,#f43f5e);background-size:250% 250%;border:none;border-radius:13px;box-shadow:0 5px 28px #f43f5e73;color:#fff;cursor:pointer;font-family:Outfit,system-ui,sans-serif;font-family:var(--font-body);font-weight:700;letter-spacing:.02em;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-premium-3d:hover{box-shadow:0 8px 36px #f43f5e8c;transform:translateY(-3px) scale(1.02)}.btn-premium-3d:active{transform:translateY(-1px) scale(.98)}.btn-premium-success{background:linear-gradient(135deg,#06d6a0,#34d399);border:none;border-radius:13px;box-shadow:0 5px 24px #06d6a066;color:#fff;cursor:pointer;font-family:Outfit,system-ui,sans-serif;font-family:var(--font-body);font-weight:700;padding:12px 24px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-premium-success:hover{box-shadow:0 8px 32px #06d6a080;transform:translateY(-3px) scale(1.02)}.btn-premium-success:active{transform:translateY(-1px) scale(.98)}.card-premium-3d{background:linear-gradient(145deg,#0a0d1a,#060a17);border:1px solid #f43f5e1f;border-radius:20px;box-shadow:0 20px 60px -15px #00000080,0 10px 30px -10px #0006,inset 0 1px 0 #ffffff08;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.card-premium-3d:hover{box-shadow:0 30px 80px -15px #f43f5e26,0 15px 40px -10px #00000080,0 0 60px #f43f5e1a;transform:translateY(-3px)}.glow-border-animated{background:#0a0d1a;border-radius:16px;position:relative}.glow-border-animated:before{animation:glow-rotate 3s linear infinite;background:linear-gradient(45deg,#f43f5e,#8b5cf6,#06d6a0,#f43f5e);background-size:300% 300%;border-radius:18px;content:"";inset:-3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:3px;pointer-events:none;position:absolute;transition:opacity .3s}.glow-border-animated:focus-within:before,.glow-border-animated:hover:before{opacity:1}@keyframes glow-rotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.glass-premium{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0a0d1ab3;border:1px solid #f43f5e1f;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff0d,inset 0 -1px 0 #0003}.stat-icon-premium{align-items:center;border-radius:10px;display:flex;height:36px;justify-content:center;position:relative;width:36px}.stat-card-premium{background:linear-gradient(145deg,#04060ffa,#0a0e1cf2);border:1px solid #f43f5e26;border-radius:18px;box-shadow:inset 0 1px 0 #f43f5e1a;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .22s ease}.stat-card-premium:hover{box-shadow:0 12px 40px -10px #f43f5e33,inset 0 1px 0 #f43f5e1a;transform:translateY(-3px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes gradMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes orb{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.04)}}@keyframes scan{0%{top:-80px}to{top:110%}}@keyframes rglow{0%,to{box-shadow:0 0 20px #f43f5e4d}50%{box-shadow:0 0 45px #f43f5ea6}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.f-up{animation:fadeUp .55s cubic-bezier(.16,1,.3,1) both}.orb{animation:orb 7s ease-in-out infinite}.spin-slow{animation:spin-slow 10s linear infinite}.card-lift{transition:transform .22s ease,box-shadow .22s ease}.card-lift:hover{transform:translateY(-3px)}.animate-slide-up{animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#f43f5e33;border-radius:10px}::-webkit-scrollbar-track{background:#0000}.ant-modal-content .InputField,.contentArea .InputField,.contentArea input[type=email],.contentArea input[type=password],.contentArea input[type=text],.contentArea select,.contentArea textarea,.popup-content .InputField{background-color:#ffffff08;border:1px solid #ffffff14;border-radius:12px;color:#e2e8f0;font-family:Outfit,system-ui,sans-serif;font-family:var(--font-body);transition:border-color .2s ease}.ant-modal-content .InputField:focus,.contentArea .InputField:focus,.contentArea input:focus,.contentArea select:focus,.contentArea textarea:focus,.popup-content .InputField:focus{border-color:#f43f5e66;outline:none}.ant-modal-content .InputField::placeholder,.contentArea .InputField::placeholder,.contentArea input::placeholder,.popup-content .InputField::placeholder{color:#4b5563}.ant-card{background:#0a0d1a;border-color:#ffffff0f;color:#f9fafb}.ant-input,.ant-picker,.ant-select-selector{background-color:#ffffff08!important;border-color:#ffffff14!important;color:#e2e8f0!important}.ant-select-dropdown{background-color:#0a0d1a}.ant-select-item{color:#e2e8f0}.ant-select-item-option-active,.ant-select-item-option-selected{background-color:#f43f5e1a!important}.ant-table{background:#0a0d1a;color:#e2e8f0}.ant-table-thead>tr>th{background:#060a17!important;border-color:#ffffff0f!important;color:#e2e8f0!important}.ant-table-tbody>tr>td{border-color:#ffffff0a!important;color:#d1d5db}.ant-table-tbody>tr:hover>td{background:#f43f5e0f!important}.ant-pagination .ant-pagination-item{background:#ffffff08;border-color:#ffffff14}.ant-pagination .ant-pagination-item a,.ant-spin-text{color:#e2e8f0}.ant-empty-description{color:#6b7280}.ant-modal-content{background-color:#0a0d1a!important;color:#e2e8f0}.ant-modal-header{background-color:#0a0d1a!important;border-bottom-color:#ffffff0f!important}.ant-modal-title{color:#f9fafb!important}.ant-modal-close-icon{color:#6b7280}table,th{color:#e2e8f0}th{background-color:#060a17;border-color:#ffffff0f}td{border-color:#ffffff0a}tr:hover{background-color:#f43f5e0a}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-theme=light]{--color-bg:#f8fafc;--color-bg-alt:#f1f5f9;--color-surface:#fff;--color-text:#0f172a;--color-text-muted:#475569;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--main-bg-color:#f8fafc;--bg-card:#fff;--heading-color:#0f172a;--text-color:#334155;--text-main:#334155;--text-muted:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--label-color:#64748b;--sub-heading:#64748b;--inner-div-color:#f1f5f9;--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 6px -1px #0000001a;--shadow-md:0 6px 12px -2px #0000001a;--shadow-lg:0 10px 30px -15px #f43f5e26;--shadow-xl:0 20px 60px -15px #f43f5e33;--shadow-3d:0 10px 30px -15px #f43f5e26,0 4px 6px -2px #0000000d,inset 0 1px 0 0 #ffffffe6;--shadow-glow:0 0 20px #f43f5e33}[data-theme=light] body{background-color:#f8fafc;color:#0f172a}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#0f172a}[data-theme=light] .card-premium-3d{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #f43f5e1f;box-shadow:0 20px 60px -15px #f43f5e1a,0 10px 30px -10px #00000014,inset 0 1px 0 #ffffffe6}[data-theme=light] .glass-premium{background:#ffffffb3;border:1px solid #f43f5e1f;box-shadow:0 8px 32px #f43f5e14}[data-theme=light] .glow-border-animated{background:#fff}[data-theme=light] .stat-card-premium{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #f43f5e1a;box-shadow:0 10px 30px -10px #f43f5e1a}[data-theme=light] .ant-modal-content .InputField,[data-theme=light] .contentArea .InputField,[data-theme=light] .contentArea input[type=email],[data-theme=light] .contentArea input[type=password],[data-theme=light] .contentArea input[type=text],[data-theme=light] .contentArea select,[data-theme=light] .contentArea textarea,[data-theme=light] .popup-content .InputField{background-color:#fff;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .ant-modal-content .InputField::placeholder,[data-theme=light] .contentArea .InputField::placeholder,[data-theme=light] .contentArea input::placeholder,[data-theme=light] .popup-content .InputField::placeholder{color:#94a3b8}[data-theme=light] .ant-card{background:#fff;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .ant-input,[data-theme=light] .ant-picker,[data-theme=light] .ant-select-selector{background-color:#fff!important;border-color:#e2e8f0!important;color:#0f172a!important}[data-theme=light] .ant-select-dropdown{background-color:#fff}[data-theme=light] .ant-select-item{color:#0f172a}[data-theme=light] .ant-select-item-option-active,[data-theme=light] .ant-select-item-option-selected{background-color:#f43f5e0f!important}[data-theme=light] .ant-table{background:#fff;color:#0f172a}[data-theme=light] .ant-table-thead>tr>th{background:#f8fafc!important;border-color:#e2e8f0!important;color:#0f172a!important}[data-theme=light] .ant-table-tbody>tr>td{border-color:#e2e8f0!important;color:#334155}[data-theme=light] .ant-table-tbody>tr:hover>td{background:#f43f5e0a!important}[data-theme=light] .ant-modal-content{background-color:#fff!important;color:#0f172a}[data-theme=light] .ant-modal-header{background-color:#fff!important}[data-theme=light] .ant-modal-title{color:#0f172a!important}[data-theme=light] .ant-pagination .ant-pagination-item{background:#fff;border-color:#e2e8f0}[data-theme=light] .ant-pagination .ant-pagination-item a,[data-theme=light] table{color:#0f172a}[data-theme=light] th{background-color:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] td{border-color:#e2e8f0}[data-theme=light] tr:hover{background-color:#f43f5e08}[data-theme=light]::-webkit-scrollbar-thumb{background:#f43f5e26}.ant-modal{margin:20px auto!important;max-width:95vw!important;top:20px!important}.ant-modal-content{max-height:88vh!important;overflow-y:auto!important;scrollbar-color:#f43f5e66 #0000!important;scrollbar-width:thin!important}.ant-modal-body{max-height:calc(88vh - 80px)!important;overflow-y:auto!important}.popup-content{max-height:88vh!important;max-width:95vw!important;overflow-y:auto!important;scrollbar-width:thin!important}.modal-content,.modal-dialog{max-height:90vh!important}.modal-content{overflow-y:auto!important}:root{--primary-color:#004e40;--primary-light:#064e3b;--active-red:red;--primary-gradient:linear-gradient(135deg,#004e40,#064e3b);--secondary-color:#111827;--accent-teal:#00d084;--accent-orange:#f59e0b;--accent-color:#f59e0b;--main-bg-color:#edf6ee;--bg-card:#fff;--surface-color:#ffffffd9;--glass-border:1px solid #ffffff4d;--heading-font:"Outfit",sans-serif;--text-font:"Inter",sans-serif;--heading-color:#0f172a;--text-color:#334155;--text-main:#111827;--text-muted:#4b5563;--text-section:#adb5bd;--text-light:#64748b;--border-light:#e5e7eb;--border-color:#e5e7eb;--border-radius:12px;--card-radius:24px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-premium:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 1px 0 #0000001a;--card-shadow:var(--shadow-premium);--glass-bg:#ffffffb3;--glass-border-color:#ffffff4d;--transition-smooth:0.4s cubic-bezier(0.175,0.885,0.32,1.275);--transition-fast:0.2s ease;--gradient-green-button:linear-gradient(135deg,#16a34a,#22c55e);--gradient-theta-border:linear-gradient(135deg,#0ea5e3,red);--gradient-welcome:linear-gradient(180deg,#f0f9f4,#e8f5e9);--sub-heading-color:var(--secondary-color);--linkSentence-color:var(--primary-color);--button-background:var(--primary-color);--button-hover-background:var(--primary-gradient);--button-text:#fff;--label-size:0.85rem;--text-size:0.95rem;--heading-size:2rem;--sub-heading:1.5rem;--navlinks-size:0.9rem}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #ffffff4d;border:1px solid var(--glass-border-color)}.premium-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:24px;border-radius:var(--card-radius,24px);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;padding:1.75rem;position:relative;transition:.4s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition-smooth)}.premium-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-8px) scale(1.01)}.btn-primary{align-items:center;background:#004e40;background:var(--primary-color);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-family:var(--heading-font);font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:.4s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition-smooth)}.btn-primary:hover{box-shadow:0 4px 12px #0f766e4d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.form-input{border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;border-radius:var(--border-radius);font-family:Inter,sans-serif;font-family:var(--text-font);font-size:.95rem;padding:.85rem 1rem;transition:.2s ease;transition:var(--transition-fast);width:100%}.form-input:focus{border-color:#004e40;border-color:var(--primary-color);box-shadow:0 0 0 4px #0f766e1a;outline:none}.nav-item-enhanced{align-items:center;border-radius:12px;border-radius:var(--border-radius);color:#4b5563;color:var(--text-muted);cursor:pointer;display:flex;font-weight:500;gap:.75rem;margin-bottom:.25rem;padding:.85rem 1rem;transition:.4s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition-smooth)}.nav-item-enhanced:hover{background:#f3f4f6;color:red;color:var(--active-red)}.nav-item-enhanced.active{background:red;background:var(--active-red);box-shadow:0 4px 12px #ff000040;color:#fff}*{box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{-webkit-overflow-scrolling:touch;background-color:var(--color-bg);font-family:Inter,sans-serif;font-family:var(--text-font);min-height:100vh;overflow-y:auto}@media (min-width:993px){body:not(.login-page-body):not(.mock-standalone-active){overflow:hidden}}body.login-page-body,body.mock-standalone-active,body:has(.mock-standalone-root){height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}@media (max-width:992px){body,html{-webkit-overflow-scrolling:touch!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important}#root,.App,body,html{height:auto!important}#root,.App{min-height:100vh;overflow:visible!important}.PageContentSide,.layout{height:auto!important;min-height:100vh!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:visible!important}.PageContentSide{-webkit-overflow-scrolling:touch!important}.banner-darood,.darood-shareef-text,.darood-top-ribbon{display:none!important}}p{color:#334155;color:var(--text-color);font-family:Inter,sans-serif;font-family:var(--text-font);font-size:.95rem;font-size:var(--text-size);font-weight:500}.container::-webkit-scrollbar,.menuSide::-webkit-scrollbar{width:8px}.container::-webkit-scrollbar-thumb,.menuSide::-webkit-scrollbar-thumb{background-color:#004e40;background-color:var(--linkSentence-color);border-radius:10px}.container::-webkit-scrollbar-track,.menuSide::-webkit-scrollbar-track{background-color:initial;border-radius:10px}.subHeading{color:#111827;color:var(--sub-heading-color);font-family:var(--sub-heading-font);font-size:1.5rem;font-size:var(--sub-heading);font-weight:bolder}.PageContentCenter{align-items:center;background:radial-gradient(circle at 10% 20%,#f2f6fc 0,#e7eff6 90%);background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:20px}.container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#ffffffd9;background-color:var(--surface-color);border:1px solid #ffffff4d;border:var(--glass-border);border-radius:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 1px 0 #0000001a;box-shadow:var(--card-shadow);height:90vh;max-width:1200px;overflow-y:auto;padding:40px;width:100%}.signUpContainer{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}@media screen and (max-width:600px){.PageContentCenter{box-sizing:border-box;max-height:100vh;overflow-y:auto;padding:20px 10px;position:relative}.PageContentCenter .container{display:block;height:auto;max-height:none;overflow:visible}.container{padding:0}.signUpContainer{flex-direction:column}.leftSide{display:none!important}.rightSide{width:100%}}.leftSide,.rightSide{flex:1 1;min-width:300px}.leftSide{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.leftSide img{width:70%}.leftSide p{color:#334155;color:var(--text-color);font-size:.95rem;font-size:var(--text-size)}.formContainer{background:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;gap:20px;padding:30px}.formFieldsContainer{display:flex;flex-wrap:wrap;gap:10px}.InputFieldContainer{flex:1 1;min-width:100%}@media (min-width:600px){.InputFieldContainer{min-width:48%}}@media (max-width:600px){.InputFieldContainer{display:flex;flex-direction:column;flex-wrap:wrap}.InputField{width:100%!important}}.InputField{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:Inter,sans-serif;font-family:var(--text-font);font-size:.95rem;padding:12px 16px;transition:all .2s ease;width:100%}.InputField:focus{background-color:#fff;border-color:#004e40;border-color:var(--primary-color);box-shadow:0 0 0 3px #0f766e1a;outline:none}.InputField::placeholder{font-size:.85rem}form h4,h4{color:#0f172a;color:var(--heading-color);font-family:Outfit,sans-serif;font-family:var(--heading-font);font-size:2rem;font-size:var(--heading-size)}form h4{text-align:center}label{color:var(--label-color)}.linkSentence,label{font-family:var(--label-font);font-size:.85rem;font-size:var(--label-size)}.linkSentence{color:#004e40;color:var(--linkSentence-color);padding:10px 0;text-align:center}.linkSentence Link{color:inherit;text-decoration:none}.linkSentence Link:hover{text-decoration:underline}.btn{background:linear-gradient(135deg,#004e40,#064e3b);background:var(--primary-gradient);border:none;border-radius:10px;box-shadow:0 4px 6px -1px #0f766e33;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-family:var(--heading-font);font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn:hover{background:linear-gradient(135deg,#004e40,#064e3b);background:var(--button-hover-background);box-shadow:0 10px 15px -3px #0f766e4d;color:#fff;color:var(--button-text);transform:translateY(-2px)}form .btn{margin-top:7px}.streak-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:20px auto;max-width:600px;padding:20px 24px;transition:all .3s ease}.streak-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.streak-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.streak-card-left{flex:1 1}.streak-title{color:#60a5fa;font-family:Outfit,sans-serif;font-family:var(--heading-font);font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.streak-subtitle{color:#64748b;font-family:Inter,sans-serif;font-family:var(--text-font);font-size:13px;line-height:1.4;margin:0}.streak-card-right{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.streak-count{color:#1e293b;font-family:Outfit,sans-serif;font-family:var(--heading-font);font-size:36px;font-weight:700;line-height:1;margin-bottom:2px}.streak-label{color:#64748b;font-family:Inter,sans-serif;font-family:var(--text-font);font-size:12px;font-weight:500}.streak-indicators{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.streak-check{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #fff;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.streak-check:not(.active){background-color:#e2e8f0;box-shadow:none}.streak-fire-icon{align-items:center;display:flex;font-size:20px;justify-content:center;line-height:1}.streak-check.active{animation:checkPop .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:480px){.streak-card{padding:16px 18px}.streak-card-header{flex-direction:column;gap:12px}.streak-card-right{align-items:flex-start;width:100%}.streak-title{font-size:13px}.streak-subtitle{font-size:12px}.streak-count{font-size:28px}.streak-check{height:28px;width:28px}.streak-fire-icon{font-size:16px}}.NavLink,.NavLink:hover{color:inherit;text-decoration:none}.usePortalText{animation:blinkText 2s step-start infinite;color:#58155e;font-family:Outfit,sans-serif;font-family:var(--heading-font);font-size:20px;text-decoration:none}@keyframes blinkText{0%,to{color:#6b75cc}50%{color:#151c5e}}.pnf{align-items:center;background-color:#fff;border-radius:20px;color:#000;display:flex;flex-direction:column;height:80vh;justify-content:center;width:80%}.pnf-title{font-size:100px;font-weight:700}.pnf-heading,.pnf-title{font-family:Outfit,sans-serif;font-family:var(--heading-font)}.pnf-heading{font-weight:400}.pnf-btn{border:1px solid #000;color:#000;margin-top:10px;padding:10px;text-decoration:none}.pnf-btn:hover{background-color:#000;color:#fff}.btnContain{display:flex;justify-content:flex-end}.mcqQuestionFieldsContainer{margin-top:20px}.mcqQuestionFieldsContainer .FormFieldContainer2{width:100%}.TextBlue{color:#004e40;color:var(--linkSentence-color);font-family:Inter,sans-serif;font-family:var(--text-font);font-size:25px;font-weight:700}.indexNum{color:#0f172a;color:var(--heading-color);font-size:.95rem;font-size:var(--text-size)}.text-center{text-align:center}.pieChartPosition{align-items:center;display:flex;height:"60%";height:auto;justify-content:center;margin:20px auto;max-width:500px;width:"50%";width:50%}@media (max-width:768px){.pieChartPosition{width:95%}}@media (max-width:480px){.pieChartPosition{width:100%}}.responsive-content{flex-basis:100%;width:100%}@media (min-width:768px){.responsive-content{flex-basis:100%}}@media (min-width:992px){.d-flex{flex-wrap:nowrap}.responsive-content{flex-basis:48%;max-width:48%}}.spinner-container{height:50px;position:relative;width:50px}.spinner-circle{animation:rotate 1.5s linear infinite;border:4px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.spinner-circle.circle-1{border-top-color:#004e40;border-top-color:var(--button-background)}.spinner-circle.circle-2{animation-delay:.5s;border-right-color:#0f172a;border-right-color:var(--heading-color)}.spinner-circle.circle-3{animation-delay:1s;border-bottom-color:#004e40;border-bottom-color:var(--linkSentence-color)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sub-heading-color{color:#111827;color:var(--sub-heading-color);font-family:Outfit,sans-serif;font-family:var(--heading-font);font-size:30px;text-align:center}.noti-container{display:flex;flex-direction:column;gap:20px;justify-content:center}.notification-item{align-items:flex-start;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;padding:15px}.notification-date-container{margin-right:15px;margin-top:-10px;min-width:80px;text-align:left}.noti-icon{font-size:25px}.notification-date-left{color:#004e40;display:block;font-size:.8rem;font-weight:500}.notification-body-redesign{align-items:center;flex-grow:1;position:relative}.notification-message-redesign{color:#004e40;color:var(--linkSentence-color);font-family:Inter,sans-serif;font-family:var(--text-font);font-size:1.05rem;font-weight:700;margin-bottom:20px}.notification-time-right{bottom:0;color:#777;font-size:.7rem;position:absolute;right:0}.latest-notification-item{border-bottom:1px solid #004e40;border-bottom:1px solid var(--button-background);margin-bottom:10px;padding:10px 15px}.latest-notification-message{color:#1e3a8a;font-size:1rem;margin-bottom:5px}.latest-notification-date{color:#718096;font-size:.8rem}.subsContain{background-color:var(--inner-div-color);border-radius:20px;padding:20px}@keyframes float{0%{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-50px) rotate(10deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}to{transform:translate(0) rotate(0deg)}}@keyframes backgroundAnimate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-soft{0%{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}to{opacity:.4;transform:scale(1)}}.login-animated-bg{animation:backgroundAnimate 15s ease infinite;background:linear-gradient(-45deg,#e0f2f7,#f0f9ff,#e8f5e9,#fdf2f8);background-size:400% 400%;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.bg-animated-object{align-items:center;display:flex;justify-content:center;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:0}.bg-blur-circle{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4}.bg-icon-object{animation:float 15s ease-in-out infinite;font-size:2rem;opacity:.3}.bg-icon-object.dna{animation:float 18s ease-in-out infinite,spin 10s linear infinite;color:#0891b2}.bg-icon-object.sparkle{animation:pulse-soft 4s ease-in-out infinite;color:#f59e0b}.bg-icon-object.globe{animation:float 25s ease-in-out infinite,spin 20s linear infinite;color:#10b981}.gradient-text-animated{-webkit-text-fill-color:#0000;animation:backgroundAnimate 8s ease infinite;background:linear-gradient(-45deg,#1e293b,#0891b2,#0d9488,#1e293b);-webkit-background-clip:text;background-clip:text;background-size:300% 300%}@keyframes jumpAround{0%,to{transform:translate(0) rotate(0deg) scale(1)}25%{transform:translate(15px,-25px) rotate(5deg) scale(1.05)}50%{transform:translate(-10px,-15px) rotate(-3deg) scale(.95)}75%{transform:translate(8px,-20px) rotate(2deg) scale(1.02)}}.animate-jump{animation:jumpAround 3s ease-in-out infinite}@media (max-width:768px){.login-animated-bg .gradient-text-animated{font-size:2.2rem!important;line-height:1.2!important;margin-bottom:.3rem!important;padding:0 .5rem}.login-animated-bg .animate-jump{margin-bottom:.25rem!important;width:90px!important}.login-animated-bg{align-items:flex-start!important;padding:1rem 0!important}.login-animated-bg,.login-animated-bg>.container{height:auto!important;max-height:none!important;overflow:visible!important}.login-animated-bg>.container{min-height:auto!important;padding:0 1rem!important}.login-animated-bg .leftSide{display:block!important;width:100%!important}.login-animated-bg .container>div:first-child{margin-bottom:1.2rem!important}.login-animated-bg .container>div:first-child p{font-size:.85rem!important;padding:0 .5rem}.login-animated-bg .container>div:last-child{gap:1rem!important;grid-template-columns:1fr!important}.login-animated-bg .card-premium-3d,.login-animated-bg .formContainer,.login-animated-bg form{border-radius:18px!important;padding:1.5rem 1.2rem!important}.login-animated-bg .formContainer h4,.login-animated-bg form h4{font-size:1.4rem!important}.login-animated-bg form>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.login-animated-bg .btn-premium-3d{font-size:.95rem!important;height:48px!important}.login-animated-bg .bg-animated-object:not(.bg-blur-circle){display:none!important}.login-animated-bg .bg-blur-circle{height:200px!important;opacity:.25!important;width:200px!important}.quran-popup-wrapper{padding:0 10px;top:10px}.quran-popup-card{border-radius:16px!important;max-width:480px!important;padding:16px 20px!important}.quran-popup-close-btn{font-size:14px!important;height:24px!important;right:-10px!important;top:-10px!important;width:24px!important}.quran-popup-title{font-size:.72rem!important;margin-bottom:8px!important}.quran-popup-arabic{font-size:1.25rem!important;line-height:1.8!important;margin-bottom:8px!important;padding:6px 0!important}.quran-popup-urdu{font-size:1rem!important;line-height:1.8!important;margin-bottom:6px!important}.quran-popup-english{font-size:.82rem!important;line-height:1.4!important;margin-bottom:6px!important}.quran-popup-reference{font-size:.72rem!important;margin-top:6px!important}.login-page-body{overflow:auto!important}.PageContentCenter.login-animated-bg{-webkit-overflow-scrolling:touch!important;height:100vh!important;max-height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important}}.quran-popup-wrapper{display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:20px;z-index:1000}.quran-popup-card{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#0f172acc!important;border:1px solid #f43f5e33;border-radius:20px;box-shadow:0 10px 40px -10px #00000080;max-width:600px;padding:20px 28px;pointer-events:auto;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:90%}[data-theme=light] .quran-popup-card{background:#ffffffd9!important;border:1px solid #f43f5e26;box-shadow:0 10px 40px -10px #f43f5e1f}.quran-popup-close-btn{align-items:center;border-radius:50%!important;cursor:pointer;display:flex!important;font-size:16px!important;height:28px;justify-content:center;padding:0!important;position:absolute;right:-12px;top:-8px;width:28px;z-index:10}.quran-popup-title{color:#f43f5e;font-size:.8rem;font-weight:800;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.quran-popup-arabic{border-bottom:1px solid #f43f5e26;color:#f8fafc;direction:rtl;font-family:Amiri,Traditional Arabic,serif;font-size:1.6rem;line-height:2.1;margin-bottom:12px;padding:8px 0}[data-theme=light] .quran-popup-arabic{color:#0f172a}.quran-popup-urdu{color:#cbd5e1;direction:rtl;font-family:Noto Nastaliq Urdu,Traditional Arabic,serif;font-size:1.15rem;line-height:2;margin-bottom:8px}[data-theme=light] .quran-popup-urdu{color:#334155}.quran-popup-english{color:#94a3b8;font-size:.95rem;font-style:italic;line-height:1.5;margin-bottom:10px}[data-theme=light] .quran-popup-english{color:#475569}.quran-popup-reference{color:#f43f5e;font-size:.8rem;font-weight:700;margin-top:8px}.bi-preview-img-frame,.explanation-image-frame,.mcq-image-container,.mcq-image-frame,.question-image-frame{align-items:center!important;background:#fff;background:var(--bg-card,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e2e8f0);border-radius:14px!important;box-shadow:0 4px 12px #0000000a!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;margin:12px auto 16px!important;max-width:100%!important;overflow:hidden!important;padding:10px!important;position:relative!important;width:100%!important}[data-theme=dark] .explanation-image-frame,[data-theme=dark] .mcq-image-container,[data-theme=dark] .mcq-image-frame,[data-theme=dark] .question-image-frame{background:#0f172acc!important;border-color:#ffffff1f!important;box-shadow:0 4px 16px #0006!important}.explanation-box img,.explanation-image-frame img,.mcq-image-container img,.mcq-image-frame img,.muq-battle-q-img,.muq-review-q-img,.option-item img,.question-box img,.question-container img,.question-image-frame img,.question-text-enhanced img,.questionText img,.quiz-mcq-container img,.sq-q-image,.test-runner-container img{border-radius:8px!important;display:block!important;height:auto!important;margin:0 auto!important;max-height:440px!important;max-width:100%!important;object-fit:contain!important;pointer-events:auto!important;width:auto!important}@media (max-width:768px){.explanation-image-frame,.mcq-image-container,.mcq-image-frame,.question-image-frame{border-radius:10px!important;margin:8px auto 12px!important;padding:6px!important}.explanation-box img,.explanation-image-frame img,.mcq-image-container img,.mcq-image-frame img,.muq-battle-q-img,.muq-review-q-img,.option-item img,.question-box img,.question-container img,.question-image-frame img,.question-text-enhanced img,.questionText img,.quiz-mcq-container img,.sq-q-image,.test-runner-container img{max-height:260px!important;max-width:100%!important}}.mcq-image-smart-wrap{min-height:60px;position:relative!important}.mcq-img-hidden{opacity:0!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important}.mcq-img-visible{animation:mcqImgFadeIn .35s ease-in-out!important;opacity:1!important;transition:opacity .35s cubic-bezier(.4,0,.2,1)!important}@keyframes mcqImgFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.mcq-image-loader-box{align-items:center!important;animation:mcqLoaderPulse 2s ease-in-out infinite!important;background:linear-gradient(135deg,#f43f5e0d,#6366f10d)!important;border:1.5px dashed #f43f5e4d!important;border-radius:12px!important;display:flex!important;gap:14px!important;justify-content:center!important;min-height:80px!important;padding:14px 18px!important;text-align:left!important;width:100%!important}[data-theme=dark] .mcq-image-loader-box{background:linear-gradient(135deg,#f43f5e1f,#6366f11f)!important;border-color:#f43f5e66!important}@keyframes mcqLoaderPulse{0%,to{opacity:.85}50%{opacity:1}}.mcq-image-loader-icon-wrap{align-items:center!important;background:#f43f5e1f!important;border-radius:50%!important;color:#f43f5e!important;display:flex!important;flex-shrink:0!important;height:38px!important;justify-content:center!important;width:38px!important}.mcq-image-spinner-icon{animation:mcqSpin 1s linear infinite!important;font-size:1.35rem!important}@keyframes mcqSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mcq-image-loader-texts{display:flex!important;flex-direction:column!important;gap:2px!important}.mcq-image-loader-title{color:#334155!important;color:var(--text-color,#1e293b)!important;font-size:.9rem!important;font-weight:700!important;letter-spacing:.2px!important}[data-theme=dark] .mcq-image-loader-title{color:#f1f5f9!important}.mcq-image-loader-subtitle{color:#4b5563!important;color:var(--text-muted,#64748b)!important;font-size:.76rem!important;font-weight:500!important}.mcq-image-error-box{align-items:center!important;background:#ef444414!important;border:1.5px solid #ef44444d!important;border-radius:12px!important;display:flex!important;gap:12px!important;justify-content:center!important;padding:12px 16px!important;width:100%!important}.mcq-image-error-icon{color:#ef4444!important;flex-shrink:0!important;font-size:1.5rem!important}.mcq-image-error-texts{display:flex!important;flex-direction:column!important}.mcq-image-error-title{color:#ef4444!important;font-size:.86rem!important;font-weight:700!important}.mcq-image-error-subtitle{color:#4b5563!important;color:var(--text-muted,#64748b)!important;font-size:.75rem!important}.mcq-image-retry-btn{align-items:center!important;background:#ef4444!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.78rem!important;font-weight:700!important;gap:5px!important;margin-left:auto!important;padding:5px 12px!important;transition:all .2s ease!important}.mcq-image-retry-btn:hover{background:#dc2626!important;transform:translateY(-1px)!important}@media (max-width:768px){.mcq-image-loader-box{gap:8px!important;min-height:64px!important;padding:10px 12px!important}.mcq-image-loader-icon-wrap{height:30px!important;width:30px!important}.mcq-image-spinner-icon{font-size:1.05rem!important}.mcq-image-loader-title{font-size:.82rem!important}.mcq-image-loader-subtitle{font-size:.7rem!important}.mcq-image-error-box{flex-wrap:wrap!important;gap:6px!important}.mcq-image-retry-btn{justify-content:center!important;margin-top:4px!important;width:100%!important}}