:root{--bg-main:#fff;--bg-alt:#f8fafc;--bg-card:#fff;--bg-card-border:#e2e8f0;--bg-card-border-hover:#c7d2fe;--primary-blue:#2563eb;--primary-blue-hover:#1d4ed8;--primary-indigo:#4f46e5;--accent-purple:#7c3aed;--accent-pink:#ec4899;--accent-yellow:#f59e0b;--accent-yellow-light:#fef3c7;--primary-gradient:linear-gradient(135deg,#2563eb 0%,#4f46e5 50%,#7c3aed 100%);--electric-blue-gradient:linear-gradient(135deg,#1e40af 0%,#2563eb 50%,#3b82f6 100%);--card-hover-gradient:linear-gradient(135deg,#fff 0%,#f8fafc 100%);--text-main:#0f172a;--text-muted:#475569;--text-light:#64748b;--shadow-sm:0 2px 4px rgba(15,23,42,.03);--shadow-md:0 10px 30px -5px rgba(15,23,42,.05),0 4px 6px -4px rgba(15,23,42,.02);--shadow-lg:0 20px 45px -10px rgba(15,23,42,.08),0 8px 16px -6px rgba(15,23,42,.03);--shadow-glow-purple:0 20px 50px -10px rgba(79,70,229,.2),0 10px 25px -5px rgba(15,23,42,.05);--shadow-glow-blue:0 15px 35px rgba(37,99,235,.25);--radius-sm:10px;--radius-md:18px;--radius-lg:28px}html{scrollbar-width:thin;scrollbar-color:#2563eb #f1f5f9;overflow-x:clip;overflow-y:auto;scroll-behavior:smooth}html.dark,.dark{scrollbar-color:#3b82f6 #0f172a}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2563eb 0%,#4f46e5 100%);border-radius:99px;border:2px solid #f1f5f9}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1d4ed8 0%,#3730a3 100%)}html.dark::-webkit-scrollbar-track,.dark::-webkit-scrollbar-track,html.dark ::-webkit-scrollbar-track,.dark ::-webkit-scrollbar-track{background:#0f172a !important}html.dark::-webkit-scrollbar-thumb,.dark::-webkit-scrollbar-thumb,html.dark ::-webkit-scrollbar-thumb,.dark ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6 0%,#6366f1 100%) !important;border:2px solid #0f172a !important;border-radius:99px !important}html.dark::-webkit-scrollbar-thumb:hover,.dark::-webkit-scrollbar-thumb:hover,html.dark ::-webkit-scrollbar-thumb:hover,.dark ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5fa 0%,#818cf8 100%) !important}body{background-color:#f8fafc;color:var(--text-main);font-family:'Readex Pro','Tajawal',system-ui,-apple-system,sans-serif;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}html.dark,html.dark body,body.dark,.dark{background-color:#0b0f17 !important;color:#f8fafc}h1,h2,h3,h4,h5,h6{font-family:'Tajawal','Readex Pro',sans-serif;font-weight:800;color:var(--text-main);letter-spacing:-.3px}.hero-headline{font-size:clamp(2.4rem,6.2vw,4.3rem);font-weight:900;line-height:1.22;margin-bottom:1.5rem;color:#0f172a}.hero-highlight-text{background:linear-gradient(135deg,#2563eb 0%,#4f46e5 40%,#7c3aed 75%,#db2777 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 15px rgba(37,99,235,.3));display:inline-block}.section-padding{padding:90px 0}.section-padding-sm{padding:60px 0}.bg-section-white{background-color:#fff}.bg-section-soft{background-color:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.theme-toggle-btn{cursor:pointer;padding:.4rem .6rem;border-radius:.6rem;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.theme-toggle-btn:hover{background-color:rgba(0,0,0,.05);transform:scale(1.08)}.dark .theme-toggle-btn:hover{background-color:rgba(255,255,255,.1)}.theme-icon-sun{display:none}.theme-icon-moon{display:inline-block}.dark .theme-icon-sun{display:inline-block}.dark .theme-icon-moon{display:none}.card-nav-container{position:fixed;top:1.2rem;left:50%;transform:translateX(-50%);width:90%;max-width:900px;z-index:1000;box-sizing:border-box}.card-nav{display:block;height:60px;background-color:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.85);border-radius:1rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.08);position:relative;overflow:visible;will-change:height}.card-nav.open{overflow:hidden}.card-nav-top{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.25rem;z-index:2;user-select:none;-webkit-user-select:none}.hamburger-menu{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:6px;padding:0 8px}.hamburger-line{width:24px;height:2px;background-color:#0f172a;transition:transform .25s ease,opacity .2s ease;transform-origin:50% 50%}.hamburger-menu.open .hamburger-line:first-child{transform:translateY(4px) rotate(45deg)}.hamburger-menu.open .hamburger-line:last-child{transform:translateY(-4px) rotate(-45deg)}.logo-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.brand-text{font-size:1.35rem;font-weight:900;font-family:'Tajawal',sans-serif;color:#0f172a}.card-nav-cta-button{background-color:#2563eb;color:#fff !important;border-radius:.6rem;padding:.5rem 1.25rem;font-weight:700;font-size:.9rem;transition:background-color .2s ease,transform .2s ease;user-select:none;-webkit-user-select:none}.card-nav-cta-button:hover{background-color:#1d4ed8;transform:translateY(-1px)}.card-nav-content{position:absolute;left:0;right:0;top:60px;bottom:0;padding:.6rem;display:flex;align-items:flex-end;gap:12px;visibility:hidden;pointer-events:none;z-index:1}.card-nav.open .card-nav-content{visibility:visible;pointer-events:auto}.nav-card{height:100%;flex:1 1 0;min-width:0;border-radius:.75rem;display:flex;flex-direction:column;padding:18px;gap:10px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.nav-card-label{font-weight:800;font-size:1.2rem;font-family:'Tajawal',sans-serif}.nav-card-links{margin-top:auto;display:flex;flex-direction:column;gap:8px}.nav-card-link{color:inherit;font-size:.95rem;text-decoration:none !important;opacity:.88;transition:opacity .2s ease;display:flex;align-items:center;gap:6px}.nav-card-link:hover{opacity:1}.tech-marquee-container-row{width:100%;background-color:#f8fafc;padding:2.2rem 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;overflow:hidden;position:relative;user-select:none}.tech-marquee-title{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:1.25rem}.marquee-track-wrapper{position:relative;display:flex;overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}.marquee-track{display:flex;white-space:nowrap;align-items:center;flex-shrink:0;gap:3rem;padding-right:3rem;will-change:transform;animation:smoothMarquee 35s linear infinite;transform:translate3d(0,0,0)}.marquee-track-wrapper:hover .marquee-track{animation-play-state:paused}@keyframes smoothMarquee{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}}.logo-item{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;user-select:none;cursor:pointer}.tech-logo{height:48px;width:auto;max-width:110px;object-fit:contain;filter:grayscale(15%) opacity(.85);transition:filter .3s ease,transform .3s ease;backface-visibility:hidden;transform:translateZ(0)}.logo-item:hover .tech-logo{filter:grayscale(0%) opacity(1);transform:scale(1.15) translateZ(0)}.dark{background-color:#0f172a;color:#f8fafc}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#f8fafc}.dark .hero-headline{color:#f8fafc}.dark .bg-section-white{background-color:#0f172a}.dark .bg-section-soft{background-color:#1e293b;border-color:#334155}.bg-section-soft a.text-primary,.bg-section-white a.text-primary,.section-padding.bg-section-soft a.text-primary,.section-padding.bg-section-white a.text-primary{color:#1a56db !important}.bg-section-soft a.text-primary:hover,.bg-section-white a.text-primary:hover,.section-padding.bg-section-soft a.text-primary:hover,.section-padding.bg-section-white a.text-primary:hover{color:#1340a8 !important}.dark .bg-section-soft a.text-primary,.dark .section-padding.bg-section-soft a.text-primary{color:#7eb7ff !important}.dark .bg-section-soft a.text-primary:hover,.dark .section-padding.bg-section-soft a.text-primary:hover{color:#a5c8ff !important}.dark .card-nav{background-color:rgba(15,23,42,.92);border-color:rgba(51,65,85,.85);box-shadow:0 10px 25px -5px rgba(0,0,0,.5)}.dark .brand-text{color:#f8fafc}.dark .hamburger-line{background-color:#f8fafc}.dark .tech-marquee-container-row{background-color:#0f172a;border-color:#1e293b}.dark .tech-marquee-title{color:#94a3b8}.dark .marquee-track-wrapper{mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent)}.dark .tech-logo{filter:brightness(1.1) opacity(.9)}.dark .logo-item:hover .tech-logo{filter:brightness(1.2) opacity(1)}.dark .tech-logo.invert-dark{filter:invert(1) brightness(2) opacity(.85)}.dark .logo-item:hover .tech-logo.invert-dark{filter:invert(1) brightness(2) opacity(1)}.dark .elevated-card,.dark .course-card-elevated,.dark .calculator-box{background-color:#1e293b;border-color:#334155;color:#f8fafc}.dark .text-dark{color:#f8fafc !important}.dark .text-muted{color:#94a3b8 !important}.dark .btn-outline-custom{background-color:#1e293b;border-color:#334155;color:#f8fafc !important}.dark .btn-outline-custom:hover{background-color:#334155;border-color:#2563eb;color:#3b82f6 !important}.dark footer{background-color:#0b132b;border-color:#1e293b}.hero-wrapper-kinetic{position:relative;overflow:hidden;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center !important;padding-top:5rem;padding-bottom:3rem;box-sizing:border-box;margin-top:0 !important}.kinetic-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}#kinetic-grid-canvas{display:block;width:100%;height:100%}.btn-primary-gradient{background:var(--primary-blue);color:#fff !important;font-weight:700;border:none;border-radius:var(--radius-md);padding:.85rem 1.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-glow-blue);cursor:pointer !important;display:inline-flex;align-items:center;justify-content:center;text-decoration:none !important}.btn-primary-gradient:hover{background:var(--primary-blue-hover);transform:translateY(-3px);box-shadow:0 15px 35px rgba(37,99,235,.35);color:#fff !important}.btn-outline-custom{background:#fff;border:1px solid #e2e8f0;color:var(--text-main) !important;border-radius:var(--radius-md);padding:.8rem 1.6rem;transition:all .3s ease;cursor:pointer !important;display:inline-flex;align-items:center;justify-content:center;text-decoration:none !important;font-weight:600;box-shadow:var(--shadow-sm)}.btn-outline-custom:hover{background:#f8fafc;border-color:var(--primary-blue);color:var(--primary-blue) !important;transform:translateY(-2px)}.badge-popular{background:var(--accent-yellow-light);border:1px solid #fcd34d;color:#d97706;font-weight:700;padding:.4rem .95rem;border-radius:50px;font-size:.82rem;display:inline-flex;align-items:center;gap:.4rem}.badge-blue{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;font-weight:700;padding:.4rem .95rem;border-radius:50px;font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem}.elevated-card{background:#fff;border:1px solid var(--bg-card-border);border-radius:var(--radius-md);padding:1.75rem;box-shadow:0 10px 25px -5px rgba(15,23,42,.05);transition:all .35s cubic-bezier(.4,0,.2,1)}.elevated-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--bg-card-border-hover)}.course-card-elevated{background:#fff;border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);height:100%;display:flex;flex-direction:column;box-shadow:0 10px 25px -5px rgba(15,23,42,.05)}.course-card-elevated:hover{transform:translateY(-4px);border-color:#818cf8;box-shadow:var(--shadow-lg)}.course-thumb-box{position:relative;height:200px;background:#f1f5f9;overflow:hidden;display:flex;align-items:center;justify-content:center}.course-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.course-card-elevated:hover .course-thumb-img{transform:scale(1.06)}.course-price-pill{position:absolute;bottom:14px;left:14px;background:#fff;border:1px solid #e2e8f0;color:var(--primary-blue);font-weight:800;font-size:.95rem;padding:.4rem 1rem;border-radius:50px;box-shadow:0 4px 12px rgba(15,23,42,.08)}.calculator-box{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow-lg)}.bold-electric-banner{background:var(--electric-blue-gradient);border-radius:var(--radius-lg);padding:5rem 2.5rem;color:#fff;box-shadow:0 25px 60px rgba(30,64,175,.35);position:relative;overflow:hidden}.bold-electric-banner h2,.bold-electric-banner p{color:#fff !important}footer{background:#0f172a;border-top:1px solid rgba(255,255,255,.1);padding:4rem 0 2rem;color:#94a3b8;margin-top:auto}footer a{color:#cbd5e1;text-decoration:none;transition:color .2s ease}footer a:hover{color:#fff}@media(min-width:701px) and (max-width:990px){.card-nav-container{width:95%;max-width:100%;top:.8rem}.card-nav-top{padding:.4rem .85rem}.brand-text{font-size:1.15rem}.card-nav-cta-button{padding:.4rem .85rem;font-size:.825rem}}@media(max-width:700px){.hero-headline{font-size:clamp(2.35rem,9.2vw,3.2rem) !important;font-weight:900 !important;line-height:1.22 !important;margin-top:.3rem !important}.hero-content-box{margin-top:auto !important;margin-bottom:auto !important;padding-top:.75rem !important;padding-bottom:.75rem !important}.hero-wrapper-kinetic{min-height:82vh !important;padding-top:85px !important;padding-bottom:55px !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;align-items:center !important}.hero-btn{font-size:.85rem !important;font-weight:700 !important;padding:.72rem .8rem !important;white-space:nowrap !important;word-break:keep-all !important}.hero-btn i{margin-left:7px !important;margin-right:0 !important}.hero-btn span{white-space:nowrap !important;word-break:keep-all !important}.card-nav-content{flex-direction:column}}.courses-page-wrapper{background-color:#f8fafc;min-height:100vh;transition:background-color .2s ease}html.dark .courses-page-wrapper,.dark .courses-page-wrapper{background-color:#0b0f17 !important}.catalog-hero-banner{position:relative;overflow:hidden;border-radius:1.5rem;background:linear-gradient(135deg,rgba(238,242,255,.7) 0%,#fff 50%,#f1f5f9 100%);border:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px 0 rgba(0,0,0,.05)}.dark .catalog-hero-banner{background:linear-gradient(180deg,#182232 0%,#0f172a 100%) !important;border:1px solid rgba(30,41,59,.8) !important;box-shadow:0 25px 50px -12px rgba(0,0,0,.5) !important}.catalog-hero-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .85rem;border-radius:50px;font-size:.75rem;font-weight:700;background:rgba(238,242,255,.8);color:#4338ca;border:1px solid rgba(199,210,254,.6)}.dark .catalog-hero-badge{background:rgba(30,27,75,.8) !important;color:#a5b4fc !important;border-color:rgba(67,56,202,.6) !important}.catalog-hero-title{font-size:2.25rem;font-weight:800;letter-spacing:-.5px;color:#0f172a}.dark .catalog-hero-title{color:#fff !important}.catalog-hero-desc{color:#475569;font-size:.95rem;line-height:1.7;max-width:640px}.dark .catalog-hero-desc{color:#cbd5e1 !important}.catalog-search-wrapper{position:relative;max-width:580px}.search-field-icon{position:absolute;right:1.15rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.1rem;pointer-events:none;z-index:2}.dark .search-field-icon{color:#94a3b8 !important}.search-field-input{width:100%;padding:.85rem 2.8rem .85rem 6.5rem !important;border-radius:1rem !important;background:#fff !important;border:1px solid #cbd5e1 !important;color:#0f172a !important;font-size:.925rem !important;box-shadow:0 1px 3px rgba(15,23,42,.05) !important;transition:all .25s ease !important}.dark .search-field-input{background:rgba(30,41,59,.9) !important;border-color:#334155 !important;color:#fff !important}.search-field-input::placeholder{color:#94a3b8 !important}.dark .search-field-input::placeholder{color:#94a3b8 !important}.search-field-input:focus{border-color:#6366f1 !important;box-shadow:0 0 0 3px rgba(99,102,241,.25) !important}.search-field-clear{position:absolute;right:auto;left:5.5rem;top:50%;transform:translateY(-50%);color:#94a3b8;background:transparent;border:none;padding:.25rem .5rem;transition:color .2s ease;z-index:2}.search-field-clear:hover{color:#ef4444}.search-field-btn{position:absolute;left:.4rem;top:50%;transform:translateY(-50%);background:#4f46e5;color:#fff !important;border-radius:.75rem;padding:.5rem 1.35rem;font-weight:600;font-size:.875rem;border:none;transition:background-color .2s ease,transform .15s ease;box-shadow:0 2px 8px rgba(79,70,229,.3);z-index:2}.search-field-btn:hover{background:#4338ca;transform:translateY(-50%) scale(1.02)}.catalog-stat-widget{padding:1rem 1.25rem;border-radius:1rem;background:rgba(255,255,255,.9);border:1px solid #e2e8f0;backdrop-filter:blur(8px);display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px rgba(15,23,42,.05)}.dark .catalog-stat-widget{background:#131c2e !important;border:1px solid rgba(30,41,59,.8) !important}.stat-widget-icon{padding:.75rem;border-radius:.75rem;font-size:1.25rem;display:flex;align-items:center;justify-content:center}.stat-widget-number{font-weight:700;font-size:1.1rem;color:#0f172a}.dark .stat-widget-number{color:#fff !important}.stat-widget-label{font-size:.75rem;color:#64748b}.dark .stat-widget-label{color:#94a3b8 !important}.category-scroll-container{display:flex;align-items:center;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.25rem}.category-scroll-container::-webkit-scrollbar{display:none}.category-filter-label{font-size:.75rem;font-weight:600;color:#64748b}.dark .category-filter-label{color:#94a3b8 !important}.category-tab-btn{padding:.5rem 1rem;border-radius:.75rem;font-size:.8125rem;font-weight:500;background:#fff;color:#334155;border:1px solid #e2e8f0;text-decoration:none !important;transition:all .2s ease;white-space:nowrap}.category-tab-btn:hover{background:#f1f5f9;color:#0f172a}.category-tab-btn.active{background:#4f46e5 !important;color:#fff !important;border-color:transparent !important;box-shadow:0 4px 12px rgba(79,70,229,.25)}.dark .category-tab-btn{background:#1e293b !important;color:#cbd5e1 !important;border:1px solid #334155 !important}.dark .category-tab-btn:hover{background:#1e293b !important;color:#fff !important}.dark .category-tab-btn.active{background:#4f46e5 !important;color:#fff !important}.btn-reset-filters{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:#e11d48;text-decoration:none !important;transition:color .2s ease}.dark .btn-reset-filters{color:#fb7185}.btn-reset-filters:hover{text-decoration:underline !important;color:#be123c}.active-filter-tag{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .85rem;border-radius:.75rem;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;font-size:.78rem;font-weight:600}.dark .active-filter-tag{background:rgba(30,27,75,.5) !important;border-color:#3730a3 !important;color:#a5b4fc !important}.active-filter-count{padding:.15rem .55rem;border-radius:.375rem;background:#dbeafe;color:#1e3a8a;font-weight:700}.dark .active-filter-count{background:#312e81 !important;color:#e0e7ff !important}.active-filter-remove{color:#1e40af;transition:color .2s ease}.dark .active-filter-remove{color:#a5b4fc}.active-filter-remove:hover{color:#ef4444}.course-card-modern{border-radius:1rem;background:#fff;border:1px solid rgba(226,232,240,.8);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%}.dark .course-card-modern{background:#131c2e !important;border:1px solid rgba(30,41,59,.8) !important}.course-card-modern:hover{transform:translateY(-4px);box-shadow:0 12px 30px -5px rgba(15,23,42,.12);border-color:#818cf8}.dark .course-card-modern:hover{border-color:#4f46e5 !important;box-shadow:0 12px 35px -5px rgba(0,0,0,.6) !important}.course-card-thumb{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#eef2ff 0%,#f1f5f9 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.dark .course-card-thumb{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%) !important}.course-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.4,0,.2,1)}.course-card-modern:hover .course-thumb-img{transform:scale(1.08)}.course-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.placeholder-code-icon{font-size:3.2rem;color:rgba(79,70,229,.4);transition:transform .35s ease}.dark .placeholder-code-icon{color:rgba(129,140,248,.35)}.course-card-modern:hover .placeholder-code-icon{transform:scale(1.15)}.badge-featured-top{position:absolute;top:.75rem;right:.75rem;padding:.25rem .65rem;border-radius:.5rem;background:rgba(245,158,11,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:.75rem;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.15);display:flex;align-items:center;gap:.25rem}.badge-price-bottom{position:absolute;bottom:.75rem;left:.75rem;padding:.25rem .75rem;border-radius:.5rem;background:rgba(15,23,42,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:.75rem;font-weight:700}.course-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.course-rating{font-size:.75rem;color:#475569}.dark .course-rating{color:#cbd5e1 !important}.badge-practical{padding:.125rem .5rem;border-radius:.375rem;background:#f1f5f9;color:#475569;font-size:.6875rem;font-weight:600}.dark .badge-practical{background:#1e293b !important;color:#94a3b8 !important}.course-card-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.dark .course-card-title{color:#fff !important}.course-card-modern:hover .course-card-title{color:#4f46e5}.dark .course-card-modern:hover .course-card-title{color:#818cf8 !important}.course-card-subtitle{font-size:.78rem;color:#64748b;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.dark .course-card-subtitle{color:#cbd5e1 !important}.course-action-btn{width:100%;padding:.6rem 1rem;border-radius:.75rem;border:1px solid #cbd5e1;background:transparent;color:#334155;font-size:.78rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;text-decoration:none !important;margin-top:auto}.dark .course-action-btn{border-color:#334155 !important;color:#cbd5e1 !important}.course-card-modern:hover .course-action-btn{background:#4f46e5;border-color:#4f46e5;color:#fff !important}.course-card-modern:hover .arrow-icon{transform:translateX(-4px)}.arrow-icon{transition:transform .2s ease}.catalog-empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 1px 3px rgba(15,23,42,.03)}.dark .catalog-empty-state{background:#131c2e !important;border:1px solid rgba(30,41,59,.8) !important}.empty-state-icon{width:80px;height:80px;border-radius:50%;background:rgba(79,70,229,.1);color:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:2.25rem}.switch{position:relative;display:inline-block;width:60px;height:34px;flex-shrink:0;transform:scale(.82);transform-origin:center;user-select:none;-webkit-user-select:none}.switch input[type="checkbox"]{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2196f3;-webkit-transition:background-color .4s cubic-bezier(.4,0,.2,1);transition:background-color .4s cubic-bezier(.4,0,.2,1);z-index:0;overflow:hidden}.sun-moon{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fbbf24;-webkit-transition:transform .4s cubic-bezier(.4,0,.2,1),background-color .4s cubic-bezier(.4,0,.2,1);transition:transform .4s cubic-bezier(.4,0,.2,1),background-color .4s cubic-bezier(.4,0,.2,1)}.switch input[type="checkbox"]:checked~.slider{background-color:#090d16}.switch input[type="checkbox"]:focus~.slider{box-shadow:0 0 1px #2196f3}.switch input[type="checkbox"]:checked~.slider .sun-moon{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);background-color:#fff}.moon-dot{opacity:0;transition:opacity .4s ease-in-out;fill:#9ca3af}.switch input[type="checkbox"]:checked~.slider .sun-moon .moon-dot{opacity:1}.slider.round{border-radius:34px}.slider.round .sun-moon{border-radius:50%}#moon-dot-1,#m-moon-dot-1{left:10px;top:3px;position:absolute;width:6px;height:6px;z-index:4}#moon-dot-2,#m-moon-dot-2{left:2px;top:10px;position:absolute;width:10px;height:10px;z-index:4}#moon-dot-3,#m-moon-dot-3{left:16px;top:18px;position:absolute;width:3px;height:3px;z-index:4}.light-ray{transition:opacity .4s ease-in-out;opacity:.15}.switch input[type="checkbox"]:checked~.slider .light-ray{opacity:0}#light-ray-1,#m-light-ray-1{left:-8px;top:-8px;position:absolute;width:43px;height:43px;z-index:-1;fill:white}#light-ray-2,#m-light-ray-2{left:-50%;top:-50%;position:absolute;width:55px;height:55px;z-index:-1;fill:white}#light-ray-3,#m-light-ray-3{left:-18px;top:-18px;position:absolute;width:60px;height:60px;z-index:-1;fill:white}.cloud-light,.cloud-dark{position:absolute;transition:opacity .4s ease-in-out;opacity:1}.cloud-light{fill:#eee;animation-name:cloud-move;animation-duration:6s;animation-iteration-count:infinite}.cloud-dark{fill:#ccc;animation-name:cloud-move;animation-duration:6s;animation-iteration-count:infinite;animation-delay:1s}.switch input[type="checkbox"]:checked~.slider .cloud-light,.switch input[type="checkbox"]:checked~.slider .cloud-dark{opacity:0}#cloud-1,#m-cloud-1{left:30px;top:15px;width:40px}#cloud-2,#m-cloud-2{left:44px;top:10px;width:20px}#cloud-3,#m-cloud-3{left:18px;top:24px;width:30px}#cloud-4,#m-cloud-4{left:36px;top:18px;width:40px}#cloud-5,#m-cloud-5{left:48px;top:14px;width:20px}#cloud-6,#m-cloud-6{left:22px;top:26px;width:30px}@keyframes cloud-move{0%{transform:translateX(0)}40%{transform:translateX(4px)}80%{transform:translateX(-4px)}100%{transform:translateX(0)}}.stars{transform:translateY(-32px);opacity:0;transition:.4s}.star{fill:white;position:absolute;-webkit-transition:.4s;transition:.4s;animation-name:star-twinkle;animation-duration:2s;animation-iteration-count:infinite}.switch input[type="checkbox"]:checked~.slider .stars{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}#star-1,#m-star-1{width:20px;top:2px;left:3px;animation-delay:.3s}#star-2,#m-star-2{width:6px;top:16px;left:3px}#star-3,#m-star-3{width:12px;top:20px;left:10px;animation-delay:.6s}#star-4,#m-star-4{width:18px;top:0;left:18px;animation-delay:1.3s}@keyframes star-twinkle{0%{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}100%{transform:scale(1)}}.nav-profile-icon{background-color:transparent !important;border:none !important;box-shadow:none !important;transition:opacity .2s ease,transform .2s ease;user-select:none;-webkit-user-select:none}.nav-profile-icon:hover{opacity:.85;transform:scale(1.05)}[data-aos="fade-up"]{transform:translateY(30px) !important}[data-aos="fade-up"].aos-animate{transform:translateY(0) !important}.course-details-hero-badge{background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.25);color:var(--primary-blue);padding:.4rem 1rem;border-radius:99px;font-weight:700;font-size:.85rem;letter-spacing:.02em;display:inline-flex;align-items:center;gap:.5rem;backdrop-filter:blur(10px)}html.dark .course-details-hero-badge{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.35);color:#818cf8}.course-meta-chip{padding:.5rem 1.1rem;border-radius:99px;font-weight:700;font-size:.85rem;transition:all .25s ease}.course-meta-chip:hover{transform:translateY(-2px)}.syllabus-accordion-item{border-radius:1rem !important;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(226,232,240,.8)}html.dark .syllabus-accordion-item{border-color:rgba(30,41,59,.8)}.syllabus-accordion-item:hover{border-color:rgba(99,102,241,.4);box-shadow:0 10px 25px -5px rgba(0,0,0,.05)}.course-purchase-card{border-radius:1.5rem;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.8);box-shadow:0 20px 40px -15px rgba(15,23,42,.08);transition:all .3s ease}html.dark .course-purchase-card{background:rgba(15,23,42,.85);border-color:rgba(255,255,255,.1);box-shadow:0 20px 40px -15px rgba(0,0,0,.4)}.btn-purchase-glow{position:relative;overflow:hidden;box-shadow:0 10px 30px -5px rgba(37,99,235,.4);transition:all .3s ease}.btn-purchase-glow:hover{transform:translateY(-3px);box-shadow:0 15px 35px -5px rgba(37,99,235,.6)}.journey-section{position:relative;padding:5.5rem 0}.journey-card{background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:2.25rem 1.75rem 1.75rem 1.75rem;height:100%;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -10px rgba(15,23,42,.04)}.journey-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);opacity:0;transition:opacity .35s ease}.journey-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -15px rgba(37,99,235,.12);border-color:var(--primary-blue)}.journey-card:hover::before{opacity:1}html.dark .journey-card{background:rgba(15,23,42,.7);border-color:rgba(255,255,255,.08);box-shadow:0 15px 35px -10px rgba(0,0,0,.4)}html.dark .journey-card:hover{border-color:#60a5fa;box-shadow:0 20px 45px -10px rgba(59,130,246,.25)}.journey-step-number{position:absolute;top:1.25rem;left:1.25rem;font-size:2.25rem;font-weight:900;color:rgba(37,99,235,.08);line-height:1;user-select:none;transition:color .3s ease}html.dark .journey-step-number{color:rgba(255,255,255,.05)}.journey-card:hover .journey-step-number{color:rgba(37,99,235,.18)}html.dark .journey-card:hover .journey-step-number{color:rgba(96,165,250,.18)}.journey-icon-wrapper{width:60px;height:60px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.25rem;background:rgba(37,99,235,.08);color:var(--primary-blue);transition:all .3s ease}html.dark .journey-icon-wrapper{background:rgba(59,130,246,.15);color:#60a5fa}.journey-card:hover .journey-icon-wrapper{transform:scale(1.1) rotate(-4deg);background:var(--primary-gradient);color:#fff !important;box-shadow:0 10px 20px -5px rgba(37,99,235,.4)}.journey-card-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:.75rem}html.dark .journey-card-title{color:#f8fafc}.journey-card-desc{font-size:.925rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.25rem}html.dark .journey-card-desc{color:#94a3b8}.journey-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.journey-feature-item{font-size:.85rem;color:var(--text-main);display:flex;align-items:center;gap:.5rem;font-weight:500}html.dark .journey-feature-item{color:#e2e8f0}.journey-feature-item i{font-size:.8rem;color:#10b981}.journey-summary-banner{background:linear-gradient(135deg,rgba(37,99,235,.05) 0%,rgba(79,70,229,.05) 100%);border:1px solid rgba(37,99,235,.15);border-radius:var(--radius-lg);padding:2rem 2.5rem}html.dark .journey-summary-banner{background:linear-gradient(135deg,rgba(30,41,59,.8) 0%,rgba(15,23,42,.9) 100%);border-color:rgba(255,255,255,.08)}.journey-stat-number{font-size:2rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}html.dark .journey-stat-number{background:linear-gradient(135deg,#60a5fa 0%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.journey-stat-label{font-size:.85rem;color:var(--text-muted);font-weight:600;margin-top:.25rem}html.dark .journey-stat-label{color:#94a3b8}.section-pre-footer{position:relative;margin-bottom:150px;padding-bottom:1.5rem !important;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 100px),transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 100px),transparent 100%);z-index:3}.courses-meteor-page{position:relative;width:100%;min-height:100vh;background-color:var(--courses-bg);color:var(--courses-text);overflow:hidden;padding-top:90px;padding-bottom:120px;transition:background-color .3s ease,color .3s ease}.meteor-grid-pattern{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;background-size:40px 40px;background-image:linear-gradient(to right,var(--grid-line-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line-color) 1px,transparent 1px);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);z-index:1}.meteor-bottom-fade{display:none !important}.cryptovix-footer{position:relative;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 50%,#172554 100%) !important;color:#fff;padding:8rem 0 2.5rem 0;overflow:hidden;margin-top:-110px !important;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.05) 25px,rgba(0,0,0,.25) 65px,rgba(0,0,0,.7) 110px,black 155px,black 100%) !important;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.05) 25px,rgba(0,0,0,.25) 65px,rgba(0,0,0,.7) 110px,black 155px,black 100%) !important;border-top:none !important}.cryptovix-footer::before{display:none !important}.footer-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;opacity:.5;z-index:1}.footer-watermark-container{position:absolute;top:3.5rem;left:50%;transform:translateX(-50%);width:100%;text-align:center;pointer-events:none;user-select:none;z-index:1;overflow:hidden}.footer-watermark-text{font-size:clamp(3.5rem,15.5vw,16rem);font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.07) 100%) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;opacity:.98;display:inline-block;line-height:.9;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}.footer-content-container{position:relative;z-index:2;padding-top:4rem}.footer-brand-desc{color:rgba(255,255,255,.75);font-size:.925rem;line-height:1.6}.footer-social-btn{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none}.footer-social-btn:hover{background:#fff;color:#1d4ed8;border-color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}.footer-col-title{color:#fff;font-weight:700;font-size:.925rem;letter-spacing:.03em}.footer-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.footer-nav-list a{color:rgba(255,255,255,.7);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .25s ease;display:inline-block}.footer-nav-list a:hover{color:#fff;transform:translateX(-4px)}.footer-bottom-bar{border-color:rgba(255,255,255,.12) !important}.footer-legal-links a{color:rgba(255,255,255,.65);text-decoration:none;font-size:.825rem;transition:color .2s ease}.footer-legal-links a:hover{color:#fff;text-decoration:underline}.footer-powered-by{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:5px 14px;border-radius:9999px;text-decoration:none !important;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.footer-powered-by:hover{background:rgba(255,255,255,.14);border-color:rgba(56,189,248,.5);box-shadow:0 4px 18px rgba(0,0,0,.25),0 0 15px rgba(56,189,248,.2);transform:translateY(-2px)}.footer-author-badge{color:#fff;font-weight:700;font-size:.85rem;transition:color .2s ease}.footer-powered-by:hover .footer-author-badge{color:#38bdf8 !important}.footer-developer-socials{display:flex;align-items:center;gap:8px}.footer-author-social-link{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.85);display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.footer-author-social-link:hover{background:#38bdf8;color:#0f172a;border-color:#38bdf8;transform:translateY(-2px) scale(1.08);box-shadow:0 4px 12px rgba(56,189,248,.4)}@media(max-width:767.98px){.cryptovix-footer{margin-top:-75px !important;padding-top:6rem !important}.footer-content-container{padding-top:3rem}.footer-watermark-container{top:2.2rem}}.digital-id-card{background:linear-gradient(145deg,#0f172a 0%,#1e293b 100%) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:0 20px 45px rgba(0,0,0,.35),inset 0 1px 1px rgba(255,255,255,.15) !important;position:relative;overflow:hidden;border-radius:1.5rem !important;color:#fff !important;transition:transform .3s ease,box-shadow .3s ease}.digital-id-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px rgba(37,99,235,.25),inset 0 1px 1px rgba(255,255,255,.2) !important}.digital-id-chip{width:42px;height:30px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:6px;border:1px solid rgba(255,255,255,.3);position:relative;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}.digital-id-chip::after{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(0,0,0,.25)}.profile-page-wrapper{min-height:85vh;padding-bottom:9.5rem !important}.profile-tab-pane{margin-bottom:2rem !important}.profile-tab-pane .tab-pane{padding-bottom:1rem !important}html.dark .elevated-card{background-color:#0f172a !important;border-color:#1e293b !important;color:#f8fafc !important}html.dark .elevated-card h3,html.dark .elevated-card h4,html.dark .elevated-card h5,html.dark .elevated-card label{color:#f8fafc !important}html.dark .elevated-card .text-slate-600,html.dark .elevated-card .text-slate-500,html.dark .elevated-card .text-slate-400{color:#cbd5e1 !important}html.dark .elevated-card .form-control,html.dark .elevated-card .form-select,html.dark .elevated-card .form-control[readonly]{background-color:#1e293b !important;border-color:#334155 !important;color:#f8fafc !important}html.dark .active-session-box{background-color:#1e293b !important;border-color:#334155 !important;color:#f8fafc !important}.arabic-card-text{direction:rtl !important;unicode-bidi:isolate !important;letter-spacing:0 !important;display:inline-block}html.dark .profile-page-wrapper .bg-white,body.dark-mode .profile-page-wrapper .bg-white,html.dark .hero-header-card,body.dark-mode .hero-header-card{background-color:#0f172a !important;color:#f8fafc !important;border-color:#1e293b !important}html.dark .profile-page-wrapper .bg-slate-50,body.dark-mode .profile-page-wrapper .bg-slate-50,html.dark .hero-stat-card,body.dark-mode .hero-stat-card{background-color:#1e293b !important;color:#f8fafc !important;border-color:#334155 !important}html.dark .profile-page-wrapper .bg-slate-100,body.dark-mode .profile-page-wrapper .bg-slate-100{background-color:#1e293b !important;color:#f8fafc !important;border-color:#334155 !important}html.dark .profile-page-wrapper h1,html.dark .profile-page-wrapper h2,html.dark .profile-page-wrapper h3,html.dark .profile-page-wrapper h4,html.dark .profile-page-wrapper h5,html.dark .profile-page-wrapper strong,body.dark-mode .profile-page-wrapper h1,body.dark-mode .profile-page-wrapper h2,body.dark-mode .profile-page-wrapper h3,body.dark-mode .profile-page-wrapper h4,body.dark-mode .profile-page-wrapper h5,body.dark-mode .profile-page-wrapper strong{color:#fff !important}html.dark .profile-page-wrapper p,html.dark .profile-page-wrapper span,html.dark .profile-page-wrapper div,body.dark-mode .profile-page-wrapper p,body.dark-mode .profile-page-wrapper span,body.dark-mode .profile-page-wrapper div{color:#cbd5e1}.btn-download-id-card{border:1.5px solid #2563eb !important;color:#2563eb !important;background-color:transparent !important;transition:all .25s ease}.btn-download-id-card:hover{background-color:rgba(37,99,235,.1) !important;color:#1d4ed8 !important}html.dark .btn-download-id-card,body.dark-mode .btn-download-id-card{border-color:#3b82f6 !important;color:#60a5fa !important}html.dark .btn-download-id-card:hover,body.dark-mode .btn-download-id-card:hover{background-color:rgba(59,130,246,.2) !important;color:#93c5fd !important}html.dark .modal-content,body.dark-mode .modal-content{background-color:#0f172a !important;border-color:#1e293b !important;color:#f8fafc !important}html.dark .modal-header,body.dark-mode .modal-header,html.dark .modal-footer,body.dark-mode .modal-footer{border-color:#1e293b !important}.modal-content label{color:#1e293b !important;font-weight:700}html.dark .modal-content label{color:#f8fafc !important}.modal-content input,.modal-content select,.modal-content textarea{background-color:#f8fafc !important;color:#0f172a !important;border-color:#cbd5e1 !important}html.dark .modal-content input,html.dark .modal-content select,html.dark .modal-content textarea{background-color:#1e293b !important;color:#f8fafc !important;border-color:#334155 !important}.modal-header .btn-close{margin:0 !important;opacity:.8}.figma-status-banner{background:linear-gradient(135deg,rgba(245,158,11,.08) 0%,rgba(217,119,6,.05) 100%);border:1px solid rgba(245,158,11,.3) !important;border-radius:1.25rem !important;position:relative;overflow:hidden}html.dark .figma-status-banner{background:linear-gradient(135deg,rgba(245,158,11,.12) 0%,rgba(180,83,9,.08) 100%) !important;border-color:rgba(245,158,11,.35) !important}.figma-status-badge{background:#f59e0b !important;color:#0f172a !important;font-weight:800}@media print{body *{visibility:hidden !important}#studentIdCard,#studentIdCard *{visibility:visible !important}#studentIdCard{position:absolute !important;left:50% !important;top:20% !important;transform:translateX(-50%) !important;width:480px !important;box-shadow:none !important;border:2px solid #0f172a !important;background:#0f172a !important;color:#fff !important;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}.card-download-controls,header,footer,nav,.card-nav-container,.catalog-hero-banner,.custom-profile-tabs,#editProfileModal{display:none !important}}html.dark .verified-badge,body.dark-mode .verified-badge{background-color:#1e3a5f !important;color:#93c5fd !important;border-color:#1e40af !important}html.dark .student-id-badge,body.dark-mode .student-id-badge{background-color:#1e293b !important;color:#cbd5e1 !important;border-color:#334155 !important}html.dark .profile-page-wrapper h1,body.dark-mode .profile-page-wrapper h1{color:#fff !important}.heatmap-grid{display:grid !important;grid-auto-flow:column !important;grid-template-rows:repeat(7,12px) !important;grid-template-columns:repeat(53,12px) !important;grid-auto-columns:12px !important;height:102px !important;max-height:102px !important;min-height:102px !important;width:792px !important;gap:3px !important;box-sizing:border-box !important}.heatmap-tile{width:12px !important;height:12px !important;min-width:12px !important;min-height:12px !important;max-width:12px !important;max-height:12px !important;border-radius:2px !important;display:block !important;box-sizing:border-box !important;transition:transform .15s ease,background-color .15s ease !important}.heatmap-tile:hover{transform:scale(1.3) !important;z-index:10 !important}.heatmap-tile.lvl-0{background-color:#cbd5e1 !important}.heatmap-tile.lvl-1{background-color:#6ee7b7 !important}.heatmap-tile.lvl-2{background-color:#34d399 !important}.heatmap-tile.lvl-3{background-color:#10b981 !important}.heatmap-tile.lvl-4{background-color:#059669 !important}html.dark .heatmap-tile.lvl-0,body.dark-mode .heatmap-tile.lvl-0{background-color:#1e293b !important}html.dark .heatmap-tile.lvl-1,body.dark-mode .heatmap-tile.lvl-1{background-color:#064e3b !important}html.dark .heatmap-tile.lvl-2,body.dark-mode .heatmap-tile.lvl-2{background-color:#047857 !important}html.dark .heatmap-tile.lvl-3,body.dark-mode .heatmap-tile.lvl-3{background-color:#10b981 !important}html.dark .heatmap-tile.lvl-4,body.dark-mode .heatmap-tile.lvl-4{background-color:#6ee7b7 !important}.streak-badge-card{background-color:#fef3c7 !important;color:#92400e !important;border:1px solid #fde68a !important}html.dark .streak-badge-card,body.dark-mode .streak-badge-card{background-color:#451a03 !important;color:#fcd34d !important;border:1px solid #78350f !important}.activities-count-badge{background-color:#f1f5f9 !important;color:#0f172a !important;border:1px solid #cbd5e1 !important}html.dark .activities-count-badge,body.dark-mode .activities-count-badge{background-color:#1e293b !important;color:#f8fafc !important;border:1px solid #334155 !important}.sm-hamburger-btn{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.2);border-radius:10px;cursor:pointer;padding:0;transition:background .2s ease,border-color .2s ease;flex-shrink:0}.sm-hamburger-btn:hover{background:rgba(37,99,235,.15);border-color:rgba(37,99,235,.4)}.sm-hb-line{display:block;width:20px;height:2px;background-color:#0f172a;border-radius:2px;transition:transform .3s ease,opacity .2s ease}.sm-hb-line--short{width:14px;align-self:flex-start;margin-right:3px}html.dark .sm-hb-line{background-color:#f8fafc}.sm-hamburger-btn[aria-expanded="true"] .sm-hb-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.sm-hamburger-btn[aria-expanded="true"] .sm-hb-line:nth-child(2){transform:translateY(0) rotate(-45deg)}.sm-hamburger-btn[aria-expanded="true"] .sm-hb-line--short{opacity:0;transform:translateX(10px)}.sm-overlay{position:fixed;inset:0;z-index:2000;pointer-events:none;visibility:hidden;direction:rtl;font-family:'Tajawal','Readex Pro',sans-serif;background-color:rgba(15,23,42,0);transition:background-color .25s ease,visibility .25s ease}.sm-overlay.is-open{pointer-events:auto;visibility:visible;background-color:rgba(15,23,42,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sm-layer{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:440px;transform:translateX(100%);will-change:transform}.sm-panel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:440px;display:flex;flex-direction:column;padding:1.75rem 2rem;box-sizing:border-box;z-index:10;transform:translateX(100%);will-change:transform}html.dark .sm-panel{background:rgba(15,23,42,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid rgba(255,255,255,.08)}html.dark .sm-panel-brand{color:#60a5fa}html.dark .sm-close-btn{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#f8fafc}html.dark .sm-close-btn:hover{background:rgba(255,255,255,.15);color:#60a5fa}html.dark .sm-nav-link{color:#f1f5f9;border-bottom:1px solid rgba(255,255,255,.05)}html.dark .sm-nav-link:hover{color:#60a5fa}html.dark .sm-link-num{color:#475569}html.dark .sm-panel-footer{border-top:1px solid rgba(255,255,255,.08)}html.dark .sm-footer-label{color:#64748b}html.dark .sm-footer-socials a{color:#38bdf8}html:not(.dark) .sm-panel{background:#fff !important;border-left:1px solid #e2e8f0;box-shadow:-10px 0 30px rgba(0,0,0,.1)}html:not(.dark) .sm-panel-brand{color:#2563eb !important}html:not(.dark) .sm-close-btn{background:#f1f5f9 !important;border:1px solid #cbd5e1 !important;color:#0f172a !important}html:not(.dark) .sm-close-btn:hover{background:#e2e8f0 !important;color:#2563eb !important}html:not(.dark) .sm-nav-link{color:#0f172a !important;border-bottom:1px solid #f1f5f9 !important}html:not(.dark) .sm-nav-link:hover{color:#2563eb !important}html:not(.dark) .sm-link-num{color:#94a3b8 !important}html:not(.dark) .sm-panel-footer{border-top:1px solid #e2e8f0 !important}html:not(.dark) .sm-footer-label{color:#64748b !important}html:not(.dark) .sm-footer-socials a{color:#2563eb !important}.sm-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.sm-panel-brand{font-weight:700;font-size:.95rem;letter-spacing:.3px}.sm-close-btn{padding:.35rem 1rem;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:'Tajawal',sans-serif;transition:background .2s ease,color .2s ease}.sm-nav{flex:1;overflow-y:auto}.sm-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.2rem}.sm-nav-item{overflow:hidden}.sm-nav-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none !important;font-size:clamp(1.6rem,4vw,2rem);font-weight:800;padding:.55rem 0;transition:color .25s ease,padding-right .25s ease;will-change:transform,opacity}.sm-nav-link:hover{padding-right:.5rem}.sm-link-num{font-size:.78rem;font-weight:600;font-family:'Fira Code',monospace;flex-shrink:0}.sm-panel-footer{margin-top:1.5rem;padding-top:1.25rem}.sm-footer-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:.65rem}.sm-footer-socials{display:flex;gap:1.5rem}.sm-footer-socials a{font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s ease}.sm-footer-socials a:hover{color:#60a5fa}@media(min-width:701px){.sm-overlay{display:none !important}.sm-hamburger-btn,.sm-mobile-logo-link,.sm-mobile-controls{display:none !important}}@media(max-width:700px){.card-nav-container{display:none !important}.sm-mobile-controls{display:flex !important;align-items:center;gap:.5rem;position:fixed;top:.75rem;right:.75rem;z-index:1100}.sm-mobile-notif-btn{display:inline-flex !important;align-items:center;justify-content:center;width:38px;height:38px;background:rgba(255,255,255,.85) !important;border:1px solid rgba(226,232,240,.9) !important;border-radius:12px;font-size:1.15rem;color:#f59e0b;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;box-shadow:0 4px 12px rgba(0,0,0,.06);cursor:pointer;flex-shrink:0;transition:transform .2s ease,background-color .2s ease;padding:0}html.dark .sm-mobile-notif-btn{background:rgba(15,23,42,.85) !important;border-color:rgba(255,255,255,.12) !important;box-shadow:0 4px 12px rgba(0,0,0,.35)}.sm-mobile-notif-btn:hover{transform:scale(1.05)}.sm-hamburger-btn{display:flex !important;position:static;width:38px;height:38px;background:transparent !important;border:none !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;flex-shrink:0;align-items:center;justify-content:center;padding:0 4px;cursor:pointer}.sm-mobile-switch{display:inline-flex !important;cursor:pointer;transform:scale(.8);transform-origin:center;margin:0 -2px}.sm-mobile-logo-link{display:flex !important;align-items:center;position:fixed;top:.65rem;left:.75rem;z-index:1100;height:48px;padding:0 .2rem;background:transparent;border:none;box-shadow:none;text-decoration:none !important}.sm-mobile-logo-link .brand-text{font-size:1.65rem;font-weight:800;color:#0f172a}.sm-logo-img{height:44px;width:auto;object-fit:contain}.sm-logo-dot{width:5px;height:5px;background-color:#10b981;top:9px;left:50%;transform:translateX(-50%)}html.dark .sm-mobile-logo-link .brand-text{color:#f8fafc !important}.sm-overlay{display:block !important;visibility:hidden}.sm-overlay.is-open{visibility:visible !important}}@media(max-width:380px){.sm-mobile-controls{top:.55rem;right:.55rem;gap:.35rem}.sm-mobile-logo-link{top:.55rem;left:.55rem;padding:0}.sm-mobile-logo-link .brand-text{font-size:1.45rem}.sm-logo-img{height:38px}.sm-logo-dot{top:8px;width:4.5px;height:4.5px}.sm-mobile-switch{transform:scale(.7);margin:0 -3px}.sm-mobile-notif-btn{width:34px;height:34px;font-size:1.05rem}.sm-hamburger-btn{width:34px;height:34px}}@media(min-width:701px) and (max-width:990px){.card-nav-container{width:95%;top:.85rem;max-width:760px}.card-nav-top{padding:.4rem 1rem}.card-nav-cta-button{padding:.4rem .9rem;font-size:.85rem}.brand-text{font-size:1.15rem}}.user-notif-container{position:relative;display:inline-flex;align-items:center}.nav-icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-icon-btn:hover{background-color:rgba(0,0,0,.05);color:var(--primary,#2563eb) !important}html.dark .nav-icon-btn:hover{background-color:rgba(255,255,255,.1);color:#38bdf8 !important}.user-notif-container{position:relative !important;z-index:10500 !important}.notif-dropdown-menu{width:410px !important;max-width:92vw !important;border-radius:1.35rem !important;background:rgba(255,255,255,.98) !important;backdrop-filter:blur(24px) !important;-webkit-backdrop-filter:blur(24px) !important;border:1px solid rgba(226,232,240,.9) !important;box-shadow:0 25px 50px -12px rgba(15,23,42,.22),0 10px 20px -5px rgba(15,23,42,.1) !important;overflow:hidden !important;z-index:10600 !important;position:absolute !important;top:calc(100% + 12px) !important;left:0 !important;right:auto !important}html.dark .notif-dropdown-menu,body.dark-mode .notif-dropdown-menu,.dark .notif-dropdown-menu{background:rgba(15,23,42,.98) !important;border:1px solid rgba(51,65,85,.9) !important;box-shadow:0 25px 50px -12px rgba(0,0,0,.7),0 10px 25px -5px rgba(0,0,0,.4) !important}.notif-dropdown-scroll{max-height:380px !important;overflow-y:auto !important;scrollbar-width:thin;scrollbar-color:rgba(37,99,235,.3) transparent}.notif-dropdown-scroll::-webkit-scrollbar{width:5px !important}.notif-dropdown-scroll::-webkit-scrollbar-track{background:transparent !important}.notif-dropdown-scroll::-webkit-scrollbar-thumb{background:rgba(37,99,235,.3) !important;border-radius:99px !important}html.dark .notif-dropdown-scroll::-webkit-scrollbar-thumb{background:rgba(56,189,248,.3) !important}.notif-item{transition:all .2s cubic-bezier(.4,0,.2,1) !important;border-radius:.85rem !important;padding:.75rem .85rem !important;display:block !important;text-decoration:none !important;color:inherit !important;position:relative !important}.notif-item:hover{background-color:rgba(37,99,235,.06) !important;transform:translateX(-2px) !important}html.dark .notif-item:hover,body.dark-mode .notif-item:hover,.dark .notif-item:hover{background-color:rgba(56,189,248,.1) !important}.notif-item.is-unread{background-color:rgba(37,99,235,.07) !important;border-right:3px solid #2563eb !important}html.dark .notif-item.is-unread,body.dark-mode .notif-item.is-unread,.dark .notif-item.is-unread{background-color:rgba(56,189,248,.12) !important;border-right:3px solid #38bdf8 !important}.notif-item-title{color:#0f172a;font-weight:700}html.dark .notif-item-title,body.dark-mode .notif-item-title,.dark .notif-item-title{color:#f8fafc !important}.notif-item-desc{color:#475569}html.dark .notif-item-desc,body.dark-mode .notif-item-desc,.dark .notif-item-desc{color:#cbd5e1 !important}.notif-item-time{color:#94a3b8}html.dark .notif-item-time,body.dark-mode .notif-item-time,.dark .notif-item-time{color:#94a3b8 !important}html.dark .notif-dropdown-menu,body.dark-mode .notif-dropdown-menu,.dark .notif-dropdown-menu{background-color:#0f172a !important;border:1px solid #1e293b !important}html.dark .notif-item .text-slate-900,body.dark-mode .notif-item .text-slate-900,.dark .notif-item .text-slate-900,html.dark .notif-item .text-slate-800,body.dark-mode .notif-item .text-slate-800,.dark .notif-item .text-slate-800{color:#f8fafc !important}html.dark .notif-item .text-slate-600,body.dark-mode .notif-item .text-slate-600,.dark .notif-item .text-slate-600,html.dark .notif-item .text-slate-500,body.dark-mode .notif-item .text-slate-500,.dark .notif-item .text-slate-500{color:#cbd5e1 !important}html.dark .notif-item .text-muted,body.dark-mode .notif-item .text-muted,.dark .notif-item .text-muted{color:#94a3b8 !important}.sm-mobile-notif-btn{position:relative;width:38px;height:38px;border-radius:50%;background:transparent !important;border:none !important;box-shadow:none !important;display:flex;align-items:center;justify-content:center;color:#fbbf24 !important;font-size:1.1rem;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}html.dark .sm-mobile-notif-btn,body.dark-mode .sm-mobile-notif-btn,.dark .sm-mobile-notif-btn{background:transparent !important;border:none !important;box-shadow:none !important;color:#fbbf24 !important}.sm-mobile-notif-btn:active{transform:scale(.92)}#mobileNotifBadge,#desktopNotifBadge{top:-2px !important;right:-2px !important;left:auto !important;transform:none !important;z-index:10 !important}@keyframes notif-bell-shake{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(4deg)}100%{transform:rotate(0)}}.has-unread-shake i{animation:notif-bell-shake 1.8s ease infinite;transform-origin:top center;display:inline-block}.notif-page-container{padding-top:5.5rem !important;padding-bottom:5rem !important;min-height:80vh}@media(max-width:700px){.notif-page-container{padding-top:5.5rem !important;padding-left:.75rem !important;padding-right:.75rem !important}}.notif-header-box{background-color:#fff;border:1px solid #e2e8f0;color:#0f172a;box-shadow:0 4px 15px rgba(15,23,42,.04)}html.dark .notif-header-box,body.dark-mode .notif-header-box,.dark .notif-header-box{background-color:#0f172a !important;border-color:#1e293b !important;color:#f8fafc !important}.notif-card{background-color:#fff;border:1px solid #e2e8f0;color:#0f172a;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(15,23,42,.04);padding:1.35rem 1.45rem !important;word-break:break-word;overflow-wrap:anywhere}@media(max-width:700px){.notif-card{padding:1rem !important}.notif-card .d-flex.flex-wrap{row-gap:.25rem}}html.dark .notif-card,body.dark-mode .notif-card,.dark .notif-card{background-color:#0f172a !important;border-color:#1e293b !important;color:#f8fafc !important}.notif-card.is-unread-card{background-color:rgba(37,99,235,.04);border-color:rgba(37,99,235,.35) !important}html.dark .notif-card.is-unread-card,body.dark-mode .notif-card.is-unread-card,.dark .notif-card.is-unread-card{background-color:rgba(30,58,138,.28) !important;border-color:rgba(59,130,246,.45) !important}.notif-card-title{color:#0f172a;font-weight:700}html.dark .notif-card-title,body.dark-mode .notif-card-title,.dark .notif-card-title{color:#fff !important}.notif-card-desc{color:#475569;word-break:break-word;overflow-wrap:anywhere}html.dark .notif-card-desc,body.dark-mode .notif-card-desc,.dark .notif-card-desc{color:#cbd5e1 !important}.notif-card-highlight{animation:notif-pulse-highlight 2s ease}@keyframes notif-pulse-highlight{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(37,99,235,.6)}50%{transform:scale(1.02);box-shadow:0 0 0 12px rgba(37,99,235,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(37,99,235,0)}}.notif-empty-box{background-color:#fff;border:1px solid #e2e8f0;color:#0f172a}html.dark .notif-empty-box,body.dark-mode .notif-empty-box,.dark .notif-empty-box{background-color:#0f172a !important;border-color:#1e293b !important;color:#f8fafc !important}.notif-dropdown-header{background-color:#f8fafc;border-color:#e2e8f0 !important}html.dark .notif-dropdown-header,body.dark-mode .notif-dropdown-header{background-color:#1e293b !important;border-color:#334155 !important}.notif-dropdown-footer{background-color:#f8fafc;border-color:#e2e8f0 !important}html.dark .notif-dropdown-footer,body.dark-mode .notif-dropdown-footer{background-color:#1e293b !important;border-color:#334155 !important}.notif-dropdown-title{color:#0f172a}html.dark .notif-dropdown-title,body.dark-mode .notif-dropdown-title{color:#f8fafc !important}.notif-modal-content{background-color:#fff;border:1px solid #e2e8f0;color:#0f172a;box-shadow:0 25px 50px -12px rgba(15,23,42,.25)}html.dark .notif-modal-content,body.dark-mode .notif-modal-content{background-color:#0f172a !important;border-color:#1e293b !important;color:#f8fafc !important;box-shadow:0 25px 50px -12px rgba(0,0,0,.7) !important}.notif-modal-body{background-color:#fff;color:#0f172a}html.dark .notif-modal-body,body.dark-mode .notif-modal-body{background-color:#0f172a !important;color:#f8fafc !important}.notif-modal-close{filter:none}html.dark .notif-modal-close,body.dark-mode .notif-modal-close{filter:invert(1) !important}.kfx-bento-section{position:relative;background-color:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:100px 0;transition:background-color .3s ease,border-color .3s ease}html.dark .kfx-bento-section,body.dark-mode .kfx-bento-section,.dark .kfx-bento-section{background-color:#0b0f19 !important;border-color:rgba(255,255,255,.07) !important}.kfx-bento-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:1}.bento-glow-primary{width:550px;height:550px;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);top:-120px;right:-80px}.bento-glow-amber{width:500px;height:500px;background:radial-gradient(circle,rgba(240,157,10,.06) 0%,transparent 70%);bottom:-100px;left:-60px}html.dark .bento-glow-primary{background:radial-gradient(circle,rgba(37,99,235,.16) 0%,transparent 70%)}html.dark .bento-glow-amber{background:radial-gradient(circle,rgba(240,157,10,.12) 0%,transparent 70%)}.kfx-badge-capsule{background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.2);color:#2563eb;font-weight:700;font-size:.84rem;padding:.45rem 1.15rem;border-radius:9999px;box-shadow:0 2px 8px rgba(37,99,235,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.kfx-badge-mono{font-family:'SF Mono','Fira Code','Consolas',monospace;font-size:.76rem;letter-spacing:1px;font-weight:800}.kfx-badge-divider{opacity:.4;font-weight:300}.kfx-badge-dot{width:7px;height:7px;border-radius:50%;background-color:#2563eb;box-shadow:0 0 10px #2563eb;animation:kfxPulseDot 2s infinite ease-in-out}html.dark .kfx-badge-capsule{background:rgba(37,99,235,.16);border-color:rgba(96,165,250,.3);color:#93c5fd}html.dark .kfx-badge-dot{background-color:#60a5fa;box-shadow:0 0 12px #60a5fa}@keyframes kfxPulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.5}}.kfx-bento-headline{font-size:clamp(1.85rem,3.4vw,2.6rem);font-weight:900;color:#0f172a;letter-spacing:-.5px;line-height:1.3}html.dark .kfx-bento-headline{color:#fff !important}.kfx-bento-lead{color:#64748b;font-size:1.05rem;line-height:1.75}html.dark .kfx-bento-lead{color:#94a3b8 !important}.kfx-bento-card{position:relative;background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:1.6rem;padding:2.2rem 2rem 1.8rem;box-shadow:0 10px 30px -5px rgba(15,23,42,.04),0 4px 6px -4px rgba(15,23,42,.02);transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .35s ease;overflow:hidden}.kfx-bento-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px rgba(15,23,42,.08),0 0 0 1px rgba(37,99,235,.2);border-color:rgba(37,99,235,.35)}html.dark .kfx-bento-card{background:#111827 !important;border-color:rgba(255,255,255,.08) !important;box-shadow:0 20px 45px -10px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07) !important}html.dark .kfx-bento-card:hover{border-color:rgba(96,165,250,.35) !important;box-shadow:0 25px 55px -10px rgba(0,0,0,.7),0 0 25px rgba(37,99,235,.15) !important}.bento-badge-tag{display:inline-flex;align-items:center;gap:8px;padding:.35rem .85rem;border-radius:999px;font-size:.8rem;font-weight:700}.bento-badge-tag.theme-blue{background:rgba(37,99,235,.08);color:#2563eb;border:1px solid rgba(37,99,235,.18)}.bento-badge-tag.theme-amber{background:rgba(245,158,11,.1);color:#d97706;border:1px solid rgba(245,158,11,.22)}.bento-badge-tag.theme-emerald{background:rgba(16,185,129,.1);color:#059669;border:1px solid rgba(16,185,129,.22)}.bento-badge-tag.theme-purple{background:rgba(124,58,237,.1);color:#7c3aed;border:1px solid rgba(124,58,237,.22)}html.dark .bento-badge-tag.theme-blue{background:rgba(37,99,235,.2);color:#93c5fd;border-color:rgba(59,130,246,.35)}html.dark .bento-badge-tag.theme-amber{background:rgba(245,158,11,.2);color:#fbbf24;border-color:rgba(245,158,11,.35)}html.dark .bento-badge-tag.theme-emerald{background:rgba(16,185,129,.2);color:#34d399;border-color:rgba(16,185,129,.35)}html.dark .bento-badge-tag.theme-purple{background:rgba(124,58,237,.2);color:#c084fc;border-color:rgba(124,58,237,.35)}.bento-security-pill{font-size:.75rem;font-weight:700;color:#64748b;display:inline-flex;align-items:center;gap:6px;padding:.3rem .65rem;background:rgba(0,0,0,.03);border-radius:8px}html.dark .bento-security-pill{background:rgba(255,255,255,.05);color:#94a3b8}.bento-mini-counter{font-family:'SF Mono','Fira Code',monospace;font-size:.72rem;font-weight:800;letter-spacing:.5px;padding:.25rem .6rem;background:rgba(0,0,0,.04);border-radius:6px;color:#475569}html.dark .bento-mini-counter{background:rgba(255,255,255,.08);color:#cbd5e1}.bento-title{font-size:1.35rem;font-weight:800;color:#0f172a;line-height:1.4;letter-spacing:-.2px}html.dark .bento-title{color:#f8fafc !important}.bento-desc{font-size:.92rem;color:#64748b;line-height:1.7}html.dark .bento-desc{color:#94a3b8 !important}.bento-player-ui{background:#090d16;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;box-shadow:0 15px 35px -5px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.15)}.player-topbar{background:#060910;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:.78rem}.window-dots .dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-red{background-color:#ef4444}.dot-yellow{background-color:#eab308}.dot-green{background-color:#22c55e}.player-lesson-name{color:#cbd5e1;font-weight:600;font-size:.78rem;max-width:55%}.player-watermark{font-family:'SF Mono','Fira Code',monospace;font-size:.65rem;color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);padding:2px 6px;border-radius:4px}.player-canvas{padding:16px 20px;background:linear-gradient(180deg,#090d16 0%,#0d1322 100%);min-height:125px;display:flex;align-items:center;position:relative}.player-code-preview{font-family:'SF Mono','Fira Code','Consolas',monospace;font-size:.8rem;line-height:1.6;color:#e2e8f0;direction:ltr;text-align:left;width:100%;opacity:.85}.player-code-preview .indent-1{padding-left:1.25rem}.player-code-preview .c-kw{color:#60a5fa;font-weight:700}.player-code-preview .c-type{color:#34d399;font-weight:600}.player-code-preview .c-fn{color:#f59e0b}.player-center-play-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.play-btn-pulse{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 0 25px rgba(37,99,235,.7);padding-left:3px;animation:playPulse 2.4s infinite ease-in-out}@keyframes playPulse{0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(37,99,235,.6)}50%{transform:scale(1.1);box-shadow:0 0 35px rgba(37,99,235,.9)}}.player-controls-bar{background:#060910;padding:10px 16px 12px;border-top:1px solid rgba(255,255,255,.06)}.player-time-curr{color:#60a5fa;font-family:'SF Mono',monospace;font-size:.8rem}.player-time-total{font-family:'SF Mono',monospace;font-size:.8rem}.speed-pill{font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:6px;color:#64748b;background:rgba(255,255,255,.05);cursor:default;font-family:'SF Mono',monospace}.speed-pill.active{background:#2563eb;color:#fff;box-shadow:0 0 8px rgba(37,99,235,.5)}.player-progress-track{position:relative;width:100%;height:6px;background:rgba(255,255,255,.12);border-radius:4px;overflow:visible}.player-progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:4px;box-shadow:0 0 8px rgba(96,165,250,.8)}.chapter-pin{position:absolute;top:50%;width:8px;height:8px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px rgba(0,0,0,.6)}.chapter-pin.active{background:#60a5fa;width:10px;height:10px;box-shadow:0 0 10px #60a5fa}.badge-playback{font-size:.72rem;font-weight:700;color:#34d399}.bento-code-box{background:#090d16;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px;box-shadow:0 15px 35px -5px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.15)}.code-box-header{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px;margin-bottom:10px;color:#e2e8f0}.file-tree-list{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:#94a3b8;direction:ltr;text-align:left;margin-bottom:12px}.file-tree-item{display:flex;align-items:center;padding:3px 6px;border-radius:6px;transition:background-color .2s ease}.file-tree-item.active{background:rgba(37,99,235,.18);color:#fff;font-weight:600}.badge-line-tag{margin-left:auto;font-size:.65rem;background:rgba(37,99,235,.3);color:#93c5fd;padding:1px 6px;border-radius:4px}.terminal-cmd-bar{background:#05070d;border:1px solid rgba(255,255,255,.08);padding:7px 12px;border-radius:8px;font-size:.75rem;color:#cbd5e1;direction:ltr}.btn-copy-mini{background:transparent;border:none;color:#94a3b8;font-size:.85rem;padding:2px 6px;cursor:pointer;border-radius:4px;transition:all .2s ease}.btn-copy-mini:hover{color:#fff;background:rgba(255,255,255,.1)}.badge-update-tag{font-size:.72rem;font-weight:700;color:#f59e0b;background:rgba(245,158,11,.1);padding:2px 8px;border-radius:6px}.cert-hologram-card{background:linear-gradient(135deg,rgba(37,99,235,.06) 0%,rgba(16,185,129,.06) 100%);border:1px solid rgba(37,99,235,.18);box-shadow:inset 0 1px 1px rgba(255,255,255,.6)}html.dark .cert-hologram-card{background:linear-gradient(135deg,rgba(30,41,59,.85) 0%,rgba(15,23,42,.95) 100%);border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 1px rgba(255,255,255,.1)}.cert-gold-seal{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,rgba(245,158,11,.2) 0%,rgba(217,119,6,.3) 100%);border:1.5px solid #f59e0b;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 0 12px rgba(245,158,11,.3)}.cert-issuer{font-size:.95rem;color:#0f172a}html.dark .cert-issuer{color:#f8fafc}.cert-qr-box{width:44px;height:44px;border-radius:8px;background:#fff;color:#0f172a;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.08)}.cert-code-strip{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.06)}html.dark .cert-code-strip{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.08)}.cert-hash{color:#2563eb;font-size:.78rem;letter-spacing:.5px}html.dark .cert-hash{color:#60a5fa}.cert-status-badge{font-size:.74rem;font-weight:700;color:#059669;display:inline-flex;align-items:center;gap:6px}html.dark .cert-status-badge{color:#34d399}.cert-pulse-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:kfxPulseDot 2s infinite ease-in-out}.roadmap-timeline-box{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.06)}html.dark .roadmap-timeline-box{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.08)}.roadmap-steps{padding:6px 4px 0}.step-node{z-index:2}.step-node .node-dot{width:26px;height:26px;border-radius:50%;margin:0 auto 4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.step-node.completed .node-dot{background:#10b981;color:#fff;box-shadow:0 0 10px rgba(16,185,129,.4)}.step-node.current .node-dot{background:#2563eb;color:#fff;box-shadow:0 0 12px rgba(37,99,235,.5);animation:playPulse 2s infinite ease-in-out}.step-node.upcoming .node-dot{background:#e2e8f0;color:#64748b}html.dark .step-node.upcoming .node-dot{background:rgba(255,255,255,.1);color:#94a3b8}.node-text{font-size:.72rem;font-weight:700;color:#475569;display:block}html.dark .node-text{color:#cbd5e1}.node-line{flex:1;height:2px;background:#cbd5e1;margin:-14px 4px 0;z-index:1}html.dark .node-line{background:rgba(255,255,255,.15)}.community-chat-pill{background:rgba(37,99,235,.04);border:1px solid rgba(37,99,235,.15)}html.dark .community-chat-pill{background:rgba(37,99,235,.1);border-color:rgba(96,165,250,.2)}.avatar-group-mini{margin-left:2px}.mini-avatar{width:22px;height:22px;border-radius:50%;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;color:#fff;margin-right:-6px}html.dark .mini-avatar{border-color:#111827}.avatar-1{background:#2563eb}.avatar-2{background:#f59e0b}.avatar-3{background:#10b981}.community-live-pill{font-size:.74rem;font-weight:700;color:#7c3aed;display:inline-flex;align-items:center;gap:6px}html.dark .community-live-pill{color:#c084fc}.live-blink{width:6px;height:6px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 8px #8b5cf6;animation:kfxPulseDot 2s infinite ease-in-out}.bento-perks-row{border-color:rgba(226,232,240,.8) !important}html.dark .bento-perks-row{border-color:rgba(255,255,255,.08) !important}.bento-perk-item{font-size:.82rem;font-weight:600;color:#334155;display:inline-flex;align-items:center;gap:6px}html.dark .bento-perk-item{color:#cbd5e1 !important}@media(max-width:768px){.kfx-bento-section{padding:60px 0}.kfx-bento-card{padding:1.6rem 1.3rem 1.4rem;border-radius:1.3rem}.player-canvas{padding:12px 14px}.player-code-preview{font-size:.72rem}.player-lesson-name{max-width:45%}}