.public-layout{min-height:100vh;width:100%;overflow-x:hidden;background-color:#fff}.public-main{width:100%;min-width:0;padding-top:68px}:root{--learnify-primary: #4f46e5;--learnify-primary-dark: #4338ca;--learnify-secondary: #7c3aed;--learnify-text: #0f172a;--learnify-muted: #64748b;--learnify-border: #e2e8f0;--learnify-white: #ffffff;--learnify-light: #f8fafc;--learnify-shadow: 0 10px 30px rgba(15, 23, 42, .08);--learnify-radius: 12px}.learnify-navbar{position:fixed;top:0;left:0;right:0;z-index:9000;height:68px;border-bottom:1px solid rgba(226,232,240,.8);background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.navbar-container{width:100%;max-width:1440px;height:68px;margin:0 auto;padding:0 32px;display:flex;align-items:center}.learnify-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}.logo-mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:18px;font-weight:800;box-shadow:0 8px 20px #4f46e540}.logo-text{display:flex;flex-direction:column}.logo-text p{margin:0;color:var(--learnify-text);font-size:17px;font-weight:800;line-height:1.1}.logo-text span{margin-top:2px;color:#94a3b8;font-size:9px;font-weight:500}.desktop-navigation{display:flex;align-items:center;gap:4px;margin-left:32px}.desktop-nav-link{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;color:#64748b;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}.desktop-nav-link:hover{color:var(--learnify-primary);background:#eef2ff;transform:translateY(-1px)}.desktop-nav-link svg{transition:transform .2s ease}.desktop-nav-link:hover svg{transform:scale(1.08)}.navbar-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.desktop-search{display:block}.search-form{display:flex;align-items:center}.search-box{width:220px;height:40px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--learnify-border);border-radius:12px;background:#f8fafc;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.search-box:focus-within{border-color:#818cf8;background:#fff;box-shadow:0 0 0 4px #6366f11a}.search-box>svg{flex-shrink:0;color:#94a3b8}.search-box input{min-width:0;flex:1;margin-left:8px;border:0;outline:0;background:transparent;color:#334155;font-size:13px}.search-box input::placeholder{color:#94a3b8}.search-box button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:#94a3b8;cursor:pointer;transition:color .2s ease}.search-box button:hover{color:#334155}.navbar-icon-button{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:transparent;color:#64748b;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.navbar-icon-button:hover{background:#eef2ff;color:var(--learnify-primary);transform:translateY(-1px)}.navbar-badge-button{position:relative}.notification-badge{position:absolute;top:-1px;right:-1px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;line-height:1;box-shadow:0 2px 5px #ef444440}.wishlist-badge{background:#f43f5e}.cart-badge{background:#ef4444}.desktop-profile{position:relative;display:block}.profile-trigger{display:flex;align-items:center;gap:8px;margin-left:4px;padding:6px 8px;border:0;border-radius:12px;background:transparent;cursor:pointer;transition:background .2s ease}.profile-trigger:hover{background:#f1f5f9}.profile-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:14px;font-weight:700;box-shadow:0 5px 12px #4f46e538}.profile-info{max-width:120px;display:flex;flex-direction:column;text-align:left}.profile-info p{max-width:120px;margin:0;overflow:hidden;color:#1e293b;font-size:12px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.profile-info span{max-width:120px;margin-top:1px;overflow:hidden;color:#94a3b8;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.profile-chevron{color:#94a3b8;transition:transform .25s ease}.profile-chevron.rotate{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:52px;right:0;width:230px;padding:8px;overflow:hidden;border:1px solid var(--learnify-border);border-radius:16px;background:#fff;box-shadow:0 20px 50px #0f172a26;animation:dropdownIn .18s ease-out}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#eef2ff,#f5f3ff)}.dropdown-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:var(--learnify-primary);color:#fff;font-size:14px;font-weight:700}.profile-dropdown-header>div{min-width:0}.profile-dropdown-header p{margin:0;overflow:hidden;color:#1e293b;font-size:12px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.profile-dropdown-header span{display:block;margin-top:2px;overflow:hidden;color:#64748b;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.profile-menu-link,.logout-button{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:#64748b;font-size:12px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease}.profile-menu-link:hover{background:#f8fafc;color:#334155}.profile-divider{height:1px;margin:4px 0;background:#f1f5f9}.logout-button{color:#ef4444}.logout-button:hover{background:#fef2f2}.auth-buttons{display:flex;align-items:center;gap:8px}.login-button{padding:8px 12px;border-radius:12px;color:#64748b;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s ease,color .2s ease}.login-button:hover{background:#f1f5f9;color:#334155}.register-button{padding:10px 16px;border-radius:12px;background:var(--learnify-primary);color:#fff;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 6px 16px #4f46e533;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.register-button:hover{background:var(--learnify-primary-dark);transform:translateY(-1px);box-shadow:0 8px 20px #4f46e547}.mobile-search-button,.mobile-menu-button,.mobile-search-panel{display:none}.mobile-drawer-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;visibility:hidden;pointer-events:none}.mobile-drawer-wrapper.open{visibility:visible;pointer-events:auto}.mobile-drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease}.mobile-drawer-wrapper.open .mobile-drawer-overlay{opacity:1}.mobile-drawer{position:absolute;top:0;left:0;width:84%;max-width:340px;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff;box-shadow:15px 0 50px #0f172a33;transform:translate(-100%);transition:transform .3s ease-out}.mobile-drawer-wrapper.open .mobile-drawer{transform:translate(0)}.mobile-drawer-header{position:relative;flex-shrink:0;overflow:hidden;padding:16px;background:linear-gradient(135deg,#4338ca,#4f46e5 55%,#7c3aed)}.drawer-decoration{position:absolute;pointer-events:none;border-radius:50%;filter:blur(25px)}.decoration-one{width:110px;height:110px;top:-45px;right:-35px;background:#ffffff1a}.decoration-two{width:90px;height:90px;bottom:-45px;left:-30px;background:#c4b5fd33}.drawer-top-row{position:relative;display:flex;align-items:center;justify-content:space-between}.drawer-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.drawer-logo-mark{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#fff;color:#4338ca;font-size:14px;font-weight:800;box-shadow:0 7px 18px #0f172a2e}.drawer-logo p{margin:0;font-size:16px;font-weight:800;line-height:1.1}.drawer-logo span{display:block;margin-top:3px;color:#e0e7ff;font-size:9px;font-weight:500}.drawer-close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}.drawer-close-button:hover{background:#fff3;transform:rotate(4deg)}.mobile-user-card{position:relative;display:flex;align-items:center;gap:12px;margin-top:16px;padding:10px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;text-decoration:none;transition:background .2s ease}.mobile-user-card:hover{background:#ffffff26}.mobile-user-avatar-wrapper{position:relative;flex-shrink:0}.mobile-user-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#4338ca;font-size:16px;font-weight:700;box-shadow:0 5px 12px #0f172a26}.online-dot{position:absolute;right:0;bottom:0;width:12px;height:12px;border:2px solid #4f46e5;border-radius:50%;background:#34d399}.mobile-user-info{min-width:0;flex:1}.mobile-user-name{display:flex;align-items:center;gap:6px}.mobile-user-name p{max-width:150px;margin:0;overflow:hidden;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.mobile-user-name span{padding:2px 6px;border-radius:999px;background:#ffffff26;color:#eef2ff;font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.mobile-user-email{margin:3px 0 0;overflow:hidden;color:#c7d2fe;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.online-status{display:flex;align-items:center;gap:5px;margin-top:4px;color:#c7d2fe;font-size:8px;font-weight:500}.online-status span{width:6px;height:6px;border-radius:50%;background:#34d399}.mobile-user-arrow{flex-shrink:0;color:#c7d2fe;transform:rotate(-90deg)}.mobile-drawer-content{min-height:0;flex:1;overflow-y:auto;padding:12px}.mobile-drawer-content::-webkit-scrollbar{width:4px}.mobile-drawer-content::-webkit-scrollbar-thumb{border-radius:10px;background:#cbd5e1}.drawer-section-title{margin:0 0 8px;padding:0 8px;color:#94a3b8;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.drawer-main-links{display:flex;flex-direction:column;gap:2px}.drawer-link{min-height:42px;display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;color:#64748b;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}.drawer-link:hover{background:#eef2ff;color:#4f46e5;transform:translate(2px)}.drawer-link-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9px;background:#f8fafc;color:#64748b;transition:background .2s ease,color .2s ease}.drawer-link:hover .drawer-link-icon{background:#e0e7ff;color:#4f46e5}.drawer-divider{height:1px;margin:12px 0;background:#f1f5f9}.learning-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px;border:0;border-radius:12px;background:transparent;color:#334155;cursor:pointer;transition:background .2s ease,color .2s ease}.learning-toggle:hover,.learning-toggle.learning-open{background:#eef2ff;color:#4f46e5}.learning-toggle-left{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600}.learning-toggle .drawer-link-icon{background:#f8fafc}.learning-toggle.learning-open .drawer-link-icon{background:#e0e7ff;color:#4f46e5}.learning-chevron{color:#94a3b8;transition:transform .25s ease,color .25s ease}.learning-chevron.rotate{transform:rotate(180deg);color:#4f46e5}.learning-links{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .25s ease}.learning-links-open{max-height:600px;opacity:1}.learning-links-inner{margin-top:4px;margin-left:20px;padding-left:8px;border-left:1px solid #e0e7ff}.learning-link{min-height:38px;display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;color:#64748b;font-size:11px;font-weight:500;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}.learning-link:hover{background:#eef2ff;color:#4f46e5;transform:translate(2px)}.quick-access-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-card{padding:10px;border:1px solid #f1f5f9;border-radius:12px;background:#f8fafc;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}.quick-card:hover{transform:translateY(-2px)}.quick-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;border-radius:8px}.quick-card p{margin:0;color:#334155;font-size:10px;font-weight:700}.quick-card>span{display:block;margin-top:2px;color:#94a3b8;font-size:8px}.quick-wishlist:hover{border-color:#fbcfe8;background:#fdf2f8}.quick-wishlist .quick-icon{background:#fce7f3;color:#db2777}.quick-cart:hover{border-color:#c7d2fe;background:#eef2ff}.quick-cart .quick-icon{background:#e0e7ff;color:#4f46e5}.quick-schedule:hover{border-color:#a7f3d0;background:#ecfdf5}.quick-schedule .quick-icon{background:#d1fae5;color:#059669}.quick-certificates:hover{border-color:#fde68a;background:#fffbeb}.quick-certificates .quick-icon{background:#fef3c7;color:#d97706}.mobile-drawer-footer{flex-shrink:0;padding:12px;border-top:1px solid #f1f5f9;background:#fff}.mobile-logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid #fee2e2;border-radius:12px;background:#fef2f2;color:#ef4444;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s ease}.mobile-logout-button:hover{background:#fee2e2}.mobile-auth-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-login-button,.mobile-register-button{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:12px;font-size:11px;font-weight:600;text-decoration:none}.mobile-login-button{border:1px solid #e2e8f0;color:#64748b;background:#fff}.mobile-register-button{background:#4f46e5;color:#fff;box-shadow:0 5px 12px #4f46e526}.copyright{margin:8px 0 0;text-align:center;color:#94a3b8;font-size:8px}@media (max-width: 1280px){.navbar-container{padding:0 24px}.desktop-navigation{margin-left:20px}.desktop-nav-link{padding:8px 9px}.desktop-nav-link span{font-size:12px}.profile-info{display:none}.profile-trigger{gap:4px}}@media (max-width: 1100px){.desktop-navigation{gap:2px}.desktop-nav-link{padding:8px}.desktop-nav-link span{display:none}.desktop-nav-link svg{width:17px;height:17px}.search-box{width:190px}}@media (max-width: 1023px){.learnify-navbar{height:68px}.navbar-container{height:68px;padding:0 16px}.desktop-navigation,.desktop-search,.desktop-profile,.auth-buttons{display:none}.mobile-search-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:#fff;color:#475569;cursor:pointer;transition:background .2s ease,color .2s ease}.mobile-search-button:hover,.mobile-search-button.active{background:#eef2ff;color:#4f46e5}.navbar-icon-button{width:40px;height:40px}.cart-button{display:none}.mobile-menu-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-left:2px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#334155;cursor:pointer;box-shadow:0 2px 5px #0f172a0a;transition:background .2s ease,color .2s ease,border-color .2s ease}.mobile-menu-button:hover{border-color:#c7d2fe;background:#eef2ff;color:#4f46e5}.mobile-search-panel{position:absolute;top:100%;left:0;right:0;display:block;padding:12px 16px;border-top:1px solid #f1f5f9;background:#fff;box-shadow:0 10px 20px #0f172a14;animation:searchPanelIn .2s ease-out}@keyframes searchPanelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mobile-search-form{height:44px;display:flex;align-items:center;padding:0 8px 0 12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.mobile-search-form:focus-within{border-color:#818cf8;background:#fff;box-shadow:0 0 0 4px #6366f11a}.mobile-search-form>svg{flex-shrink:0;color:#94a3b8}.mobile-search-form input{min-width:0;flex:1;margin-left:8px;border:0;outline:0;background:transparent;color:#334155;font-size:13px}.mobile-search-form input::placeholder{color:#94a3b8}.mobile-search-form button{padding:8px 12px;border:0;border-radius:9px;background:#4f46e5;color:#fff;font-size:10px;font-weight:700;cursor:pointer}.logo-text,.mobile-drawer-wrapper{display:block}}@media (max-width: 640px){.navbar-container{padding:0 12px}.logo-mark{width:38px;height:38px}.logo-text p{font-size:16px}.logo-text span{font-size:8px}.navbar-actions{gap:1px}.mobile-search-button,.navbar-icon-button,.mobile-menu-button{width:38px;height:38px}.notification-badge{top:-1px;right:-1px;min-width:15px;height:15px;font-size:8px}.mobile-drawer{width:88%;max-width:340px}.mobile-drawer-header{padding:14px 14px 15px}.mobile-drawer-content,.mobile-drawer-footer{padding:11px}}@media (max-width: 380px){.logo-text span{display:none}.logo-mark{width:36px;height:36px}.logo-text p{font-size:15px}.mobile-search-button,.navbar-icon-button,.mobile-menu-button{width:36px;height:36px}.mobile-drawer{width:92%}.quick-access-grid{gap:6px}.quick-card{padding:9px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.learnify-footer{position:relative;width:100%;margin-top:5rem;padding:4.5rem 1.5rem 1.5rem;overflow:hidden;color:#fff;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.22),transparent 30%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.2),transparent 30%),linear-gradient(135deg,#17134f,#211866 45%,#31247c)}.learnify-footer-glow{position:absolute;width:18rem;height:18rem;border-radius:50%;pointer-events:none;filter:blur(70px);opacity:.22;animation:learnifyFooterGlow 8s ease-in-out infinite alternate}.learnify-footer-glow-one{top:-8rem;left:-7rem;background:#818cf8}.learnify-footer-glow-two{right:-8rem;bottom:-8rem;background:#c084fc;animation-delay:2s}@keyframes learnifyFooterGlow{0%{transform:translate(0) scale(1)}to{transform:translate(25px,-15px) scale(1.12)}}.learnify-footer-container{position:relative;z-index:2;width:100%;max-width:72rem;margin:0 auto}.learnify-footer-top{display:flex;align-items:center;justify-content:space-between;gap:2rem}.learnify-footer-brand{display:flex;align-items:center;gap:.9rem}.learnify-footer-logo{width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:1rem;color:#fff;background:linear-gradient(135deg,#818cf8f2,#a855f7f2);box-shadow:0 10px 30px #0003,0 0 25px #818cf840;transition:transform .3s ease,box-shadow .3s ease}.learnify-footer-logo:hover{transform:translateY(-4px) rotate(-3deg);box-shadow:0 15px 35px #00000040,0 0 35px #818cf866}.learnify-footer-title{margin:0;font-size:1.65rem;line-height:1.2;font-weight:700;letter-spacing:-.03em}.learnify-footer-subtitle{margin:.3rem 0 0;color:#c7d2fe;font-size:.82rem}.learnify-footer-badge{display:flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#ddd6fe;background:#ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.75rem;font-weight:500}.learnify-footer-badge-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399cc;animation:learnifyFooterPulse 2s ease-in-out infinite}@keyframes learnifyFooterPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.learnify-footer-divider{width:100%;height:1px;margin:2.5rem 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.learnify-footer-main{display:grid;grid-template-columns:1.1fr 1.5fr .8fr;gap:3rem}.learnify-footer-label{display:block;margin-bottom:1rem;color:#a5b4fc;font-size:.68rem;font-weight:700;letter-spacing:.12em}.learnify-footer-about p{max-width:19rem;margin:0;color:#c7d2fe;font-size:.84rem;line-height:1.7}.learnify-footer-mini-line{display:flex;gap:.3rem;margin-top:1.5rem}.learnify-footer-mini-line span{display:block;height:3px;border-radius:999px;background:#818cf8}.learnify-footer-mini-line span:nth-child(1){width:2.5rem}.learnify-footer-mini-line span:nth-child(2){width:1rem;opacity:.6}.learnify-footer-mini-line span:nth-child(3){width:.45rem;opacity:.35}.learnify-footer-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem}.learnify-footer-point{display:flex;align-items:center;min-width:0;gap:.5rem;padding:.55rem .6rem;border:1px solid transparent;border-radius:.6rem;color:#dbe4ff;font-size:.78rem;transition:background .25s ease,border-color .25s ease,transform .25s ease}.learnify-footer-point:hover{border-color:#a5b4fc2e;background:#ffffff12;transform:translate(4px)}.learnify-footer-check-wrap{display:flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;flex-shrink:0;border-radius:50%;background:#818cf821}.learnify-footer-check{color:#a5b4fc}.learnify-footer-nav{display:flex;flex-direction:column;gap:.45rem}.learnify-footer-nav a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.55rem .65rem;border-radius:.55rem;color:#c7d2fe;text-decoration:none;font-size:.8rem;transition:color .25s ease,background .25s ease,transform .25s ease}.learnify-footer-nav a svg{opacity:0;transform:translate(-4px,4px);transition:opacity .25s ease,transform .25s ease}.learnify-footer-nav a:hover{color:#fff;background:#ffffff12;transform:translate(3px)}.learnify-footer-nav a:hover svg{opacity:1;transform:translate(0)}.learnify-footer-tagline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.55rem;margin-top:3rem;padding:1rem;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);color:#c7d2fe;font-size:.72rem}.learnify-footer-dot{color:#818cf8}.learnify-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.4rem;color:#94a3d8;font-size:.7rem}.learnify-footer-made{display:flex;align-items:center;gap:.35rem}.learnify-footer-made svg{color:#f472b6}@media (max-width: 900px){.learnify-footer{margin-top:4rem;padding-top:4rem}.learnify-footer-main{grid-template-columns:1fr 1fr;gap:2.5rem}.learnify-footer-about{grid-column:1 / -1}.learnify-footer-about p{max-width:35rem}}@media (max-width: 640px){.learnify-footer{margin-top:3rem;padding:3.25rem 1.1rem 1.25rem}.learnify-footer-top{align-items:flex-start;flex-direction:column;gap:1.25rem}.learnify-footer-logo{width:3rem;height:3rem}.learnify-footer-title{font-size:1.45rem}.learnify-footer-divider{margin:2rem 0}.learnify-footer-main{grid-template-columns:1fr;gap:2rem}.learnify-footer-about{grid-column:auto}.learnify-footer-points{grid-template-columns:1fr 1fr}.learnify-footer-tagline{justify-content:flex-start;margin-top:2.25rem;line-height:1.6}.learnify-footer-bottom{align-items:flex-start;flex-direction:column;gap:.7rem}}@media (max-width: 420px){.learnify-footer{padding-left:.9rem;padding-right:.9rem}.learnify-footer-points{grid-template-columns:1fr}.learnify-footer-point{padding:.5rem}.learnify-footer-tagline{flex-direction:column;align-items:flex-start;gap:.25rem}.learnify-footer-dot{display:none}.learnify-footer-bottom{font-size:.65rem}}@media (max-width: 340px){.learnify-footer{padding-left:.75rem;padding-right:.75rem}.learnify-footer-brand{gap:.65rem}.learnify-footer-logo{width:2.7rem;height:2.7rem}.learnify-footer-title{font-size:1.3rem}.learnify-footer-subtitle{font-size:.72rem}.learnify-footer-badge{font-size:.68rem}}@media (prefers-reduced-motion: reduce){.learnify-footer-glow,.learnify-footer-badge-dot{animation:none}.learnify-footer-logo,.learnify-footer-point,.learnify-footer-nav a,.learnify-footer-nav a svg{transition:none}}.lh-hero{position:relative;overflow:hidden;isolation:isolate;width:100%;background:radial-gradient(circle at 76% 28%,rgba(129,140,248,.14),transparent 28%),radial-gradient(circle at 8% 72%,rgba(139,92,246,.09),transparent 26%),linear-gradient(135deg,#f8faff,#fff 52%,#f7f5ff)}.lh-orb{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(70px);animation:lhFloat 9s ease-in-out infinite}.lh-orb-1{width:280px;height:280px;left:-120px;top:60px;background:#6366f11f}.lh-orb-2{width:360px;height:360px;right:-150px;top:-100px;background:#8b5cf621;animation-delay:-3s}.lh-orb-3{width:220px;height:220px;left:45%;bottom:-140px;background:#38bdf817;animation-delay:-6s}@keyframes lhFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(25px,-25px,0)}}.lh-grid{position:relative;z-index:2;width:min(1280px,calc(100% - 48px));min-height:680px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);align-items:center;gap:20px}.lh-content{position:relative;z-index:5;min-width:0}.lh-badge{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;border:1px solid transparent;border-radius:999px;background:linear-gradient(#fffffff0,#f8f7fff0) padding-box,linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#06b6d4,#6366f1) border-box;background-size:100% 100%,300% 100%;color:#4f46e5;font-size:.75rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;box-shadow:0 4px 15px #6366f114,0 0 20px #8b5cf60f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:premiumBorder 4s linear infinite;transition:transform .25s ease,box-shadow .25s ease}.lh-badge:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:-2;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#06b6d4,#6366f1);background-size:300% 100%;filter:blur(7px);opacity:.28;animation:premiumGlow 4s linear infinite;pointer-events:none}.lh-badge:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#fffffffa,#f8f7ffe0);pointer-events:none}.lh-badge:hover{transform:translateY(-2px);box-shadow:0 7px 22px #6366f121,0 0 30px #8b5cf61f}@keyframes premiumBorder{0%{background-position:0 0,0% 50%}50%{background-position:0 0,150% 50%}to{background-position:0 0,300% 50%}}@keyframes premiumGlow{0%{background-position:0% 50%;opacity:.22}50%{background-position:150% 50%;opacity:.38}to{background-position:300% 50%;opacity:.22}}.lh-title{max-width:680px;margin:1.5rem 0 0;color:#0f172a;font-size:clamp(42px,5vw,72px);line-height:1.05;letter-spacing:-.035em;font-weight:700;animation:lhTitle .8s ease both}.lh-title span{display:inline-block;background:linear-gradient(90deg,#4f46e5,#7c3aed,#c026d3,#4f46e5);background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lhGradient 4s linear infinite,lhTextFloat 4s ease-in-out infinite}@keyframes lhTitle{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes lhGradient{0%{background-position:0% center}to{background-position:250% center}}@keyframes lhTextFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.lh-description{max-width:570px;margin:22px 0 0;color:#64748b;font-size:17px;line-height:1.7;animation:lhFade .9s ease .15s both}@keyframes lhFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.lh-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;animation:lhFade .9s ease .25s both}.lh-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 20px;border:0;border-radius:13px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,color .3s ease}.lh-btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 12px 25px #4f46e540}.lh-btn-primary:before{content:"";position:absolute;left:-80px;top:-25%;width:60px;height:150%;background:#ffffff4d;transform:rotate(20deg);transition:left .6s ease}.lh-btn-primary:hover:before{left:120%}.lh-btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 35px #4f46e552}.lh-btn-primary svg{transition:transform .3s ease}.lh-btn-primary:hover svg{transform:translate(4px)}.lh-btn-secondary{color:#4338ca;background:#ffffffdb;border:1px solid #c7d2fe;box-shadow:0 5px 15px #0f172a0d}.lh-btn-secondary:hover{transform:translateY(-3px);color:#3730a3;background:#eef2ff;border-color:#818cf8;box-shadow:0 12px 25px #4f46e51f}.lh-btn-watch{padding-left:10px;padding-right:10px;color:#475569;background:transparent}.lh-btn-watch:hover{color:#4f46e5;transform:translateY(-2px)}.lh-play{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;color:#4f46e5;background:#eef2ff;transition:transform .3s ease,background .3s ease}.lh-btn-watch:hover .lh-play{transform:scale(1.1);background:#e0e7ff}.lh-stats{display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:620px;margin-top:45px}.lh-stat{min-width:0;padding-right:20px}.lh-stat-border{padding-left:20px;border-left:1px solid #e2e8f0}.lh-stat strong{display:block;color:#0f172a;font-size:23px;line-height:1.2;font-weight:700}.lh-stat span{display:block;margin-top:5px;color:#64748b;font-size:9px;line-height:1.35;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.lh-desktop-visual{display:flex;align-items:center;justify-content:center;min-height:600px;min-width:0}.lh-mobile-visual{display:none}.lh-visual{position:relative;width:480px;height:570px;flex-shrink:0;animation:lhVisual 5s ease-in-out infinite}@keyframes lhVisual{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lh-person-bg{position:absolute;left:50%;top:60px;width:390px;height:450px;transform:translate(-50%);border-radius:48% 48% 30% 30%;background:linear-gradient(145deg,#e0e7ff,#fff 45%,#ede9fe);box-shadow:0 30px 80px #4f46e51f}.lh-visual-glow{position:absolute;left:50%;top:80px;width:280px;height:280px;transform:translate(-50%);border-radius:50%;background:#818cf847;filter:blur(55px);animation:lhGlow 4s ease-in-out infinite}@keyframes lhGlow{0%,to{transform:translate(-50%) scale(1);opacity:.6}50%{transform:translate(-50%) scale(1.12);opacity:.9}}.lh-visual-ring{position:absolute;border:1px solid rgba(99,102,241,.12);border-radius:50%;pointer-events:none}.lh-ring-1{width:440px;height:440px;left:20px;top:70px;animation:lhRotate 18s linear infinite}.lh-ring-2{width:500px;height:500px;left:-10px;top:40px;border-style:dashed;opacity:.5;animation:lhRotateReverse 25s linear infinite}@keyframes lhRotate{to{transform:rotate(360deg)}}@keyframes lhRotateReverse{to{transform:rotate(-360deg)}}.lh-person{position:absolute;z-index:5;left:50%;bottom:0;width:430px;height:500px;transform:translate(-50%) scaleX(-1);object-fit:cover;object-position:top;mix-blend-mode:multiply;filter:drop-shadow(0 25px 30px rgba(15,23,42,.08))}.lh-card{position:absolute;z-index:20;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(255,255,255,.8);border-radius:16px;background:#ffffffe0;box-shadow:0 20px 40px #0f172a1a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);white-space:nowrap;transition:transform .3s ease,box-shadow .3s ease}.lh-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 25px 50px #0f172a26}.lh-card strong{display:block;color:#0f172a;font-size:12px;line-height:1.2}.lh-card span{display:block;margin-top:3px;color:#64748b;font-size:10px;line-height:1.2}.lh-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:12px}.lh-icon-indigo{color:#4f46e5;background:#eef2ff}.lh-icon-blue{color:#2563eb;background:#eff6ff}.lh-icon-orange{color:#ea580c;background:#fff7ed}.lh-card-live{left:-15px;top:125px;animation:lhCard1 4s ease-in-out infinite}.lh-card-flex{right:-15px;top:170px;animation:lhCard2 4.5s ease-in-out infinite}.lh-card-cert{left:-20px;bottom:105px;animation:lhCard3 4.2s ease-in-out infinite}.lh-card-learners{right:-20px;bottom:65px;display:block}@keyframes lhCard1{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes lhCard2{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes lhCard3{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.lh-avatars{display:flex;align-items:center;margin-top:8px}.lh-avatar{width:29px;height:29px;margin-left:-7px;border:2px solid #ffffff;border-radius:50%}.lh-avatar:first-child{margin-left:0}.lh-avatar.a1{background:linear-gradient(135deg,#f9a8d4,#ec4899)}.lh-avatar.a2{background:linear-gradient(135deg,#a5b4fc,#4f46e5)}.lh-avatar.a3{background:linear-gradient(135deg,#fcd34d,#f97316)}.lh-avatar.more{display:flex;align-items:center;justify-content:center;color:#fff;background:#4f46e5;font-size:11px;font-weight:700}.lh-rating{position:absolute;z-index:25;left:50%;bottom:5px;display:flex;align-items:center;gap:7px;padding:8px 14px;transform:translate(-50%);border-radius:999px;color:#f59e0b;background:#ffffffe6;box-shadow:0 15px 35px #0f172a1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);white-space:nowrap}.lh-rating strong{color:#0f172a;font-size:12px}.lh-rating span{color:#64748b;font-size:10px}.lh-tech{position:absolute;z-index:30;display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:17px;background:#ffffffe6;box-shadow:0 18px 35px #0f172a1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.lh-code{right:0;top:70px;color:#4f46e5;transform:rotate(10deg);animation:lhTech1 4s ease-in-out infinite}.lh-badge-icon2{left:5px;bottom:45px;color:#7c3aed;transform:rotate(-10deg);animation:lhTech2 4.5s ease-in-out infinite}@keyframes lhTech1{0%,to{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes lhTech2{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(9px) rotate(-5deg)}}@media (max-width: 1199px){.lh-grid{width:min(1100px,calc(100% - 40px));grid-template-columns:minmax(0,1fr) minmax(390px,.85fr);gap:5px}.lh-title{font-size:clamp(40px,5vw,62px)}.lh-description{max-width:530px;font-size:16px}.lh-visual{transform:scale(.9);transform-origin:center}}@media (max-width: 1023px){.lh-grid{width:min(760px,calc(100% - 40px));display:flex;flex-direction:column;padding:65px 0 45px;min-height:auto;text-align:center}.lh-content{width:100%}.lh-title{max-width:700px;margin-left:auto;margin-right:auto;font-size:clamp(42px,7vw,60px)}.lh-description{margin-left:auto;margin-right:auto}.lh-actions{justify-content:center}.lh-stats{max-width:680px;margin-left:auto;margin-right:auto}.lh-mobile-visual{display:flex;justify-content:center;width:100%;margin-top:35px}.lh-desktop-visual{display:none}.lh-visual{transform:scale(.94)}}@media (max-width: 767px){.lh-grid{width:calc(100% - 32px);padding-top:50px;padding-bottom:35px}.lh-title{margin-top:18px;font-size:clamp(36px,8vw,50px);line-height:1.07}.lh-description{max-width:600px;margin-top:17px;font-size:15px;line-height:1.65}.lh-actions{margin-top:25px;gap:10px}.lh-btn{min-height:46px;padding:0 15px;font-size:13px}.lh-stats{margin-top:35px}.lh-stat{padding-right:12px}.lh-stat-border{padding-left:12px}.lh-stat strong{font-size:21px}.lh-stat span{font-size:8px}.lh-mobile-visual{margin-top:25px}.lh-visual{width:390px;height:475px;max-width:100%;transform:none}.lh-person-bg{width:315px;height:375px;top:48px}.lh-person{width:350px;height:415px}.lh-visual-glow{width:225px;height:225px;top:65px}.lh-ring-1{width:355px;height:355px;left:18px;top:58px}.lh-ring-2{width:390px;height:390px;left:0;top:40px}.lh-card{padding:8px 10px;border-radius:12px;gap:7px}.lh-card-icon{width:33px;height:33px;border-radius:9px}.lh-card strong{font-size:9px}.lh-card span{font-size:7px}.lh-card-live{left:0;top:105px}.lh-card-flex{right:0;top:148px}.lh-card-cert{left:0;bottom:88px}.lh-card-learners{right:0;bottom:48px}.lh-rating{bottom:2px;padding:7px 11px;gap:5px}.lh-rating strong{font-size:10px}.lh-rating span{font-size:8px}.lh-tech{width:44px;height:44px;border-radius:13px}.lh-code{right:3px;top:38px}.lh-badge-icon2{left:5px;bottom:27px}}@media (max-width: 639px){.lh-hero{background:radial-gradient(circle at 80% 25%,rgba(129,140,248,.12),transparent 32%),linear-gradient(135deg,#f8faff,#fff 55%,#f8f6ff)}.lh-grid{width:calc(100% - 28px);padding-top:38px;padding-bottom:28px}.lh-badge{max-width:100%;padding:7px 11px;font-size:10px}.lh-title{font-size:clamp(32px,9vw,44px);letter-spacing:-.03em}.lh-description{margin-top:15px;font-size:13px;line-height:1.65}.lh-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:22px;gap:9px}.lh-btn{width:100%;min-height:45px;padding:0 9px;border-radius:11px;font-size:11px}.lh-btn-watch{grid-column:1 / -1}.lh-play{width:31px;height:31px}.lh-stats{grid-template-columns:repeat(4,1fr);width:100%;margin-top:30px}.lh-stat{padding-right:7px}.lh-stat-border{padding-left:7px}.lh-stat strong{font-size:17px}.lh-stat span{margin-top:4px;font-size:7px;letter-spacing:.04em}.lh-mobile-visual{margin-top:18px}.lh-visual{width:350px;height:445px}.lh-person-bg{width:285px;height:345px;top:45px}.lh-person{width:325px;height:390px}.lh-visual-glow{width:205px;height:205px;top:58px}.lh-ring-1{width:325px;height:325px;left:13px;top:53px}.lh-ring-2{width:360px;height:360px;left:-5px;top:35px}.lh-card{padding:7px 9px;border-radius:11px;gap:7px}.lh-card-icon{width:31px;height:31px;border-radius:9px}.lh-card strong{font-size:9px}.lh-card span{margin-top:2px;font-size:7px}.lh-card-live{left:0;top:96px}.lh-card-flex{right:0;top:138px}.lh-card-cert{left:1px;bottom:81px}.lh-card-learners{right:0;bottom:45px}.lh-rating{bottom:0;padding:6px 10px;gap:5px}.lh-rating strong{font-size:10px}.lh-rating span{font-size:8px}.lh-tech{width:41px;height:41px;border-radius:12px}.lh-code{right:2px;top:32px}.lh-badge-icon2{left:4px;bottom:25px}}@media (max-width: 479px){.lh-grid{width:calc(100% - 22px);padding-top:32px}.lh-title{font-size:clamp(30px,9.5vw,40px)}.lh-description{padding:0 3px;font-size:12.5px}.lh-actions{gap:8px}.lh-btn{min-height:44px;padding:0 7px;font-size:10.5px}.lh-stats{grid-template-columns:repeat(2,1fr);row-gap:17px;margin-top:28px}.lh-stat{padding:0 8px}.lh-stat-border{padding-left:8px;border-left:0}.lh-stat:nth-child(2n){border-left:1px solid #e2e8f0}.lh-stat strong{font-size:19px}.lh-stat span{font-size:8px;line-height:1.3}.lh-mobile-visual{margin-top:10px}.lh-visual{width:340px;height:430px;max-width:100%}.lh-person-bg{width:275px;height:335px;top:42px}.lh-person{width:315px;height:375px}.lh-visual-glow{width:195px;height:195px;top:55px}.lh-ring-1{width:315px;height:315px;left:12px;top:50px}.lh-ring-2{width:345px;height:345px;left:-3px;top:32px}.lh-card-live{left:-1px;top:91px}.lh-card-flex{right:-1px;top:132px}.lh-card-cert{left:0;bottom:76px}.lh-card-learners{right:-1px;bottom:42px}.lh-rating{padding:6px 9px}.lh-tech{width:39px;height:39px}.lh-code{right:2px;top:30px}.lh-badge-icon2{left:4px;bottom:23px}}@media (max-width: 380px){.lh-grid{width:calc(100% - 18px)}.lh-badge{padding:6px 9px;font-size:9px}.lh-title{font-size:clamp(29px,9.5vw,37px)}.lh-description{font-size:12px}.lh-actions{grid-template-columns:1fr}.lh-btn-watch{grid-column:auto}.lh-stats{margin-top:25px}.lh-stat strong{font-size:18px}.lh-stat span{font-size:7px}.lh-visual{width:320px;height:410px;transform:scale(.96);transform-origin:top center;margin-bottom:-15px}.lh-person-bg{width:260px;height:320px}.lh-person{width:300px;height:360px}.lh-ring-1{width:295px;height:295px;left:12px}.lh-ring-2{width:325px;height:325px;left:-2px}.lh-card-cert,.lh-badge-icon2{display:none}.lh-card-live{left:0}.lh-card-flex,.lh-card-learners{right:0}.lh-code{right:2px}}@media (max-width: 767px) and (orientation: landscape){.lh-grid{padding-top:28px}.lh-title{font-size:34px}.lh-description{max-width:650px}.lh-mobile-visual{margin-top:5px}.lh-visual{transform:scale(.82);transform-origin:top center;margin-bottom:-75px}}@media (prefers-reduced-motion: reduce){.lh-orb,.lh-badge,.lh-badge:before,.lh-title,.lh-title span,.lh-description,.lh-actions,.lh-visual,.lh-visual-glow,.lh-ring-1,.lh-ring-2,.lh-card,.lh-tech{animation:none!important}.lh-btn,.lh-card,.lh-badge{transition:none!important}}@media (hover: none){.lh-badge:hover,.lh-card:hover,.lh-btn-primary:hover,.lh-btn-secondary:hover,.lh-btn-watch:hover{transform:none}.lh-btn-primary:hover:before{left:-80px}}.features-section{position:relative;z-index:30;width:100%;max-width:80rem;margin:-1px auto 0;padding:0 1rem;animation:featuresReveal .8s cubic-bezier(.22,1,.36,1) both}.features-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid rgba(226,232,240,.9);border-radius:22px;background:linear-gradient(145deg,#fffffffa,#f8fafcf5);box-shadow:0 18px 45px #0f172a12,0 5px 18px #4f46e509;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:box-shadow .35s ease,transform .35s ease}.features-grid:hover{box-shadow:0 24px 55px #0f172a17,0 8px 25px #4f46e50b}.feature-item{--feature-index: 0;--feature-color: #6366f1;--feature-soft: rgba(99, 102, 241, .08);position:relative;display:flex;align-items:center;min-width:0;min-height:76px;gap:.75rem;padding:.9rem .95rem;overflow:hidden;cursor:default;opacity:0;animation:featureItemReveal .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--feature-index) * 90ms + .18s);transition:background .35s ease,transform .35s ease}.feature-item:hover{background:linear-gradient(135deg,rgba(255,255,255,.98),var(--feature-soft));transform:translateY(-2px)}.feature-item__glow{position:absolute;top:50%;left:28%;width:100px;height:100px;border-radius:50%;background:var(--feature-color);filter:blur(40px);opacity:0;transform:translate(-50%,-50%) scale(.55);pointer-events:none;transition:opacity .45s ease,transform .45s ease}.feature-item:hover .feature-item__glow{opacity:.055;transform:translate(-50%,-50%) scale(1.25)}.feature-item__icon{position:relative;display:flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border-radius:13px;overflow:visible;isolation:isolate;box-shadow:inset 0 0 0 1px #ffffffbf;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.feature-item:hover .feature-item__icon{transform:translateY(-3px) rotate(-3deg) scale(1.06);box-shadow:0 8px 20px var(--feature-soft),inset 0 0 0 1px #ffffffe6}.feature-item__icon-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:16px;border:1px solid currentColor;opacity:0;transform:scale(.75);pointer-events:none;transition:opacity .4s ease,transform .4s ease}.feature-item:hover .feature-item__icon-ring{opacity:.18;transform:scale(1)}.feature-item__icon svg{position:relative;z-index:2;transition:transform .35s ease}.feature-item:hover .feature-item__icon svg{transform:scale(1.1)}.feature-item__content{position:relative;z-index:2;min-width:0;padding-right:4px}.feature-item__title{margin:0;color:#1e293b;font-size:.72rem;line-height:1.35;font-weight:700;white-space:nowrap;transition:color .3s ease,transform .3s ease}.feature-item:hover .feature-item__title{color:var(--feature-color);transform:translate(2px)}.feature-item__subtitle{margin:3px 0 0;color:#94a3b8;font-size:.64rem;line-height:1.35;font-weight:500;white-space:nowrap;transition:color .3s ease}.feature-item:hover .feature-item__subtitle{color:#64748b}.feature-item__separator{position:absolute;top:20%;right:0;width:1px;height:60%;background:linear-gradient(to bottom,transparent,#e2e8f0,transparent);transition:opacity .3s ease}.feature-item:hover .feature-item__separator{opacity:.35}.feature-item__arrow{position:absolute;right:9px;bottom:7px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--feature-soft);color:var(--feature-color);font-size:10px;font-weight:700;opacity:0;transform:translate(-5px) scale(.7);transition:opacity .3s ease,transform .3s ease}.feature-item:hover .feature-item__arrow{opacity:1;transform:translate(0) scale(1)}.bg-violet-100{--feature-color: #7c3aed;--feature-soft: rgba(124, 58, 237, .08);background:linear-gradient(135deg,#f3e8ff,#faf5ff);color:#7c3aed}.bg-blue-100{--feature-color: #2563eb;--feature-soft: rgba(37, 99, 235, .08);background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#2563eb}.bg-pink-100{--feature-color: #db2777;--feature-soft: rgba(219, 39, 119, .08);background:linear-gradient(135deg,#fce7f3,#fff1f7);color:#db2777}.bg-indigo-100{--feature-color: #4f46e5;--feature-soft: rgba(79, 70, 229, .08);background:linear-gradient(135deg,#e0e7ff,#eef2ff);color:#4f46e5}.bg-purple-100{--feature-color: #9333ea;--feature-soft: rgba(147, 51, 234, .08);background:linear-gradient(135deg,#f3e8ff,#faf5ff);color:#9333ea}.bg-sky-100{--feature-color: #0284c7;--feature-soft: rgba(2, 132, 199, .08);background:linear-gradient(135deg,#e0f2fe,#f0f9ff);color:#0284c7}@keyframes featuresReveal{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes featureItemReveal{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes featureIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.feature-item__icon{animation:featureIconFloat 4s ease-in-out infinite;animation-delay:calc(var(--feature-index) * .18s)}@media (min-width: 1024px){.features-section{padding:0 1.5rem}.features-grid{grid-template-columns:repeat(6,minmax(0,1fr));min-height:78px;border-radius:18px}.feature-item{min-height:78px;padding:1rem .8rem}.feature-item__icon{width:38px;height:38px;flex-basis:38px;border-radius:12px}.feature-item__title{font-size:.67rem}.feature-item__subtitle{font-size:.58rem}.feature-item__arrow{right:7px;bottom:6px}}@media (min-width: 1200px){.feature-item{padding:1rem}.feature-item__icon{width:40px;height:40px;flex-basis:40px}.feature-item__title{font-size:.69rem}.feature-item__subtitle{font-size:.6rem}}@media (min-width: 640px) and (max-width: 1023px){.features-section{padding:0 1.25rem}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:20px}.feature-item{min-height:78px;padding:.9rem .85rem}.feature-item:nth-child(3n){border-right:none}.feature-item:nth-child(n+4){border-top:1px solid #f1f5f9}.feature-item__separator{display:none}.feature-item__icon{width:40px;height:40px;flex-basis:40px}.feature-item__title{font-size:.68rem}.feature-item__subtitle{font-size:.6rem}}@media (max-width: 639px){.features-section{padding:0 12px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px}.feature-item{min-height:74px;padding:11px 10px;gap:9px}.feature-item:nth-child(odd){border-right:1px solid #f1f5f9}.feature-item:nth-child(n+3){border-top:1px solid #f1f5f9}.feature-item__separator{display:none}.feature-item__icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}.feature-item__icon svg{width:16px;height:16px}.feature-item__title{font-size:.65rem;white-space:normal}.feature-item__subtitle{margin-top:2px;font-size:.57rem;white-space:normal}.feature-item__arrow{display:none}.feature-item:hover{transform:none}.feature-item:hover .feature-item__icon{transform:translateY(-2px) scale(1.04)}}@media (max-width: 380px){.features-section{padding:0 9px}.features-grid{border-radius:16px}.feature-item{min-height:70px;padding:10px 8px;gap:7px}.feature-item__icon{width:33px;height:33px;flex-basis:33px;border-radius:10px}.feature-item__icon svg{width:15px;height:15px}.feature-item__title{font-size:.61rem}.feature-item__subtitle{font-size:.53rem}}@media (max-width: 330px){.features-section{padding:0 7px}.feature-item{padding:9px 7px;gap:6px}.feature-item__icon{width:31px;height:31px;flex-basis:31px}.feature-item__title{font-size:.58rem}.feature-item__subtitle{font-size:.5rem}}@media (prefers-reduced-motion: reduce){.features-section,.feature-item,.feature-item__icon{animation:none!important}.feature-item,.feature-item__icon,.feature-item__title,.feature-item__subtitle,.feature-item__arrow,.feature-item__glow{transition:none!important}}.popular-categories-section{width:100%;padding:78px 0 84px;background:#fff;overflow:hidden}.popular-categories-container{width:min(1170px,calc(100% - 48px));margin:0 auto}.popular-categories-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.popular-categories-heading{min-width:0}.popular-categories-eyebrow{display:inline-block;margin-bottom:8px;color:#5b4ce2;font-size:10px;font-weight:800;letter-spacing:1.7px;line-height:1;text-transform:uppercase}.popular-categories-title{margin:0;color:#111827;font-size:27px;font-weight:750;line-height:1.2;letter-spacing:-.75px}.popular-categories-subtitle{max-width:520px;margin:8px 0 0;color:#7b8495;font-size:11.5px;line-height:1.6}.popular-categories-view-all{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 15px;border:1px solid #e5e7ef;border-radius:999px;background:#fff;color:#5146d9;font-size:10.5px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px #1e293b09;transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}.popular-categories-view-icon{transition:transform .3s ease}.popular-categories-view-all:hover{transform:translateY(-2px);border-color:#d4ceff;background:#faf9ff;box-shadow:0 10px 24px #4f46e51a}.popular-categories-view-all:hover .popular-categories-view-icon{transform:translate(4px)}.popular-categories-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:100%}.popular-category-card{--card-radius: 15px;position:relative;min-width:0;min-height:148px;display:flex;flex-direction:column;padding:16px 15px;border:1px solid transparent;border-radius:var(--card-radius);text-decoration:none;overflow:hidden;isolation:isolate;opacity:0;transform:translateY(24px) scale(.97);animation:popularCategoryReveal .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--category-delay);transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease}.popular-category-card.bg-violet{background:#f1eeff}.popular-category-card.bg-pink{background:#fff0f6}.popular-category-card.bg-emerald{background:#eafaf3}.popular-category-card.bg-orange{background:#fff5e9}.popular-category-card.bg-blue{background:#edf4ff}.popular-category-card.bg-indigo{background:#eef0ff}.popular-category-card.bg-purple{background:#f5edff}.popular-category-card.bg-sky{background:#edf9ff}.popular-category-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.16) 45%,transparent 75%);opacity:0;pointer-events:none;transition:opacity .45s ease}.popular-category-card:hover:before{opacity:1}.popular-category-shine{position:absolute;top:-100%;left:-70%;width:55%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(20deg);opacity:0;pointer-events:none}.popular-category-card:hover .popular-category-shine{opacity:1;animation:popularCategoryShine .85s ease forwards}.popular-category-card:hover{z-index:5;transform:translateY(-7px) scale(1.015);border-color:#fffffff2;box-shadow:0 20px 38px #3232641c,0 5px 12px #3232640b}.popular-category-glow{position:absolute;width:92px;height:92px;top:-34px;right:-26px;border-radius:50%;background:#ffffffc7;filter:blur(1px);opacity:0;transform:scale(.5);pointer-events:none;transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1)}.popular-category-card:hover .popular-category-glow{opacity:.95;transform:scale(1.35)}.popular-category-icon{position:relative;z-index:2;width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.popular-category-card:hover .popular-category-icon{transform:translateY(-3px) rotate(-7deg) scale(1.09);box-shadow:0 9px 18px #463c8c1f}.popular-category-icon.bg-violet{background:#e6e0ff}.popular-category-icon.bg-pink{background:#ffdfec}.popular-category-icon.bg-emerald{background:#d5f5e6}.popular-category-icon.bg-orange{background:#ffe9cb}.popular-category-icon.bg-blue{background:#dceaff}.popular-category-icon.bg-indigo{background:#dfe3ff}.popular-category-icon.bg-purple{background:#eee0ff}.popular-category-icon.bg-sky{background:#dff4ff}.popular-category-icon.violet,.popular-category-arrow.violet{color:#7057df}.popular-category-icon.pink,.popular-category-arrow.pink{color:#d85c96}.popular-category-icon.emerald,.popular-category-arrow.emerald{color:#2fa477}.popular-category-icon.orange,.popular-category-arrow.orange{color:#e8913c}.popular-category-icon.blue,.popular-category-arrow.blue{color:#4f82d9}.popular-category-icon.indigo,.popular-category-arrow.indigo{color:#5964d8}.popular-category-icon.purple,.popular-category-arrow.purple{color:#8a55d9}.popular-category-icon.sky,.popular-category-arrow.sky{color:#3195c8}.popular-category-content{position:relative;z-index:2;min-width:0;padding-top:17px;padding-right:25px}.popular-category-title{margin:0;color:#202536;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:-.1px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;transition:color .25s ease,transform .25s ease}.popular-category-card:hover .popular-category-title{color:#4036a7;transform:translate(2px)}.popular-category-courses{margin:6px 0 0;color:#7b8495;font-size:9.5px;line-height:1.45;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.popular-category-arrow{position:absolute;right:11px;bottom:11px;z-index:3;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffdb;box-shadow:0 4px 10px #2828500e;transition:transform .38s cubic-bezier(.22,1,.36,1),background .3s ease,box-shadow .3s ease}.popular-category-card:hover .popular-category-arrow{transform:translate(5px);background:#fff;box-shadow:0 7px 15px #3232641c}@keyframes popularCategoryReveal{0%{opacity:0;transform:translateY(25px) scale(.95)}65%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popularCategoryShine{0%{left:-70%}to{left:135%}}@media (max-width: 1199px){.popular-categories-container{width:min(100% - 42px,1040px)}.popular-categories-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.popular-category-card{min-height:150px}}@media (max-width: 900px){.popular-categories-section{padding:68px 0 74px}.popular-categories-container{width:calc(100% - 38px)}.popular-categories-header{margin-bottom:27px}.popular-categories-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.popular-category-card{min-height:148px;padding:15px}}@media (max-width: 700px){.popular-categories-section{padding:60px 0 66px}.popular-categories-header{align-items:flex-start;flex-direction:column;gap:17px}.popular-categories-title{font-size:25px}.popular-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.popular-category-card{min-height:152px}.popular-category-title{font-size:12px}.popular-category-courses{font-size:9.5px}}@media (max-width: 480px){.popular-categories-section{padding:52px 0 58px}.popular-categories-container{width:calc(100% - 28px)}.popular-categories-header{gap:16px;margin-bottom:23px}.popular-categories-eyebrow{margin-bottom:7px;font-size:9px;letter-spacing:1.5px}.popular-categories-title{font-size:23px;letter-spacing:-.55px}.popular-categories-subtitle{max-width:330px;margin-top:7px;font-size:10.5px;line-height:1.55}.popular-categories-view-all{min-height:36px;padding:0 13px;font-size:10px}.popular-categories-grid{gap:10px}.popular-category-card{min-height:145px;padding:14px;border-radius:13px}.popular-category-icon{width:39px;height:39px;flex-basis:39px;border-radius:10px}.popular-category-icon svg{width:20px;height:20px}.popular-category-content{padding-top:14px;padding-right:21px}.popular-category-title{font-size:11.5px;line-height:1.35}.popular-category-courses{margin-top:5px;font-size:9px}.popular-category-arrow{right:9px;bottom:9px;width:22px;height:22px}.popular-category-arrow svg{width:14px;height:14px}.popular-category-card:hover{transform:translateY(-4px) scale(1.01)}}@media (max-width: 350px){.popular-categories-container{width:calc(100% - 22px)}.popular-categories-grid{grid-template-columns:1fr;gap:9px}.popular-category-card{min-height:120px;padding:14px}.popular-category-content{padding-top:13px}}@media (hover: none){.popular-category-card:hover{transform:none;box-shadow:none}.popular-category-card:hover:before{opacity:0}.popular-category-card:hover .popular-category-glow{opacity:0;transform:scale(.5)}.popular-category-card:hover .popular-category-shine{animation:none;opacity:0}.popular-category-card:hover .popular-category-icon{transform:none;box-shadow:none}.popular-category-card:hover .popular-category-title{transform:none;color:#202536}.popular-category-card:hover .popular-category-arrow{transform:none}}.popular-category-card:focus-visible,.popular-categories-view-all:focus-visible{outline:3px solid rgba(91,76,226,.25);outline-offset:3px}@media (prefers-reduced-motion: reduce){.popular-category-card{animation:none;opacity:1;transform:none}.popular-category-card,.popular-category-icon,.popular-category-arrow,.popular-categories-view-all,.popular-categories-view-icon,.popular-category-glow,.popular-category-shine{transition:none;animation:none}}.all-courses-page{width:100%;min-height:100%;background:radial-gradient(circle at 10% 0%,rgba(99,102,241,.05),transparent 30%),#f8fafc}.all-courses-container{width:100%;max-width:1320px;margin:0 auto;padding:42px 32px 70px;box-sizing:border-box}.all-courses-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;overflow:hidden;border:1px solid rgba(226,232,240,.9);border-radius:22px;background:radial-gradient(circle at 90% 10%,rgba(99,102,241,.15),transparent 32%),linear-gradient(135deg,#fff,#f8faff);box-shadow:0 12px 40px #0f172a0d}.all-courses-hero:before{content:"";position:absolute;top:-80px;right:170px;width:170px;height:170px;border-radius:50%;background:#6366f10f}.hero-content{position:relative;z-index:1;max-width:720px}.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;color:#4f46e5;font-size:11px;font-weight:700;letter-spacing:.12em}.hero-eyebrow svg{flex-shrink:0}.all-courses-hero h1{margin:0;color:#0f172a;font-size:clamp(30px,4vw,44px);line-height:1.15;font-weight:750;letter-spacing:-.035em}.all-courses-hero p{max-width:650px;margin:12px 0 0;color:#64748b;font-size:15px;line-height:1.7}.hero-count{position:relative;z-index:1;min-width:145px;display:flex;flex-direction:column;align-items:center;padding:18px 20px;border:1px solid #e2e8f0;border-radius:16px;background:#fffc;box-shadow:0 8px 25px #0f172a0d}.hero-count strong{color:#4338ca;font-size:28px;line-height:1}.hero-count span{margin-top:6px;color:#64748b;font-size:12px}.courses-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}.courses-search-wrapper{flex:1;max-width:480px}.courses-search{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 5px 20px #0f172a09;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.courses-search:hover{border-color:#cbd5e1}.courses-search:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f117,0 8px 25px #0f172a0d;transform:translateY(-1px)}.courses-search-icon{flex-shrink:0;color:#94a3b8}.courses-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#0f172a;font-family:inherit;font-size:14px}.courses-search input::placeholder{color:#94a3b8}.search-clear{width:25px;height:25px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#f1f5f9;color:#64748b;cursor:pointer;font-size:17px;line-height:1;transition:background .2s ease,color .2s ease}.search-clear:hover{background:#e2e8f0;color:#0f172a}.course-result-info{display:flex;align-items:center;gap:7px;color:#64748b;font-size:13px;font-weight:500;white-space:nowrap}.course-result-info svg{color:#6366f1}.course-filter-section{margin-top:22px}.filter-heading{margin-bottom:10px;color:#334155;font-size:13px;font-weight:600}.course-filters{display:flex;flex-wrap:wrap;gap:8px}.course-filter{border:1px solid transparent;outline:none;cursor:pointer;padding:8px 16px;border-radius:999px;background:#fff;color:#64748b;font-family:inherit;font-size:12px;line-height:1.4;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #0f172a0a;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.course-filter:hover{color:#4338ca;border-color:#c7d2fe;background:#f8faff;transform:translateY(-1px);box-shadow:0 5px 14px #0f172a0f}.course-filter:active{transform:scale(.97)}.course-filter.active{border-color:#4338ca;background:#4338ca;color:#fff;box-shadow:0 6px 18px #4338ca33}.course-filter.active:hover{background:#3730a3;color:#fff}.courses-section{margin-top:38px}.courses-section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.courses-section-header h2{margin:0;color:#0f172a;font-size:20px;line-height:1.35;font-weight:700;letter-spacing:-.02em}.courses-section-header p{margin:4px 0 0;color:#64748b;font-size:13px;line-height:1.5}.courses-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.course-link{display:block;min-width:0;color:inherit;text-decoration:none;border-radius:16px;transition:transform .25s ease,filter .25s ease}.course-link:hover{transform:translateY(-6px)}.course-link:focus-visible{outline:3px solid rgba(99,102,241,.25);outline-offset:4px}.no-courses{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:35px;padding:55px 20px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;text-align:center;box-shadow:0 10px 35px #0f172a0a}.no-courses-icon-wrapper{width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef2ff;color:#6366f1}.no-courses h2{margin:16px 0 0;color:#1e293b;font-size:20px;font-weight:700}.no-courses p{max-width:400px;margin:7px 0 0;color:#94a3b8;font-size:14px;line-height:1.6}.clear-search-button{margin-top:20px;border:0;outline:none;cursor:pointer;padding:10px 18px;border-radius:9px;background:#4338ca;color:#fff;font-family:inherit;font-size:13px;font-weight:600;box-shadow:0 6px 18px #4338ca2e;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.clear-search-button:hover{background:#3730a3;transform:translateY(-2px);box-shadow:0 9px 22px #4338ca3b}.clear-search-button:active{transform:scale(.97)}@media (max-width: 1100px){.all-courses-container{padding-left:24px;padding-right:24px}.courses-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media (max-width: 850px){.all-courses-container{padding:32px 20px 55px}.all-courses-hero{padding:30px}.all-courses-hero h1{font-size:34px}.courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (max-width: 640px){.all-courses-page{background:#f8fafc}.all-courses-container{padding:20px 14px 45px}.all-courses-hero{display:block;padding:25px 20px;border-radius:18px}.hero-eyebrow{margin-bottom:9px;font-size:9px}.all-courses-hero h1{font-size:28px;line-height:1.2}.all-courses-hero p{margin-top:9px;font-size:13px;line-height:1.6}.hero-count{width:fit-content;min-width:0;flex-direction:row;gap:8px;margin-top:20px;padding:9px 13px;border-radius:10px}.hero-count strong{font-size:18px}.hero-count span{margin-top:0;font-size:11px}.courses-toolbar{display:block;margin-top:22px}.courses-search-wrapper{max-width:none}.courses-search{min-height:46px;border-radius:11px}.course-result-info{margin-top:11px;font-size:12px}.course-filter-section{margin-top:19px}.filter-heading{margin-bottom:9px}.course-filters{flex-wrap:nowrap;overflow-x:auto;gap:7px;padding:2px 2px 7px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.course-filters::-webkit-scrollbar{display:none}.course-filter{flex-shrink:0;padding:7px 14px;font-size:11px}.courses-section{margin-top:27px}.courses-section-header{margin-bottom:14px}.courses-section-header h2{font-size:18px}.courses-section-header p{font-size:12px}.courses-grid{grid-template-columns:1fr;gap:16px}.course-link:hover{transform:none}.no-courses{min-height:290px;margin-top:28px;padding:45px 18px;border-radius:17px}.no-courses h2{font-size:18px}.no-courses p{font-size:13px}}@media (max-width: 380px){.all-courses-container{padding-left:11px;padding-right:11px}.all-courses-hero{padding:22px 17px}.all-courses-hero h1{font-size:25px}.all-courses-hero p{font-size:12px}.courses-search{min-height:44px}.courses-search input{font-size:13px}.course-filter{padding:6px 12px;font-size:10px}.courses-grid{gap:14px}}.featured-courses{position:relative;padding:5.5rem 0;background:radial-gradient(circle at 0% 20%,rgba(79,70,229,.05),transparent 30%),radial-gradient(circle at 100% 80%,rgba(99,102,241,.05),transparent 30%),#fff;overflow:hidden}.featured-courses-container{width:min(100% - 2rem,1280px);margin:0 auto}.featured-courses-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.75rem}.featured-courses-heading{min-width:0}.featured-courses-label{display:inline-flex;align-items:center;gap:.45rem;margin:0;color:#4f46e5;font-size:.78rem;line-height:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.featured-courses-label:before{content:"";width:24px;height:2px;border-radius:999px;background:#4f46e5}.featured-courses-title{margin:.65rem 0 0;color:#0f172a;font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.15;font-weight:750;letter-spacing:-.035em}.featured-courses-description{max-width:600px;margin:.7rem 0 0;color:#64748b;font-size:1rem;line-height:1.6}.featured-courses-view-all{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;flex-shrink:0;color:#4f46e5;font-size:.9rem;line-height:1.2;font-weight:700;text-decoration:none;transition:color .25s ease,transform .25s ease}.featured-courses-view-all:hover{color:#3730a3;transform:translate(4px)}.desktop-view-all{display:inline-flex}.mobile-view-all{display:none}.featured-courses-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;align-items:stretch}.featured-course-link{display:block;min-width:0;color:inherit;text-decoration:none;border-radius:18px;transition:transform .3s ease,filter .3s ease}.featured-course-link:hover{transform:translateY(-6px)}.featured-course-link:focus-visible{outline:3px solid rgba(79,70,229,.3);outline-offset:5px}@media (max-width: 1100px){.featured-courses{padding:5rem 0}.featured-courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media (max-width: 768px){.featured-courses{padding:4.5rem 0}.featured-courses-container{width:min(100% - 2rem,680px)}.featured-courses-header{align-items:flex-start;margin-bottom:2.25rem}.featured-courses-title{font-size:2rem}.featured-courses-description{font-size:.95rem}.featured-courses-grid{gap:1.25rem}}@media (max-width: 640px){.featured-courses{padding:4rem 0}.featured-courses-container{width:min(100% - 2rem,520px)}.featured-courses-header{display:block;margin-bottom:2rem}.featured-courses-label{font-size:.72rem}.featured-courses-title{margin-top:.55rem;font-size:1.85rem;line-height:1.2}.featured-courses-description{margin-top:.6rem;font-size:.92rem;line-height:1.55}.desktop-view-all{display:none}.featured-courses-grid{grid-template-columns:1fr;gap:1.25rem}.featured-course-link:hover{transform:translateY(-4px)}.mobile-view-all{display:inline-flex;width:100%;margin-top:2rem;padding:.9rem 1.25rem;border:1px solid rgba(79,70,229,.15);border-radius:12px;background:#4f46e50f;transition:background .25s ease,border-color .25s ease,transform .25s ease}.mobile-view-all:hover{background:#4f46e51a;border-color:#4f46e540;transform:translateY(-2px)}}@media (max-width: 480px){.featured-courses{padding:3.5rem 0}.featured-courses-container{width:calc(100% - 1.5rem)}.featured-courses-header{margin-bottom:1.75rem}.featured-courses-title{font-size:1.7rem;letter-spacing:-.025em}.featured-courses-description{font-size:.9rem}.featured-courses-grid{gap:1rem}.mobile-view-all{margin-top:1.5rem;padding:.85rem 1rem;font-size:.86rem}}@media (max-width: 360px){.featured-courses{padding:3rem 0}.featured-courses-title{font-size:1.55rem}.featured-courses-description{font-size:.86rem}}@media (prefers-reduced-motion: reduce){.featured-course-link,.featured-courses-view-all,.mobile-view-all{transition:none}.featured-course-link:hover,.featured-courses-view-all:hover,.mobile-view-all:hover{transform:none}}.learnify-cta{width:100%;max-width:80rem;margin:0 auto;padding:0 1rem 3.5rem;box-sizing:border-box}.learnify-cta *,.learnify-cta *:before,.learnify-cta *:after{box-sizing:border-box}.learnify-cta__card{position:relative;isolation:isolate;overflow:hidden;min-height:270px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:1.9rem 3rem;border-radius:30px;color:#fff;background:linear-gradient(110deg,#3931c9,#4f46e5 38%,#6541df 70%,#8b3ff0);box-shadow:0 25px 60px #4f46e538,0 10px 30px #4f46e51f;transform:translateZ(0)}.learnify-cta__orb{position:absolute;z-index:-2;border-radius:50%;pointer-events:none;filter:blur(5px);opacity:.35}.learnify-cta__orb--one{width:240px;height:240px;top:-130px;right:80px;background:#ffffff38;animation:learnifyCtaOrbOne 7s ease-in-out infinite}.learnify-cta__orb--two{width:300px;height:300px;right:-120px;bottom:-180px;background:#c4b5fd40;animation:learnifyCtaOrbTwo 9s ease-in-out infinite}.learnify-cta__orb--three{width:180px;height:180px;left:35%;bottom:-130px;background:#818cf840;animation:learnifyCtaOrbThree 8s ease-in-out infinite}@keyframes learnifyCtaOrbOne{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-35px,25px) scale(1.15)}}@keyframes learnifyCtaOrbTwo{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-35px,-30px) scale(1.1)}}@keyframes learnifyCtaOrbThree{0%,to{transform:translate(0)}50%{transform:translate(50px)}}.learnify-cta__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;opacity:.075;background-image:linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px);background-size:45px 45px;-webkit-mask-image:linear-gradient(to right,transparent,black 30%,black 75%,transparent);mask-image:linear-gradient(to right,transparent,black 30%,black 75%,transparent)}.learnify-cta__content{position:relative;z-index:5;flex:1;min-width:0;max-width:700px;animation:learnifyCtaContentIn .8s ease both}@keyframes learnifyCtaContentIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.learnify-cta__eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;color:#ffffffd1}.learnify-cta__eyebrow-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;color:#fff;background:#ffffff21;border:1px solid rgba(255,255,255,.16);animation:learnifyCtaSparkle 2.5s ease-in-out infinite}.learnify-cta__eyebrow-line{width:42px;height:1px;margin-left:2px;background:#ffffff4d}@keyframes learnifyCtaSparkle{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(8deg) scale(1.08)}}.learnify-cta__title{margin:0;max-width:700px;font-size:1.85rem;line-height:1.2;font-weight:700;letter-spacing:-.025em;color:#fff;white-space:nowrap}.learnify-cta__title span{display:inline;background:linear-gradient(90deg,#fff,#ddd6fe 45%,#fff 80%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:learnifyCtaTextShine 5s linear infinite}@keyframes learnifyCtaTextShine{0%{background-position:0% center}to{background-position:200% center}}.learnify-cta__description{max-width:560px;margin:9px 0 0;font-size:13px;line-height:1.6;color:#ffffffb8}.learnify-cta__action{position:relative;z-index:6;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:155px}.learnify-cta__button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 9px 0 18px;border-radius:12px;background:#fff;color:#4338ca;font-size:13px;font-weight:700;text-decoration:none;overflow:hidden;box-shadow:0 10px 25px #140f5033;transition:transform .3s ease,box-shadow .3s ease}.learnify-cta__button:before{content:"";position:absolute;top:0;left:-100%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:skew(-20deg);transition:left .6s ease}.learnify-cta__button:hover:before{left:140%}.learnify-cta__button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #140f5047}.learnify-cta__button:active{transform:translateY(-1px)}.learnify-cta__button-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);transition:transform .3s ease}.learnify-cta__button:hover .learnify-cta__button-icon{transform:translate(3px)}.learnify-cta__mini-info{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-size:10.5px;color:#ffffffad}.learnify-cta__pulse{position:relative;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#c4b5fd}.learnify-cta__pulse:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1px solid rgba(196,181,253,.5);animation:learnifyCtaPulse 2s ease-out infinite}@keyframes learnifyCtaPulse{0%{transform:scale(.7);opacity:1}to{transform:scale(1.8);opacity:0}}.learnify-cta__visual{position:absolute;z-index:1;top:50%;right:35px;width:250px;height:250px;transform:translateY(-50%);pointer-events:none;opacity:.65}.learnify-cta__ring{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.13)}.learnify-cta__ring--outer{width:235px;height:235px;animation:learnifyCtaRotate 18s linear infinite}.learnify-cta__ring--middle{width:185px;height:185px;border-style:dashed;border-color:#ffffff2e;animation:learnifyCtaRotateReverse 13s linear infinite}.learnify-cta__ring--inner{width:135px;height:135px;border-color:#fff3;animation:learnifyCtaRotate 10s linear infinite}@keyframes learnifyCtaRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes learnifyCtaRotateReverse{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}.learnify-cta__center{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:74px;height:74px;transform:translate(-50%,-50%);border-radius:22px;color:#fff;background:linear-gradient(135deg,#fff3,#ffffff14);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 50px #0f0a4638,inset 0 1px #fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:learnifyCtaCenterFloat 4s ease-in-out infinite}@keyframes learnifyCtaCenterFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-9px)}}.learnify-cta__orbit{position:absolute;top:50%;left:50%;width:220px;height:220px;transform:translate(-50%,-50%);animation:learnifyCtaOrbit 9s linear infinite}.learnify-cta__orbit span{position:absolute;top:0;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#ddd6fe;box-shadow:0 0 15px #ddd6fee6}.learnify-cta__orbit--two{width:175px;height:175px;animation-duration:7s;animation-direction:reverse}.learnify-cta__orbit--two span{width:7px;height:7px;background:#c4b5fd}.learnify-cta__orbit--three{width:135px;height:135px;animation-duration:5s}.learnify-cta__orbit--three span{width:6px;height:6px;background:#fff}@keyframes learnifyCtaOrbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.learnify-cta__float{position:absolute;z-index:6;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;color:#ffffffe6;background:#ffffff1a;border:1px solid rgba(255,255,255,.13);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 25px #140a501f}.learnify-cta__float--one{top:25px;right:275px;animation:learnifyCtaFloatOne 4s ease-in-out infinite}.learnify-cta__float--two{right:25px;bottom:25px;animation:learnifyCtaFloatTwo 5s ease-in-out infinite}.learnify-cta__float--three{right:240px;bottom:20px;animation:learnifyCtaFloatThree 4.5s ease-in-out infinite}@keyframes learnifyCtaFloatOne{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(5deg)}}@keyframes learnifyCtaFloatTwo{0%,to{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-10px) rotate(-5deg)}}@keyframes learnifyCtaFloatThree{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}.learnify-cta__shine{position:absolute;z-index:0;left:-20%;bottom:-90px;width:140%;height:150px;background:#ffffff14;filter:blur(45px);transform:rotate(-3deg);animation:learnifyCtaShine 8s ease-in-out infinite}@keyframes learnifyCtaShine{0%,to{transform:translate(-3%) rotate(-3deg)}50%{transform:translate(5%) rotate(-3deg)}}@media (max-width: 1100px){.learnify-cta__card{gap:25px;padding:2.3rem 2.2rem}.learnify-cta__title{font-size:1.7rem}.learnify-cta__visual{right:10px;opacity:.35;transform:translateY(-50%) scale(.82)}.learnify-cta__float--one{right:235px}.learnify-cta__float--three{right:200px}}@media (max-width: 900px){.learnify-cta__card{min-height:250px;padding:2.2rem 2rem}.learnify-cta__content{max-width:600px}.learnify-cta__title{font-size:1.6rem}.learnify-cta__description{max-width:500px}.learnify-cta__visual{display:none}.learnify-cta__float--one{top:20px;right:20px}.learnify-cta__float--two{right:25px;bottom:20px}.learnify-cta__float--three{right:85px;bottom:18px}}@media (max-width: 760px){.learnify-cta__card{gap:20px;padding:2rem 1.7rem}.learnify-cta__title{white-space:normal;font-size:1.55rem}.learnify-cta__description{max-width:450px}.learnify-cta__action{min-width:125px}}@media (max-width: 600px){.learnify-cta{padding:0 14px 35px}.learnify-cta__card{min-height:auto;display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:27px 20px;border-radius:22px}.learnify-cta__content{width:100%;max-width:100%}.learnify-cta__eyebrow{margin-bottom:11px;font-size:11px}.learnify-cta__eyebrow-icon{width:25px;height:25px;border-radius:8px}.learnify-cta__eyebrow-line{width:30px}.learnify-cta__title{white-space:normal;font-size:1.55rem;line-height:1.18}.learnify-cta__description{margin-top:9px;font-size:12px;line-height:1.6}.learnify-cta__action{width:100%;min-width:0;align-items:stretch;gap:9px}.learnify-cta__button{width:100%;min-height:47px;font-size:13px}.learnify-cta__mini-info{font-size:10px}.learnify-cta__float{width:33px;height:33px;border-radius:10px}.learnify-cta__float--one{top:17px;right:17px}.learnify-cta__float--two{right:18px;bottom:18px}.learnify-cta__float--three{display:none}.learnify-cta__grid{opacity:.055;background-size:35px 35px}.learnify-cta__orb--one{width:170px;height:170px;top:-100px;right:-45px}.learnify-cta__orb--two{width:210px;height:210px;right:-100px;bottom:-130px}.learnify-cta__orb--three{width:130px;height:130px;left:30%;bottom:-95px}}@media (max-width: 480px){.learnify-cta{padding:0 12px 32px}.learnify-cta__card{padding:25px 18px;border-radius:20px}.learnify-cta__title{font-size:1.48rem}.learnify-cta__description{font-size:12px}.learnify-cta__button{min-height:46px;font-size:12.5px}.learnify-cta__button-icon{width:29px;height:29px}}@media (max-width: 380px){.learnify-cta__card{padding:23px 16px}.learnify-cta__eyebrow{font-size:10px}.learnify-cta__eyebrow-line{display:none}.learnify-cta__title{font-size:1.35rem}.learnify-cta__description{font-size:11.5px}.learnify-cta__button{min-height:44px;font-size:12px}.learnify-cta__mini-info{font-size:9.5px}}@media (hover: none){.learnify-cta__button:hover{transform:none;box-shadow:0 10px 25px #140f5033}.learnify-cta__button:hover:before{left:-100%}.learnify-cta__button:hover .learnify-cta__button-icon{transform:none}}@media (prefers-reduced-motion: reduce){.learnify-cta *,.learnify-cta *:before,.learnify-cta *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.home-page{width:100%;min-height:100vh;overflow-x:hidden;background:#fff}.home-page>section{width:100%}.home-page img{max-width:100%;height:auto}.home-page button,.home-page a{-webkit-tap-highlight-color:transparent}.home-page button{touch-action:manipulation}@media (max-width: 768px){.home-page{overflow-x:hidden}}@media (max-width: 480px){.home-page{width:100%}}.cart-page{min-height:calc(100vh - 78px);background:#fff;padding:42px 0 70px;color:#0f172a}.cart-container{width:min(1180px,calc(100% - 40px));margin:0 auto}.cart-top{margin-bottom:28px}.back-courses{display:inline-flex;align-items:center;gap:8px;color:#64748b;text-decoration:none;font-size:14px;font-weight:600;transition:.2s ease}.back-courses:hover{color:#4f46e5}.cart-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.cart-heading h1{margin:0;color:#0f172a;font-size:34px;font-weight:750;letter-spacing:-.7px}.cart-heading p{margin:7px 0 0;color:#64748b;font-size:15px}.clear-cart-btn{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer}.clear-cart-btn:hover{color:#dc2626}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px}.cart-items-section{display:flex;flex-direction:column;gap:18px}.cart-item{display:flex;gap:20px;padding:18px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0f172a0a;transition:.2s ease}.cart-item:hover{border-color:#c7d2fe;box-shadow:0 8px 25px #4f46e514}.cart-item-image{width:190px;min-width:190px;height:125px;overflow:hidden;border-radius:12px;background:#eef2ff}.cart-item-image img{width:100%;height:100%;object-fit:cover;display:block}.cart-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#4f46e5}.cart-item-details{flex:1;min-width:0;display:flex;flex-direction:column}.cart-item-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.cart-item-title-row h2{margin:0;color:#0f172a;font-size:18px;line-height:1.35;font-weight:700}.instructor{margin:7px 0 0;color:#64748b;font-size:13px}.remove-btn{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:#fff1f2;color:#ef4444;cursor:pointer;transition:.2s ease}.remove-btn:hover{background:#fee2e2}.course-rating{display:flex;align-items:center;gap:5px;margin-top:13px;color:#f59e0b;font-size:13px;font-weight:600}.star{font-size:16px}.reviews{color:#94a3b8;font-weight:400}.cart-item-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-top:auto;padding-top:15px}.quantity-control{display:inline-flex;align-items:center;border:1px solid #dbe3ef;border-radius:9px;overflow:hidden;background:#fff}.quantity-control button{width:34px;height:32px;border:0;background:#f8fafc;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer}.quantity-control button:hover{background:#eef2ff;color:#4f46e5}.quantity-control span{width:36px;text-align:center;color:#0f172a;font-size:13px;font-weight:700}.item-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.item-price strong{color:#111827;font-size:20px;font-weight:750}.old-price{color:#94a3b8;font-size:12px;text-decoration:line-through}.order-summary{position:sticky;top:95px;padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 30px #0f172a0f}.order-summary h2{margin:0 0 22px;color:#0f172a;font-size:20px;font-weight:750}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#64748b;font-size:14px}.summary-row strong{color:#0f172a;font-weight:700}.discount-row{margin-top:13px}.discount-row strong{color:#16a34a}.coupon-box{margin-top:24px}.coupon-box label{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#334155;font-size:13px;font-weight:650}.coupon-input{display:flex;border:1px solid #dbe3ef;border-radius:9px;overflow:hidden;background:#fff}.coupon-input:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.coupon-input input{min-width:0;flex:1;border:0;outline:0;padding:11px 12px;color:#0f172a;font-size:13px}.coupon-input button{border:0;padding:0 15px;background:#eef2ff;color:#4f46e5;font-size:13px;font-weight:700;cursor:pointer}.coupon-input button:hover{background:#e0e7ff}.coupon-success{margin:8px 0 0;color:#16a34a;font-size:12px}.summary-divider{height:1px;margin:22px 0;background:#e2e8f0}.summary-total{display:flex;align-items:center;justify-content:space-between;gap:15px}.summary-total span{color:#334155;font-size:15px;font-weight:650}.summary-total strong{color:#111827;font-size:27px;font-weight:800}.checkout-btn{width:100%;min-height:50px;margin-top:22px;border:0;border-radius:11px;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px #4f46e538;transition:.2s ease}.checkout-btn:hover{background:#4338ca;transform:translateY(-1px)}.checkout-btn:active{transform:translateY(0)}.secure-payment{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:13px;border-radius:10px;background:#f8fafc;color:#64748b}.secure-payment svg{flex-shrink:0;color:#16a34a}.secure-payment div{display:flex;flex-direction:column;gap:2px}.secure-payment strong{color:#334155;font-size:12px}.secure-payment span{font-size:11px;line-height:1.4}.empty-cart{min-height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:50px 20px}.empty-cart-icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;border-radius:50%;background:#eef2ff;color:#4f46e5}.empty-cart h1{margin:0;color:#0f172a;font-size:28px;font-weight:750}.empty-cart p{max-width:420px;margin:9px 0 25px;color:#64748b;font-size:14px}.browse-courses-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:10px;background:#4f46e5;color:#fff;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 7px 18px #4f46e533}.browse-courses-btn:hover{background:#4338ca}@media (max-width: 1000px){.cart-layout{grid-template-columns:1fr}.order-summary{position:static}}@media (max-width: 700px){.cart-page{padding:28px 0 50px}.cart-container{width:min(100% - 24px,600px)}.cart-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}.cart-heading h1{font-size:28px}.clear-cart-btn{padding:0}.cart-item{flex-direction:column;padding:14px;gap:14px}.cart-item-image{width:100%;min-width:0;height:190px}.cart-item-title-row h2{font-size:16px}.cart-item-bottom{align-items:center}.item-price strong{font-size:18px}.order-summary{padding:20px}}@media (max-width: 430px){.cart-container{width:calc(100% - 20px)}.cart-page{padding-top:22px}.cart-heading h1{font-size:25px}.cart-item-image{height:165px}.cart-item-bottom{align-items:stretch;flex-direction:column}.quantity-control{align-self:flex-start}.item-price{align-items:flex-start}.summary-total strong{font-size:23px}}.course-details{min-height:100vh;background:#f8fafc;color:#0f172a}.course-details__container{width:100%;max-width:1280px;margin:0 auto;padding-left:16px;padding-right:16px}.course-details__back-container{padding-top:24px;padding-bottom:0}.course-details__back-link{display:inline-flex;align-items:center;gap:8px;color:#475569;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease,transform .2s ease}.course-details__back-link:hover{color:#4f46e5}.course-details__back-link:hover svg{transform:translate(-3px)}.course-details__back-link svg{transition:transform .2s ease}.course-details__hero{margin-top:24px;background:#0f172a;color:#fff}.course-details__hero-inner{padding-top:40px;padding-bottom:40px}.course-details__hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:center}.course-details__hero-content{min-width:0}.course-details__badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.course-details__badge{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:5px 12px;border-radius:999px;font-size:12px;line-height:1;white-space:nowrap}.course-details__badge--primary{background:#6366f1;color:#fff;font-weight:600}.course-details__badge--category{background:#ffffff1a;color:#fff}.course-details__badge--live{background:#ef4444;color:#fff;font-weight:600}.course-details__title{max-width:800px;margin:0;color:#fff;font-size:48px;font-weight:700;line-height:1.15;letter-spacing:-.025em}.course-details__subtitle{max-width:680px;margin:20px 0 0;color:#cbd5e1;font-size:18px;line-height:1.75}.course-details__rating-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;color:#cbd5e1;font-size:14px}.course-details__rating{display:flex;align-items:center;gap:5px;color:#facc15;font-weight:700}.course-details__rating-star{fill:currentColor}.course-details__instructor{margin:20px 0 0;color:#cbd5e1;font-size:14px}.course-details__instructor span{color:#fff;font-weight:600}.course-details__preview-card{overflow:hidden;background:#fff;border-radius:16px;color:#0f172a;box-shadow:0 25px 50px -12px #00000059}.course-details__preview-image{position:relative;height:224px;overflow:hidden}.course-details__preview-image img{display:block;width:100%;height:100%;object-fit:cover}.course-details__preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0003}.course-details__play-button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#fff;color:#4f46e5;box-shadow:0 10px 25px #0000002e;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.course-details__play-button:hover{transform:scale(1.08);box-shadow:0 14px 30px #00000038}.course-details__preview-content{padding:24px}.course-details__price-row{display:flex;align-items:flex-end;gap:12px}.course-details__price{color:#0f172a;font-size:30px;font-weight:700;line-height:1}.course-details__original-price{color:#94a3b8;font-size:14px;text-decoration:line-through}.course-details__enroll-button{width:100%;margin-top:20px;padding:14px 16px;border:0;border-radius:12px;background:#4f46e5;color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.course-details__enroll-button:hover{background:#4338ca}.course-details__enroll-button:active{transform:scale(.99)}.course-details__wishlist-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#334155;font:inherit;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.course-details__wishlist-button:hover{background:#f8fafc}.course-details__wishlist-button--active{border-color:#fda4af;background:#fff1f2;color:#e11d48}.course-details__heart--filled{fill:#f43f5e}.course-details__guarantee{margin:16px 0 0;color:#94a3b8;font-size:12px;text-align:center}.course-details__main{padding-top:40px;padding-bottom:40px}.course-details__main-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:32px}.course-details__content-column{display:flex;flex-direction:column;gap:32px;min-width:0}.course-details__section{padding:32px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.course-details__section h2{margin:0;color:#0f172a;font-size:24px;font-weight:700;line-height:1.3}.course-details__learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.course-details__learning-item{display:flex;align-items:flex-start;gap:12px;color:#475569;font-size:14px;line-height:1.5}.course-details__check-icon{flex-shrink:0;margin-top:2px;color:#22c55e}.course-details__section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.course-details__section-header p{margin:4px 0 0;color:#64748b;font-size:14px}.course-details__curriculum{display:flex;flex-direction:column;gap:12px;margin-top:24px}.course-details__curriculum-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #e2e8f0;border-radius:12px;transition:border-color .2s ease,background .2s ease,transform .2s ease}.course-details__curriculum-item:hover{border-color:#c7d2fe;background:#eef2ff80}.course-details__curriculum-left{display:flex;align-items:center;gap:12px;min-width:0}.course-details__lesson-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:8px;background:#e0e7ff;color:#4f46e5;font-size:14px;font-weight:700}.course-details__curriculum-item h3{margin:0;color:#334155;font-size:15px;font-weight:600;line-height:1.4}.course-details__curriculum-item p{margin:4px 0 0;color:#64748b;font-size:12px}.course-details__curriculum-duration{flex-shrink:0;color:#94a3b8;font-size:12px}.course-details__description{margin:16px 0 0;color:#475569;font-size:15px;line-height:1.8}.course-details__sidebar{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:20px}.course-details__includes-card{padding:24px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.course-details__includes-card h3,.course-details__start-card h3{margin:0;font-size:18px;font-weight:700}.course-details__includes-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.course-details__include-item{display:flex;align-items:center;gap:12px;color:#475569;font-size:14px;line-height:1.5}.course-details__include-item svg{flex-shrink:0;width:18px;height:18px;color:#6366f1}.course-details__include-item--live svg{color:#ef4444}.course-details__start-card{padding:24px;border-radius:16px;background:#4f46e5;color:#fff}.course-details__start-card p{margin:8px 0 0;color:#e0e7ff;font-size:14px;line-height:1.7}.course-details__start-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:20px;padding:12px 16px;border-radius:12px;background:#fff;color:#4f46e5;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s ease,transform .2s ease}.course-details__start-button:hover{background:#eef2ff}.course-details__start-button:active{transform:scale(.99)}.course-not-found{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:40px 16px;background:#f8fafc}.course-not-found__content{text-align:center}.course-not-found__content h1{margin:0;color:#0f172a;font-size:30px;font-weight:700}.course-not-found__content p{margin:12px 0 0;color:#64748b}.course-not-found__button{margin-top:24px;padding:12px 24px;border:0;border-radius:12px;background:#4f46e5;color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:background .2s ease}.course-not-found__button:hover{background:#4338ca}@media (max-width: 1024px){.course-details__hero-grid{grid-template-columns:minmax(0,1fr) 380px;gap:28px}.course-details__title{font-size:42px}.course-details__main-grid{grid-template-columns:minmax(0,1fr) 320px;gap:24px}}@media (max-width: 900px){.course-details__hero-grid{grid-template-columns:1fr}.course-details__preview-card{max-width:560px;width:100%;margin:0 auto}.course-details__main-grid{grid-template-columns:1fr}.course-details__sidebar{position:static}}@media (max-width: 640px){.course-details__container{padding-left:16px;padding-right:16px}.course-details__back-container{padding-top:20px}.course-details__hero{margin-top:20px}.course-details__hero-inner{padding-top:32px;padding-bottom:32px}.course-details__title{font-size:32px;line-height:1.2}.course-details__subtitle{margin-top:16px;font-size:15px;line-height:1.7}.course-details__rating-row{gap:10px 14px;margin-top:20px}.course-details__instructor{margin-top:16px}.course-details__preview-image{height:200px}.course-details__preview-content{padding:20px}.course-details__price{font-size:27px}.course-details__main{padding-top:24px;padding-bottom:32px}.course-details__content-column{gap:20px}.course-details__section{padding:20px;border-radius:14px}.course-details__section h2{font-size:21px}.course-details__learning-grid{grid-template-columns:1fr;gap:14px;margin-top:20px}.course-details__curriculum{margin-top:20px}.course-details__curriculum-item{padding:14px}.course-details__curriculum-duration{display:none}.course-details__curriculum-item h3{font-size:14px}.course-details__description{font-size:14px;line-height:1.75}.course-details__sidebar{gap:16px}.course-details__includes-card,.course-details__start-card{padding:20px;border-radius:14px}.course-details__badge{padding:5px 10px}}@media (max-width: 400px){.course-details__title{font-size:28px}.course-details__rating-row{flex-direction:column;align-items:flex-start;gap:8px}.course-details__preview-image{height:180px}.course-details__section{padding:18px}.course-details__curriculum-left{gap:10px}.course-details__lesson-number{width:32px;height:32px;font-size:13px}}.student-dashboard-container{width:100%;max-width:1240px;margin:0 auto;padding:4px 4px 32px}.student-dashboard-header{margin-bottom:0}.student-dashboard-header h1{margin:0;color:#0f172a;font-size:25px;line-height:1.35;font-weight:750;letter-spacing:-.5px}.student-dashboard-header p{margin:6px 0 0;color:#64748b;font-size:14px;line-height:1.6}.student-dashboard-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:26px}.student-dashboard-stat-card{position:relative;isolation:isolate;overflow:hidden;min-height:98px;padding:18px;background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 16px #0f172a0b;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.student-dashboard-stat-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#4f46e5,#6366f1,#818cf8);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.student-dashboard-stat-card:after{content:"";position:absolute;width:70px;height:70px;top:-32px;right:-28px;background:#eef2ff;border-radius:50%;z-index:-1;transition:transform .35s ease}.student-dashboard-stat-card:hover{transform:translateY(-4px);border-color:#c7d2fe;box-shadow:0 12px 28px #4f46e51c}.student-dashboard-stat-card:hover:before{transform:scaleX(1)}.student-dashboard-stat-card:hover:after{transform:scale(1.45)}.student-dashboard-stat-value{position:relative;z-index:1;color:#0f172a;font-size:23px;line-height:1.35;font-weight:750}.student-dashboard-stat-label{position:relative;z-index:1;margin-top:5px;color:#64748b;font-size:12px;line-height:1.4;font-weight:500}.student-dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:24px;margin-top:32px}.student-dashboard-left,.student-dashboard-certificates-section{min-width:0}.student-dashboard-main-grid h2{margin:0;color:#0f172a;font-size:17px;line-height:1.5;font-weight:700}.student-dashboard-learning-section{width:100%}.student-dashboard-learning-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.student-dashboard-learning-card{position:relative;display:flex;align-items:center;gap:16px;padding:15px;background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 14px #0f172a09;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.student-dashboard-learning-card:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:#6366f1;border-radius:0 4px 4px 0;transform:scaleY(0);transition:transform .25s ease}.student-dashboard-learning-card:hover{transform:translateY(-3px);border-color:#c7d2fe;box-shadow:0 12px 26px #0f172a14}.student-dashboard-learning-card:hover:before{transform:scaleY(1)}.student-dashboard-learning-thumbnail{position:relative;width:88px;height:62px;flex-shrink:0;background:linear-gradient(135deg,#4338ca,#6366f1 55%,#818cf8);border-radius:11px;overflow:hidden;box-shadow:0 5px 14px #4f46e52e;transition:transform .3s ease,box-shadow .3s ease}.student-dashboard-learning-card:hover .student-dashboard-learning-thumbnail{transform:scale(1.035);box-shadow:0 8px 18px #4f46e53d}.student-dashboard-learning-thumbnail:before{content:"";position:absolute;width:52px;height:52px;right:-14px;bottom:-17px;background:#ffffff26;border-radius:50%}.student-dashboard-learning-thumbnail:after{content:"";position:absolute;width:18px;height:18px;left:18px;top:22px;border:3px solid rgba(255,255,255,.82);border-radius:50%}.student-dashboard-thumbnail-circle{position:absolute;width:6px;height:6px;left:25px;top:28px;background:#fff;border-radius:50%;z-index:1}.student-dashboard-learning-info{flex:1;min-width:0}.student-dashboard-learning-info p{margin:0;color:#1e293b;font-size:14px;line-height:1.5;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-dashboard-progress-track{width:100%;height:7px;margin-top:9px;background:#eef2f7;border-radius:999px;overflow:hidden}.student-dashboard-progress-bar{position:relative;height:100%;background:linear-gradient(90deg,#4f46e5,#6366f1,#818cf8);border-radius:999px;transition:width .8s ease}.student-dashboard-progress-bar:after{content:"";position:absolute;top:0;right:0;width:35px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35));animation:studentDashboardProgressShine 2.2s infinite}@keyframes studentDashboardProgressShine{0%{transform:translate(-25px);opacity:0}45%{opacity:1}to{transform:translate(25px);opacity:0}}.student-dashboard-progress-text{display:block;margin-top:5px;color:#94a3b8;font-size:10px;line-height:1.4;font-weight:500}.student-dashboard-continue-btn{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:9px 13px;flex-shrink:0;background:#4338ca;color:#fff;border-radius:9px;font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.student-dashboard-continue-btn:hover{background:#3730a3;transform:translateY(-2px);box-shadow:0 7px 15px #4338ca3d}.student-dashboard-continue-btn:active{transform:translateY(0)}.student-dashboard-live-section{margin-top:32px}.student-dashboard-live-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:18px;background:linear-gradient(135deg,#fff1f2,#fff7f8);border:1px solid #fecdd3;border-radius:15px;box-shadow:0 6px 20px #e11d480f;overflow:hidden}.student-dashboard-live-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#e11d48}.student-dashboard-live-card:after{content:"";position:absolute;width:110px;height:110px;right:-42px;top:-42px;background:#e11d4812;border-radius:50%}.student-dashboard-live-info{min-width:0}.student-dashboard-live-label{display:flex;align-items:center;gap:5px;color:#e11d48;font-size:11px;font-weight:750;letter-spacing:.5px}.student-dashboard-live-label svg{animation:studentDashboardLivePulse 1.5s infinite}.student-dashboard-live-info p{margin:6px 0 0;color:#1e293b;font-size:14px;line-height:1.5;font-weight:650}.student-dashboard-live-dot{margin:0 6px;color:#94a3b8}@keyframes studentDashboardLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.student-dashboard-join-live-btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:9px 17px;background:#e11d48;color:#fff;border-radius:9px;font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.student-dashboard-join-live-btn:hover{background:#be123c;transform:translateY(-2px);box-shadow:0 7px 15px #e11d483b}.student-dashboard-section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.student-dashboard-view-all-link{color:#4f46e5;font-size:11px;font-weight:650;text-decoration:none;white-space:nowrap;transition:color .2s ease}.student-dashboard-view-all-link:hover{color:#3730a3}.student-dashboard-certificates-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.student-dashboard-certificate-card{display:flex;align-items:center;gap:12px;min-height:62px;padding:11px 13px;background:#fff;border:1px solid #e2e8f0;border-radius:13px;box-shadow:0 4px 12px #0f172a09;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.student-dashboard-certificate-card:hover{transform:translate(4px);border-color:#c7d2fe;box-shadow:0 9px 20px #4f46e517}.student-dashboard-certificate-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;flex-shrink:0;background:#eef2ff;color:#4338ca;border-radius:9px;transition:background .2s ease,transform .2s ease}.student-dashboard-certificate-card:hover .student-dashboard-certificate-icon{background:#e0e7ff;transform:scale(1.07) rotate(-3deg)}.student-dashboard-certificate-card span{min-width:0;color:#334155;font-size:13px;line-height:1.4;font-weight:600;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1100px){.student-dashboard-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-dashboard-main-grid{grid-template-columns:1fr}.student-dashboard-certificates-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.student-dashboard-container{padding:2px 0 28px}.student-dashboard-header h1{font-size:22px}.student-dashboard-header p{font-size:13px}.student-dashboard-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.student-dashboard-stat-card{min-height:92px;padding:15px}.student-dashboard-main-grid{gap:30px;margin-top:28px}.student-dashboard-certificates-list{grid-template-columns:repeat(2,minmax(0,1fr))}.student-dashboard-learning-card{gap:13px}.student-dashboard-learning-thumbnail{width:80px;height:57px}}@media (max-width: 600px){.student-dashboard-header h1{font-size:20px;letter-spacing:-.25px}.student-dashboard-header p{margin-top:5px;font-size:13px}.student-dashboard-stats-grid{gap:10px;margin-top:20px}.student-dashboard-stat-card{min-height:86px;padding:14px;border-radius:13px}.student-dashboard-stat-value{font-size:20px}.student-dashboard-stat-label{margin-top:3px;font-size:11px}.student-dashboard-learning-list{gap:11px}.student-dashboard-learning-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:13px;border-radius:13px}.student-dashboard-learning-thumbnail{width:72px;height:55px}.student-dashboard-learning-info p{font-size:13px}.student-dashboard-progress-track{height:6px;margin-top:8px}.student-dashboard-progress-text{font-size:9px}.student-dashboard-continue-btn{grid-column:1 / -1;width:100%;min-height:37px}.student-dashboard-live-section{margin-top:27px}.student-dashboard-live-card{align-items:stretch;flex-direction:column;gap:13px;margin-top:12px;padding:15px;border-radius:13px}.student-dashboard-live-info p{font-size:13px}.student-dashboard-join-live-btn{width:100%;min-height:38px}.student-dashboard-certificates-list{grid-template-columns:1fr;gap:10px}.student-dashboard-certificate-card{min-height:58px}.student-dashboard-certificate-card:hover{transform:translateY(-2px)}}@media (max-width: 400px){.student-dashboard-header h1{font-size:19px}.student-dashboard-stats-grid{grid-template-columns:1fr}.student-dashboard-stat-card{min-height:78px;padding:13px}.student-dashboard-learning-card{grid-template-columns:62px minmax(0,1fr)}.student-dashboard-learning-thumbnail{width:62px;height:50px}.student-dashboard-main-grid h2{font-size:16px}.student-dashboard-live-info p{font-size:13px}}@media (max-width: 340px){.student-dashboard-container{padding-bottom:20px}.student-dashboard-header h1{font-size:18px}.student-dashboard-stat-card{min-height:74px}.student-dashboard-learning-card{grid-template-columns:56px minmax(0,1fr);gap:10px}.student-dashboard-learning-thumbnail{width:56px;height:48px}.student-dashboard-learning-info p{font-size:12px}}@media (prefers-reduced-motion: reduce){.student-dashboard-stat-card,.student-dashboard-learning-card,.student-dashboard-learning-thumbnail,.student-dashboard-certificate-card,.student-dashboard-continue-btn,.student-dashboard-join-live-btn,.student-dashboard-certificate-icon{transition:none}.student-dashboard-live-label svg,.student-dashboard-progress-bar:after{animation:none}}.dsb-sidebar{width:100%;min-width:0;height:100%;min-height:100%;background:#fff;border-right:1px solid #eef1f6;box-sizing:border-box}.dsb-sidebar,.dsb-sidebar *,.dsb-sidebar *:before,.dsb-sidebar *:after{box-sizing:border-box}.dsb-sidebar-nav{display:flex;flex-direction:column;width:100%;gap:5px;padding:18px 12px}.dsb-sidebar-link{position:relative;display:flex;align-items:center;width:100%;min-width:0;min-height:44px;gap:11px;padding:9px 12px;border:0;border-radius:11px;color:#64748b;background:transparent;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.dsb-sidebar-icon-box{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:9px;color:#64748b;background:transparent;transition:background .2s ease,color .2s ease,transform .2s ease}.dsb-sidebar-icon{width:18px;height:18px;flex-shrink:0}.dsb-sidebar-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .2s ease}.dsb-sidebar-link:hover{background:#f7f8fc;color:#1e293b;transform:translate(2px)}.dsb-sidebar-link:hover .dsb-sidebar-icon-box{background:#f0f2f8;color:#4f46e5}.dsb-sidebar-link.dsb-active{background:linear-gradient(90deg,#eef2ff,#f5f6ff);color:#4338ca;font-weight:600;box-shadow:inset 0 0 0 1px #6366f114}.dsb-sidebar-link.dsb-active .dsb-sidebar-icon-box{background:#e0e7ff;color:#4338ca}.dsb-sidebar-active-dot{position:absolute;top:50%;right:8px;width:4px;height:20px;border-radius:10px;background:#4f46e5;transform:translateY(-50%);animation:dsbSidebarActive .25s ease}@keyframes dsbSidebarActive{0%{opacity:0;transform:translateY(-50%) scaleY(.4)}to{opacity:1;transform:translateY(-50%) scaleY(1)}}.dsb-sidebar-link.dsb-active:hover{background:linear-gradient(90deg,#e8edff,#f1f3ff);color:#3730a3;transform:translate(2px)}.dsb-sidebar-link.dsb-active:hover .dsb-sidebar-icon-box{background:#dbe4ff;color:#3730a3}.dsb-sidebar-link:focus-visible{outline:3px solid rgba(79,70,229,.18);outline-offset:2px}@media (min-width: 1280px){.dsb-sidebar{min-height:calc(100vh - 72px)}.dsb-sidebar-nav{padding:20px 12px;gap:5px}.dsb-sidebar-link{min-height:45px;padding:9px 12px}}@media (max-width: 640px){.dsb-sidebar{width:100%;min-height:100%;border-right:0}.dsb-sidebar-nav{width:100%;padding:14px 10px;gap:4px}.dsb-sidebar-link{min-height:46px;padding:8px 10px;gap:10px;border-radius:10px;font-size:14px}.dsb-sidebar-icon-box{width:32px;height:32px;flex-basis:32px}.dsb-sidebar-icon{width:18px;height:18px}.dsb-sidebar-active-dot{right:7px;width:3px;height:18px}}@media (max-width: 480px){.dsb-sidebar-nav{padding:12px 8px;gap:3px}.dsb-sidebar-link{min-height:44px;padding:7px 9px;gap:9px;font-size:13px}.dsb-sidebar-icon-box{width:30px;height:30px;flex-basis:30px}.dsb-sidebar-icon{width:17px;height:17px}}@media (max-width: 350px){.dsb-sidebar-nav{padding:10px 6px;gap:3px}.dsb-sidebar-link{min-height:42px;padding:6px 8px;gap:8px;border-radius:9px;font-size:12px}.dsb-sidebar-icon-box{width:28px;height:28px;flex-basis:28px}.dsb-sidebar-icon{width:16px;height:16px}.dsb-sidebar-active-dot{right:5px;width:3px;height:16px}}@media (prefers-reduced-motion: reduce){.dsb-sidebar-link,.dsb-sidebar-icon-box{transition:none}.dsb-sidebar-active-dot{animation:none}}.live-classes-page{width:100%;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 10% 0%,rgba(99,102,241,.045),transparent 28%),#f8fafc;color:#0f172a;font-family:inherit;box-sizing:border-box}.live-classes-page *,.live-classes-page *:before,.live-classes-page *:after{box-sizing:border-box}.live-classes-container{width:100%;max-width:1540px;min-width:0;margin:0 auto;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px}.live-classes-main{width:100%;min-width:0}.live-page-header{width:100%;min-width:0;margin-bottom:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.live-page-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:9px;color:#4f46e5;font-size:12px;font-weight:700;letter-spacing:.07em;line-height:1.3;text-transform:uppercase}.live-page-eyebrow>span{width:8px;height:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fee2e2}.live-page-eyebrow>span>span{width:5px;height:5px;border-radius:50%;background:#ef4444;animation:liveHeaderPulse 1.5s infinite}@keyframes liveHeaderPulse{0%,to{opacity:.65;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.live-page-header h1{margin:0;color:#0f172a;font-size:32px;line-height:1.2;font-weight:750;letter-spacing:-.035em}.live-page-header p{max-width:650px;margin:7px 0 0;color:#64748b;font-size:15px;line-height:1.55}.live-header-stat{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #e8eaf7;border-radius:14px;background:#fffc;box-shadow:0 4px 16px #0f172a0a}.live-header-stat-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eef2ff;color:#4f46e5}.live-header-stat-icon svg{width:18px;height:18px}.live-header-stat strong,.live-header-stat span{display:block}.live-header-stat strong{color:#1e293b;font-size:14px;line-height:1.3}.live-header-stat span{margin-top:2px;color:#94a3b8;font-size:11px;line-height:1.3}.live-toolbar{position:relative;z-index:20;width:100%;min-width:0;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.live-search{position:relative;width:100%;min-width:0;max-width:500px}.live-search-icon{position:absolute;left:15px;top:50%;z-index:2;width:17px;height:17px;color:#94a3b8;transform:translateY(-50%);pointer-events:none}.live-search input{width:100%;height:44px;padding:10px 42px;border:1px solid #e2e8f0;border-radius:12px;outline:none;background:#fff;color:#334155;font-family:inherit;font-size:14px;box-shadow:0 2px 6px #0f172a09;transition:border-color .25s ease,box-shadow .25s ease}.live-search input::placeholder{color:#a1aabd}.live-search input:hover{border-color:#cbd5e1}.live-search input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a,0 5px 16px #0f172a0d}.live-search-clear{position:absolute;right:10px;top:50%;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:18px;line-height:20px;cursor:pointer;transform:translateY(-50%);transition:background .2s ease,color .2s ease}.live-search-clear:hover{background:#e2e8f0;color:#1e293b}.live-sort-wrapper{position:relative;flex-shrink:0}.live-sort-button{min-height:44px;display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b;font-family:inherit;font-size:13px;font-weight:500;box-shadow:0 2px 6px #0f172a09;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.live-sort-button:hover{border-color:#cbd5e1;background:#fdfdff}.live-sort-button strong{color:#1e293b;font-weight:650}.live-sort-arrow{width:16px;height:16px;margin-left:2px;color:#94a3b8;transition:transform .25s ease}.live-sort-arrow.open{transform:rotate(180deg)}.live-sort-dropdown{position:absolute;top:calc(100% + 7px);right:0;z-index:50;width:190px;overflow:hidden;padding:5px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;box-shadow:0 18px 40px #0f172a1f,0 5px 12px #0f172a0f;animation:liveDropdownIn .18s ease both}@keyframes liveDropdownIn{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.live-sort-option{width:100%;min-height:38px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:8px;background:transparent;color:#475569;font-family:inherit;font-size:13px;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease}.live-sort-option:hover{background:#f8fafc;color:#1e293b}.live-sort-option.active{background:#eef2ff;color:#4f46e5;font-weight:600}.live-sort-check{font-size:13px}.live-results-bar{width:100%;min-height:28px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#94a3b8;font-size:12px}.live-results-bar strong{color:#475569;font-weight:650}.live-results-bar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-classes-grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.live-card-animation{width:100%;min-width:0;animation:liveCardIn .55s ease both}@keyframes liveCardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.live-class-card{position:relative;width:100%;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5e9f1;border-radius:17px;background:#fff;box-shadow:0 2px 5px #0f172a09,0 7px 20px #0f172a06;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.live-class-card:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none;transition:border-color .3s ease}.live-class-card:hover{transform:translateY(-5px);border-color:#d9ddf2;box-shadow:0 16px 35px #0f172a17,0 5px 12px #0f172a0a}.live-class-card:hover:after{border-color:#6366f11f}.live-class-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;flex-shrink:0;background:#e2e8f0}.live-class-thumbnail-image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease}.live-class-card:hover .live-class-thumbnail-image{transform:scale(1.07);filter:saturate(1.06)}.live-class-image-gradient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.live-thumbnail-shine{position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.16),transparent);transform:skew(-18deg);transition:left .7s ease;pointer-events:none}.live-class-card:hover .live-thumbnail-shine{left:135%}.live-gradient-indigo{background:linear-gradient(to top,rgba(49,46,129,.8),rgba(49,46,129,.12),transparent)}.live-gradient-fuchsia{background:linear-gradient(to top,rgba(112,26,117,.72),rgba(112,26,117,.1),transparent)}.live-gradient-slate{background:linear-gradient(to top,rgba(15,23,42,.74),rgba(15,23,42,.1),transparent)}.live-gradient-emerald{background:linear-gradient(to top,rgba(6,78,59,.72),rgba(6,78,59,.1),transparent)}.live-gradient-cyan{background:linear-gradient(to top,rgba(22,78,99,.72),rgba(22,78,99,.1),transparent)}.live-gradient-violet{background:linear-gradient(to top,rgba(76,29,149,.72),rgba(76,29,149,.1),transparent)}.live-gradient-orange{background:linear-gradient(to top,rgba(124,45,18,.72),rgba(124,45,18,.1),transparent)}.live-gradient-teal{background:linear-gradient(to top,rgba(19,78,74,.72),rgba(19,78,74,.1),transparent)}.live-class-status{position:absolute;top:12px;left:12px;z-index:3}.live-live-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(255,255,255,.15);border-radius:7px;background:#dc2626f0;color:#fff;font-size:10px;font-weight:750;letter-spacing:.04em;box-shadow:0 3px 10px #7f1d1d33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-live-dot{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff1f;animation:liveDotPulse 1.4s infinite}@keyframes liveDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.live-upcoming-badge{display:inline-block;padding:5px 9px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#0f172ac2;color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-watching-badge{position:absolute;top:12px;right:12px;z-index:3;max-width:calc(100% - 115px);display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#0f172a9e;color:#fff;font-size:10px;font-weight:550;white-space:nowrap;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.live-watching-badge svg{width:13px;height:13px;flex-shrink:0}.live-thumbnail-play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.live-thumbnail-play span{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:#ffffff2b;color:#fff;box-shadow:0 8px 25px #0003;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transform:scale(.8);transition:transform .3s ease}.live-thumbnail-play svg{width:19px;height:19px;margin-left:2px;fill:currentColor}.live-class-card:hover .live-thumbnail-play{opacity:1}.live-class-card:hover .live-thumbnail-play span{transform:scale(1)}.live-class-card-content{min-width:0;flex:1;display:flex;flex-direction:column;padding:16px}.live-card-top{min-width:0;margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;gap:8px}.live-card-type{min-width:0;overflow:hidden;color:#6366f1;font-size:10px;font-weight:700;letter-spacing:.055em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.live-card-clock{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;color:#94a3b8;font-size:10px;white-space:nowrap}.live-card-clock svg{width:12px;height:12px}.live-class-title{min-height:43px;margin:0 0 13px;display:-webkit-box;overflow:hidden;color:#0f172a;font-size:16px;line-height:1.38;font-weight:700;letter-spacing:-.015em;-webkit-box-orient:vertical;line-clamp:2}.live-class-instructor{min-width:0;margin-bottom:12px;display:flex;align-items:center;gap:9px}.live-instructor-avatar{width:31px;height:31px;flex-shrink:0;border:2px solid #f8fafc;border-radius:50%;background:#f1f5f9;object-fit:cover;box-shadow:0 1px 4px #0f172a14}.live-instructor-text{min-width:0;flex:1}.live-instructor-name,.live-instructor-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-instructor-name{color:#334155;font-size:12px;line-height:1.4;font-weight:650}.live-instructor-title{margin-top:1px;color:#94a3b8;font-size:11px;line-height:1.35}.live-class-schedule{min-width:0;margin-bottom:13px;display:flex;align-items:flex-start;gap:7px;color:#64748b;font-size:12px;line-height:18px}.live-schedule-icon{width:25px;height:25px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#f8fafc;color:#6366f1}.live-schedule-icon svg{width:13px;height:13px}.live-class-tags{min-width:0;min-height:27px;margin-bottom:5px;display:flex;flex-wrap:wrap;gap:5px}.live-class-tag{max-width:100%;padding:4px 8px;border:1px solid #eef2f7;border-radius:999px;background:#f8fafc;color:#64748b;font-size:10px;line-height:16px;font-weight:550;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}.live-class-card:hover .live-class-tag{border-color:#e0e7ff;background:#eef2ff;color:#4f46e5}.live-class-tag:hover{transform:translateY(-1px)}.live-class-actions{min-width:0;margin-top:auto;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #f1f5f9}.live-qa-button{min-width:0;flex-shrink:1;display:inline-flex;align-items:center;gap:5px;overflow:hidden;padding:5px 0;border:0;background:transparent;color:#64748b;font-family:inherit;font-size:12px;font-weight:550;cursor:pointer;transition:color .2s ease,transform .2s ease}.live-qa-button:hover{color:#4f46e5;transform:translate(2px)}.live-qa-button svg{width:15px;height:15px;flex-shrink:0}.live-qa-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-join-live-button{min-width:0;flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:8px 10px 8px 11px;border-radius:9px;background:#4f46e5;color:#fff;font-size:12px;font-weight:650;text-decoration:none;box-shadow:0 4px 10px #4f46e52b;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.live-join-live-button svg:first-child{width:13px;height:13px;fill:currentColor}.live-join-live-button svg:last-child{width:13px;height:13px;transition:transform .2s ease}.live-join-live-button:hover{background:#4338ca;box-shadow:0 7px 16px #4f46e540;transform:translateY(-1px)}.live-join-live-button:hover svg:last-child{transform:translate(2px)}.live-join-live-button:active{transform:scale(.97)}.live-upcoming-button{flex-shrink:0;padding:8px 11px;border:1px solid #eef2f7;border-radius:9px;background:#f8fafc;color:#94a3b8;font-family:inherit;font-size:12px;font-weight:600;cursor:not-allowed}.live-empty-state{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 24px;border:1px dashed #dce2ec;border-radius:17px;background:#fff;text-align:center}.live-empty-icon{width:58px;height:58px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;border-radius:17px;background:#eef2ff;color:#6366f1}.live-empty-icon svg{width:23px;height:23px}.live-empty-state h3{margin:0;color:#1e293b;font-size:16px;font-weight:700}.live-empty-state p{max-width:340px;margin:6px 0 0;color:#94a3b8;font-size:13px;line-height:1.5}.live-empty-state button{margin-top:15px;padding:8px 13px;border:0;border-radius:8px;background:#eef2ff;color:#4f46e5;font-family:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:background .2s ease,transform .2s ease}.live-empty-state button:hover{background:#e0e7ff;transform:translateY(-1px)}.live-sidebar{width:320px;min-width:0}.live-sidebar-sticky{position:sticky;top:22px;display:flex;flex-direction:column;gap:20px}.live-sidebar-card{overflow:hidden;padding:18px;border:1px solid #e5e9f1;border-radius:17px;background:#fff;box-shadow:0 2px 5px #0f172a09,0 7px 20px #0f172a06}.live-sidebar-header{margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}.live-sidebar-heading{min-width:0;display:flex;align-items:center;gap:8px}.live-sidebar-heading>span,.live-category-heading>span{width:31px;height:31px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#eef2ff;color:#6366f1}.live-sidebar-heading svg,.live-category-heading svg{width:16px;height:16px}.live-sidebar-heading h2,.live-category-heading h2{margin:0;color:#1e293b;font-size:14px;line-height:1.4;font-weight:700}.live-sidebar-header>a{flex-shrink:0;color:#6366f1;font-size:11px;font-weight:650;text-decoration:none;transition:color .2s ease}.live-sidebar-header>a:hover{color:#4338ca}.live-upcoming-list{display:flex;flex-direction:column}.live-upcoming-row{min-width:0;display:grid;grid-template-columns:58px 34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px 0}.live-upcoming-row+.live-upcoming-row{border-top:1px solid #f1f5f9}.live-upcoming-time{min-width:0;display:flex;align-items:center;gap:4px;color:#94a3b8;font-size:10px;font-weight:550}.live-upcoming-time svg{width:12px;height:12px;flex-shrink:0}.live-upcoming-avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#f1f5f9;object-fit:cover}.live-upcoming-info{min-width:0}.live-upcoming-title,.live-upcoming-instructor{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-upcoming-title{margin:0;color:#334155;font-size:11px;line-height:1.4;font-weight:650}.live-upcoming-instructor{margin:2px 0 0;color:#94a3b8;font-size:10px;line-height:1.35}.live-upcoming-live-status,.live-upcoming-normal-status{flex-shrink:0;padding:4px 6px;border-radius:6px;font-size:8px;line-height:1.3;font-weight:700}.live-upcoming-live-status{display:inline-flex;align-items:center;gap:4px;background:#fee2e2;color:#dc2626}.live-upcoming-live-status>span{width:4px;height:4px;border-radius:50%;background:currentColor;animation:liveMiniPulse 1.3s infinite}@keyframes liveMiniPulse{50%{opacity:.3}}.live-upcoming-normal-status{background:#f1f5f9;color:#64748b}.live-category-heading{margin-bottom:7px;display:flex;align-items:center;gap:8px}.live-categories-list{display:flex;flex-direction:column}.live-category-row{width:100%;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 5px;border:0;border-radius:10px;background:transparent;font-family:inherit;text-align:left;cursor:pointer;transition:background .25s ease,transform .25s ease}.live-category-row+.live-category-row{border-top:1px solid #f1f5f9}.live-category-row:hover{background:#f8fafc;transform:translate(3px)}.live-category-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:transform .25s ease,box-shadow .25s ease}.live-category-row:hover .live-category-icon{transform:scale(1.06) rotate(-2deg);box-shadow:0 5px 12px #0f172a0f}.live-category-icon svg{width:18px;height:18px}.live-category-icon.development{background:#dbeafe;color:#2563eb}.live-category-icon.design{background:#f3e8ff;color:#9333ea}.live-category-icon.marketing{background:#ffe4e6;color:#e11d48}.live-category-icon.business{background:#ffedd5;color:#ea580c}.live-category-icon.data-science{background:#e0f2fe;color:#0284c7}.live-category-icon.personal-growth{background:#dcfce7;color:#16a34a}.live-category-content{min-width:0;flex:1}.live-category-name{display:block;overflow:hidden;color:#334155;font-size:11px;line-height:1.4;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.live-category-count{display:block;margin-top:2px;overflow:hidden;color:#94a3b8;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.live-category-arrow{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#cbd5e1;transition:color .2s ease,transform .2s ease,background .2s ease}.live-category-arrow svg{width:14px;height:14px}.live-category-row:hover .live-category-arrow{background:#eef2ff;color:#6366f1;transform:translate(2px)}@media (min-width: 1400px){.live-classes-container{padding:30px;gap:30px}.live-classes-grid{gap:22px}}@media (max-width: 1399px){.live-classes-container{padding:24px;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.live-sidebar{width:300px}.live-classes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (max-width: 1199px){.live-classes-container{padding:20px;grid-template-columns:minmax(0,1fr) 275px;gap:18px}.live-sidebar{width:275px}.live-sidebar-card{padding:15px}.live-page-header{gap:15px}.live-page-header h1{font-size:29px}.live-header-stat{padding:8px 10px}.live-header-stat-icon{width:32px;height:32px}.live-header-stat span{font-size:10px}.live-classes-grid{gap:16px}.live-class-card-content{padding:14px}.live-class-title{font-size:15px}.live-class-tag{font-size:9px}}@media (max-width: 1099px){.live-classes-container{display:block;width:100%;padding:20px}.live-classes-main{width:100%}.live-classes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.live-page-header{margin-bottom:22px}.live-toolbar{margin-bottom:12px}.live-header-stat{display:none}}@media (max-width: 899px){.live-classes-container{padding:18px}.live-page-header{align-items:flex-start}.live-page-header h1{font-size:28px}.live-page-header p{font-size:14px}.live-toolbar{gap:10px}.live-search{max-width:none}.live-search input{height:43px}.live-sort-button{min-height:43px}.live-classes-grid{gap:16px}.live-class-card-content{padding:15px}.live-class-title{font-size:15px}}@media (max-width: 767px){.live-classes-container{padding:15px}.live-page-header{margin-bottom:18px}.live-page-eyebrow{margin-bottom:7px;font-size:10px}.live-page-header h1{font-size:26px}.live-page-header p{max-width:520px;margin-top:5px;font-size:13px}.live-toolbar{flex-direction:row;align-items:stretch}.live-search{flex:1}.live-sort-wrapper{flex-shrink:0}.live-sort-button{height:43px}.live-classes-grid{grid-template-columns:1fr;gap:16px}.live-class-card{width:100%}.live-class-thumbnail{aspect-ratio:16 / 9}.live-class-card-content{padding:16px}.live-class-title{font-size:16px}.live-class-tag{font-size:10px}}@media (max-width: 649px){.live-classes-container{padding:13px}.live-page-header{margin-bottom:17px}.live-page-header h1{font-size:24px}.live-page-header p{font-size:13px;line-height:1.5}.live-toolbar{flex-direction:column;gap:9px}.live-search{width:100%}.live-search input{height:43px;font-size:13px}.live-sort-wrapper{width:100%}.live-sort-button{width:100%;justify-content:space-between}.live-sort-dropdown{width:100%}.live-results-bar{margin-bottom:10px}.live-classes-grid{gap:14px}.live-class-card-content{padding:15px}.live-class-actions{padding-top:14px}}@media (max-width: 479px){.live-classes-container{padding:11px}.live-page-eyebrow{font-size:9px}.live-page-header h1{font-size:23px}.live-page-header p{font-size:12px}.live-search input{padding-left:39px;padding-right:38px;font-size:12px}.live-search-icon{left:13px;width:16px;height:16px}.live-sort-button{min-height:42px;font-size:12px}.live-results-bar{font-size:11px}.live-class-card{border-radius:15px}.live-class-card-content{padding:14px}.live-card-top{margin-bottom:6px}.live-card-type,.live-card-clock{font-size:9px}.live-class-title{min-height:42px;margin-bottom:12px;font-size:15px}.live-class-instructor{margin-bottom:11px}.live-instructor-avatar{width:29px;height:29px}.live-instructor-name{font-size:11px}.live-instructor-title{font-size:10px}.live-class-schedule{margin-bottom:11px;font-size:11px}.live-class-tag{padding:3px 7px;font-size:9px;line-height:15px}.live-qa-button{font-size:11px}.live-join-live-button,.live-upcoming-button{padding:8px 9px;font-size:11px}.live-join-live-button svg:first-child{width:12px;height:12px}.live-join-live-button svg:last-child{width:11px;height:11px}.live-watching-badge{max-width:120px;padding:4px 7px;font-size:9px}.live-watching-badge svg{width:12px;height:12px}.live-live-badge,.live-upcoming-badge{padding:4px 7px;font-size:9px}}@media (max-width: 399px){.live-classes-container{padding:9px}.live-page-header{margin-bottom:15px}.live-page-header h1{font-size:21px}.live-page-header p{max-width:300px;font-size:11px}.live-search input{height:41px;font-size:11px}.live-sort-button{min-height:41px;font-size:11px}.live-class-card-content{padding:12px}.live-class-title{font-size:14px}.live-class-schedule{font-size:10px}.live-class-actions{gap:6px}.live-qa-button{font-size:10px}.live-qa-button svg{width:14px;height:14px}.live-join-live-button,.live-upcoming-button{padding:7px 8px;font-size:10px}}@media (max-width: 359px){.live-classes-container{padding:8px}.live-page-header h1{font-size:20px}.live-page-header p{font-size:10px}.live-class-card-content{padding:11px}.live-card-clock{display:none}.live-class-title{min-height:39px;font-size:13px}.live-class-tags{gap:4px}.live-class-tag{padding:3px 6px;font-size:8px}.live-qa-button span,.live-join-live-button span{display:none}.live-join-live-button{padding:8px 9px}.live-watching-badge{max-width:105px;font-size:8px}.live-live-badge,.live-upcoming-badge{padding:3px 6px;font-size:8px}}@media (hover: none){.live-class-card:hover{transform:none;box-shadow:0 2px 5px #0f172a09,0 7px 20px #0f172a06}.live-class-card:hover .live-class-thumbnail-image{transform:none;filter:none}.live-thumbnail-play,.live-thumbnail-shine{display:none}.live-category-row:hover{transform:none}}@media (prefers-reduced-motion: reduce){.live-card-animation,.live-live-dot,.live-page-eyebrow>span>span,.live-upcoming-live-status>span{animation:none}.live-class-card,.live-class-thumbnail-image,.live-thumbnail-shine,.live-category-row,.live-category-icon,.live-category-arrow,.live-join-live-button,.live-sort-dropdown{transition:none}}.live-page{width:100%;min-height:100%;background:#f8f9fc;color:#0f172a}.live-page-container{width:100%;max-width:1800px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:20px}.live-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#fff;border:1px solid #e8e7f0;border-radius:16px;box-shadow:0 5px 25px #4f46e50d}.live-header-info{min-width:0;display:flex;align-items:center;gap:12px}.live-header-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f3f0ff;color:#6d5dfb}.live-header-icon svg{width:20px;height:20px}.live-header-text{min-width:0}.live-title-row{display:flex;align-items:center;gap:8px}.live-title-row h1{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;color:#0f172a}.live-header-badge{display:inline-flex;padding:4px 8px;border-radius:8px;background:#fef2f2;color:#ef4444;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.live-header-text p{margin:2px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#64748b;font-size:12px}.live-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.live-now-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #fee2e2;border-radius:12px;background:#fef2f2;color:#ef4444;font-size:12px;font-weight:600}.live-pulse-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:livePulse 1.5s infinite}@keyframes livePulse{0%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.watching-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e8e7f0;border-radius:12px;background:#f8f9fc;color:#475569;font-size:12px;font-weight:500}.watching-badge svg{width:16px;height:16px;color:#6d5dfb}.features-wrapper{position:relative}.features-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e8e7f0;border-radius:12px;background:#fff;color:#64748b;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.features-button svg{width:16px;height:16px}.features-button:hover,.features-button-active{border-color:#6d5dfb;background:#f3f0ff;color:#6d5dfb}.features-menu{position:absolute;top:44px;right:0;z-index:120;width:224px;padding:6px;overflow:hidden;border:1px solid #e8e7f0;border-radius:12px;background:#fff;box-shadow:0 15px 45px #0f172a26}.features-menu button,.features-menu a button{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#334155;font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease}.features-menu button:hover,.features-menu a button:hover{background:#f3f0ff;color:#6d5dfb}.features-menu button svg,.features-menu a button svg{width:16px;height:16px;flex-shrink:0}.features-menu a{display:block;text-decoration:none}.menu-divider{height:1px;margin:4px 0;background:#e8e7f0}.features-menu .danger-menu-item{color:#ef4444}.features-menu .danger-menu-item:hover{background:#fef2f2;color:#ef4444}.live-main-grid{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.video-section{min-width:0}.video-card{position:relative;overflow:hidden;border:1px solid #e8e7f0;border-radius:16px;background:#fff;box-shadow:0 10px 40px #4f46e512}.video-area{position:relative;width:100%;aspect-ratio:16 / 9;min-height:480px;overflow:hidden;background:#020617}.instructor-video{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e1b4b,#581c87)}.video-glow{position:absolute;left:50%;top:50%;width:288px;height:288px;transform:translate(-50%,-50%);border-radius:50%;background:#6d5dfb33;filter:blur(48px)}.instructor-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.instructor-avatar{width:112px;height:112px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#7c6cff,#5145cd);color:#fff;font-size:36px;font-weight:700;box-shadow:0 15px 50px #6d5dfb73}.instructor-name{margin:16px 0 0;color:#fff;font-size:18px;font-weight:600}.instructor-role{margin:4px 0 0;color:#cbd5e1;font-size:12px}.camera-off-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172a}.camera-off-icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1e293b}.camera-off-icon svg{width:40px;height:40px;color:#64748b}.camera-off-screen p{margin:16px 0 0;color:#94a3b8;font-size:14px;font-weight:500}.video-live-badge{position:absolute;left:16px;top:16px;z-index:30;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:#fffffff2;box-shadow:0 8px 20px #00000026}.video-live-badge span:first-child{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:livePulse 1.5s infinite}.video-live-badge span:last-child{color:#ef4444;font-size:12px;font-weight:700}.video-quality{position:absolute;right:16px;top:16px;z-index:30;padding:6px 10px;border-radius:8px;background:#00000080;color:#fff;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.play-button{position:absolute;left:50%;top:50%;z-index:30;width:80px;height:80px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;transition:transform .2s ease}.play-button:hover{transform:translate(-50%,-50%) scale(1.05)}.play-button span{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fffffff2;color:#0f172a;box-shadow:0 15px 40px #0000004d}.play-button svg{width:32px;height:32px;margin-left:3px;fill:currentColor}.floating-emojis{position:absolute;right:16px;bottom:96px;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}.floating-emoji{font-size:30px;animation:floatingEmoji 2s ease-out forwards;filter:drop-shadow(0 5px 8px rgba(0,0,0,.25))}@keyframes floatingEmoji{0%{opacity:0;transform:translateY(20px) scale(.7)}20%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(1.1)}}.video-title-overlay{position:absolute;left:0;right:0;bottom:0;z-index:20;padding:80px 20px 96px;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.4),transparent)}.video-title-content{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.video-title-content p{margin:0;color:#fff;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-title-content span{display:block;margin-top:4px;color:#cbd5e1;font-size:12px}.video-controls{position:absolute;left:0;right:0;bottom:0;z-index:50;padding:48px 20px 20px;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.3),transparent)}.video-controls-inner{display:flex;align-items:center;justify-content:center;gap:12px}.video-control-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:background .2s ease,transform .2s ease}.video-control-button:hover{background:#fff3}.video-control-button svg{width:20px;height:20px}.video-control-danger{background:#ef4444}.video-control-danger:hover{background:#dc2626}.video-control-active{background:#6d5dfb}.video-control-active:hover{background:#5145cd}.emoji-wrapper{position:relative}.emoji-picker{position:absolute;left:50%;bottom:56px;z-index:100;transform:translate(-50%);display:flex;gap:4px;padding:8px;border:1px solid #e8e7f0;border-radius:12px;background:#fff;box-shadow:0 10px 30px #0f172a2e}.emoji-picker button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;font-size:18px;cursor:pointer;transition:transform .2s ease,background .2s ease}.emoji-picker button:hover{transform:scale(1.1);background:#f3f0ff}.mobile-participants{display:none}.live-sidebar{min-width:0}.sidebar-inner{height:calc(100vh - 155px);min-height:520px;max-height:760px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e8e7f0;border-radius:16px;background:#fff;box-shadow:0 8px 30px #4f46e50f}.desktop-participants{flex:1;padding:16px;border-bottom:1px solid #e8e7f0}.participants-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.participants-title{display:flex;align-items:center;gap:8px}.small-icon-box{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f3f0ff;color:#6d5dfb}.small-icon-box svg{width:16px;height:16px}.participants-title h2,.chat-header h2{margin:0;color:#0f172a;font-size:14px;font-weight:600}.participant-count{padding:4px 8px;border-radius:8px;background:#f3f0ff;color:#6d5dfb;font-size:10px;font-weight:600}.participant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.participant-card{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid #e8e7f0;border-radius:12px;background:#f8f9fc}.participant-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f0ff,#ede9fe)}.participant-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#6d5dfb;font-size:12px;font-weight:700;box-shadow:0 3px 10px #00000014}.participant-camera-off{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.participant-camera-off svg{width:20px;height:20px;color:#94a3b8}.participant-name-overlay{position:absolute;left:0;right:0;bottom:0;padding:20px 8px 6px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent)}.participant-name-overlay p{margin:0;overflow:hidden;color:#fff;font-size:10px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.participant-online{position:absolute;right:6px;top:6px;width:6px;height:6px;border-radius:50%;background:#34d399}.chat-panel{min-height:0;flex:1;display:flex;flex-direction:column}.chat-header{height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e8e7f0}.chat-header-info{display:flex;align-items:center;gap:8px}.chat-header h2{margin-bottom:2px}.chat-header p{margin:0;color:#94a3b8;font-size:10px}.chat-close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer;transition:background .2s ease,color .2s ease}.chat-close-button:hover{background:#f3f0ff;color:#6d5dfb}.chat-close-button svg{width:16px;height:16px}.chat-body{position:relative;min-height:0;flex:1}.chat-messages{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:16px 16px 96px}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-thumb{border-radius:10px;background:#d7d5e5}.chat-message-list{display:flex;flex-direction:column;gap:12px}.chat-message-row{display:flex;justify-content:flex-start}.chat-message-row.message-own{justify-content:flex-end}.chat-message{max-width:88%;padding:12px;border:1px solid #eeeafb;border-radius:12px;background:#f8f7ff}.chat-message-own{border-color:#6d5dfb;background:#6d5dfb;color:#fff}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-header>span:first-child{color:#6d5dfb;font-size:12px;font-weight:600}.chat-message-own .message-header>span:first-child{color:#fff}.host-badge{padding:2px 6px;border-radius:6px;background:#ede9fe;color:#6d5dfb!important;font-size:8px!important;font-weight:700!important}.chat-message p{margin:0;color:#475569;font-size:12px;line-height:20px}.chat-message-own p{color:#fff}.scroll-bottom-button{position:sticky;left:100%;bottom:12px;z-index:20;width:36px;height:36px;margin:12px 0 0 auto;display:flex;align-items:center;justify-content:center;border:1px solid #e8e7f0;border-radius:50%;background:#fff;color:#6d5dfb;box-shadow:0 8px 20px #0f172a1f;cursor:pointer;transition:background .2s ease}.scroll-bottom-button:hover{background:#f3f0ff}.scroll-bottom-button svg{width:16px;height:16px}.chat-input-container{position:absolute;left:0;right:0;bottom:0;z-index:30;padding:12px;border-top:1px solid #e8e7f0;background:#fff}.chat-input-wrapper{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid #e8e7f0;border-radius:12px;background:#f8f9fc;transition:border-color .2s ease,box-shadow .2s ease}.chat-input-wrapper:focus-within{border-color:#6d5dfb;box-shadow:0 0 0 3px #6d5dfb1a}.chat-input-wrapper input{min-width:0;flex:1;padding:8px;border:0;outline:0;background:transparent;color:#334155;font-size:12px}.chat-input-wrapper input::placeholder{color:#94a3b8}.send-button{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:#6d5dfb;color:#fff;cursor:pointer;transition:background .2s ease}.send-button:hover{background:#5145cd}.send-button:disabled{opacity:.4;cursor:not-allowed}.send-button svg{width:16px;height:16px}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:12px;background:#0f172a66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-modal{width:100%;max-width:448px;padding:20px;border:1px solid #e8e7f0;border-radius:16px;background:#fff;box-shadow:0 25px 60px #0f172a33}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.settings-header h3{margin:0;color:#0f172a;font-size:16px;font-weight:600}.settings-header p{margin:4px 0 0;color:#64748b;font-size:12px}.settings-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #e8e7f0;border-radius:8px;background:#fff;color:#94a3b8;cursor:pointer;transition:background .2s ease,color .2s ease}.settings-close:hover{background:#f3f0ff;color:#6d5dfb}.settings-close svg{width:16px;height:16px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e8e7f0}.setting-info{display:flex;align-items:center;gap:12px}.setting-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f3f0ff;color:#6d5dfb}.setting-icon svg{width:16px;height:16px}.setting-info p{margin:0;color:#0f172a;font-size:14px;font-weight:500}.setting-info span{display:block;margin-top:2px;color:#64748b;font-size:12px}.toggle{position:relative;width:44px;height:24px;flex-shrink:0;border:0;border-radius:999px;background:#cbd5e1;cursor:pointer;transition:background .2s ease}.toggle span{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0f172a33;transition:left .2s ease}.toggle-on{background:#6d5dfb}.toggle-on span{left:24px}.security-message{display:flex;align-items:center;gap:8px;margin-top:16px;margin-bottom:16px;padding:12px;border-radius:12px;background:#f8f7ff}.security-message svg{width:16px;height:16px;flex-shrink:0;color:#6d5dfb}.security-message p{margin:0;color:#64748b;font-size:11px;line-height:16px}.settings-done{width:100%;margin-top:12px;padding:12px;border:0;border-radius:12px;background:#6d5dfb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #6d5dfb33;transition:background .2s ease,transform .2s ease}.settings-done:hover{background:#5145cd}.video-card:fullscreen{width:100vw;height:100vh;border:0;border-radius:0}.video-card:fullscreen .video-area{width:100%;height:100vh;min-height:0;aspect-ratio:auto}@media (max-width: 1199px){.live-main-grid{grid-template-columns:minmax(0,1fr)}.live-sidebar{display:none}.mobile-participants{display:block;margin-top:16px;overflow:hidden;border:1px solid #e8e7f0;border-radius:16px;background:#fff;box-shadow:0 4px 15px #0f172a0d}}@media (max-width: 767px){.live-page-container{padding:0;gap:16px}.live-header{border-radius:0;padding:12px;flex-direction:column;align-items:stretch}.live-header-actions{justify-content:space-between}.watching-badge{display:none}.live-main-grid{gap:16px}.video-card{border-radius:0}.video-area{min-height:240px}.instructor-avatar{width:80px;height:80px;font-size:24px}.instructor-name{font-size:14px}.instructor-role{font-size:11px}.video-live-badge{left:12px;top:12px}.video-quality{right:12px;top:12px}.play-button,.play-button span{width:64px;height:64px}.play-button svg{width:28px;height:28px}.video-title-overlay{padding:70px 16px 90px}.video-title-content p{font-size:14px}.video-controls{padding:48px 12px 12px}.video-controls-inner{gap:8px}.video-control-button{width:40px;height:40px}.mobile-participants{margin-top:12px;border-radius:0}.mobile-participant-tabs{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #e8e7f0}.mobile-tab{min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:0;background:transparent;color:#64748b;font-size:12px;font-weight:600;cursor:pointer}.mobile-tab.active{background:#f3f0ff;color:#6d5dfb}.mobile-tab svg{width:16px;height:16px}.mobile-participant-list{padding:12px}.mobile-participant{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e8e7f0;border-radius:12px;background:#fafafd}.mobile-participant+.mobile-participant{margin-top:10px}.mobile-participant-avatar{position:relative;width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f0ff;color:#6d5dfb;font-size:14px;font-weight:700}.mobile-participant-avatar span{position:absolute;right:-2px;top:-2px;width:10px;height:10px;border:2px solid #ffffff;border-radius:50%;background:#34d399}.mobile-participant-info{min-width:0;flex:1}.mobile-participant-info p{margin:0;overflow:hidden;color:#0f172a;font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.mobile-participant-info span{display:block;margin-top:2px;color:#94a3b8;font-size:10px}.mobile-participant>svg{width:16px;height:16px;flex-shrink:0;color:#94a3b8}.live-sidebar.mobile-chat-open{position:fixed;left:0;right:0;bottom:0;z-index:90;display:block}.live-sidebar.mobile-chat-open .sidebar-inner{height:75vh;min-height:0;max-height:75vh;border-radius:16px 16px 0 0;box-shadow:0 -10px 35px #0f172a26}.live-sidebar.mobile-chat-open .desktop-participants{display:none}.chat-panel{height:100%}.settings-overlay{align-items:flex-end}.settings-modal{max-height:calc(100vh - 24px);overflow-y:auto}}@media (max-width: 480px){.live-header{gap:12px}.live-header-info{gap:10px}.live-header-icon{width:38px;height:38px}.live-title-row h1{font-size:14px}.live-header-badge{display:none}.live-now-badge{padding:7px 10px}.features-button{width:36px;height:36px}.video-controls-inner{gap:6px}.video-control-button{width:38px;height:38px;border-radius:10px}.video-control-button svg{width:18px;height:18px}.video-title-overlay{padding:55px 12px 80px}.video-title-content p{font-size:13px}.video-title-content span{font-size:10px}.floating-emojis{right:10px;bottom:82px}.emoji-picker{gap:2px}.emoji-picker button{width:32px;height:32px}.settings-modal{padding:16px}}.class-schedule-page{width:100%;min-height:100vh;display:flex;background:#fff;color:#0f172a}.class-schedule-main{flex:1;min-width:0;display:flex;flex-direction:column}.class-schedule-topbar{width:100%;min-height:64px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;background:#fff;border-bottom:1px solid #f1f5f9}.class-schedule-search{position:relative;width:100%;max-width:460px;min-width:0}.class-schedule-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.class-schedule-search-input{width:100%;height:40px;box-sizing:border-box;padding:0 16px 0 40px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#334155;font-family:inherit;font-size:14px;outline:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.class-schedule-search-input::placeholder{color:#94a3b8}.class-schedule-search-input:hover{border-color:#cbd5e1}.class-schedule-search-input:focus{border-color:#818cf8;background:#fff;box-shadow:0 0 0 3px #6366f11a}.class-schedule-topbar-right{flex-shrink:0;display:flex;align-items:center;gap:16px}.class-schedule-notification{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:10px;background:transparent;color:#94a3b8;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.class-schedule-notification:hover{background:#f8fafc;color:#475569;transform:translateY(-1px)}.class-schedule-notification-count{position:absolute;top:-1px;right:-1px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#4f46e5;color:#fff;border:2px solid #ffffff;font-size:9px;font-weight:700}.class-schedule-avatar{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e0e7ff;color:#4338ca;font-size:14px;font-weight:700;box-shadow:0 2px 6px #4f46e514}.class-schedule-content{flex:1;width:100%;box-sizing:border-box;padding:34px 28px 48px;overflow-y:auto}.class-schedule-page-heading{width:100%;max-width:1180px;margin:0 auto 30px}.class-schedule-eyebrow{display:inline-block;margin-bottom:7px;color:#6366f1;font-size:10px;line-height:1.3;font-weight:700;letter-spacing:.12em}.class-schedule-page-heading h1{margin:0;color:#0f172a;font-size:26px;line-height:1.25;font-weight:700;letter-spacing:-.02em}.class-schedule-page-heading p{margin:6px 0 0;color:#64748b;font-size:14px;line-height:1.55}.class-schedule-section{width:100%;max-width:1180px;margin:0 auto}.class-schedule-container{width:100%;box-sizing:border-box;padding:22px;border:1px solid #eef2f7;border-radius:18px;background:#fff;box-shadow:0 2px 8px #0f172a09}.class-schedule-section-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.class-schedule-section-header h2{margin:0;color:#0f172a;font-size:17px;line-height:1.4;font-weight:650}.class-schedule-section-header p{margin:4px 0 0;color:#94a3b8;font-size:12px;line-height:1.4}.class-schedule-class-count{flex-shrink:0;padding:6px 12px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:12px;line-height:1.4;font-weight:600;white-space:nowrap}.class-schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px}.class-schedule-card{position:relative;width:100%;min-width:0;box-sizing:border-box;overflow:hidden;padding:17px;border:1px solid #f1f5f9;border-radius:14px;background:#fff;color:inherit;text-align:left;cursor:pointer;outline:none;transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.class-schedule-card:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 5px 5px 0;background:#6366f1;opacity:0;transform:scaleY(.5);transition:opacity .22s ease,transform .22s ease}.class-schedule-card:hover{transform:translateY(-3px);border-color:#c7d2fe;background:#fbfcff;box-shadow:0 9px 25px #0f172a13}.class-schedule-card:hover:before{opacity:1;transform:scaleY(1)}.class-schedule-card--selected{transform:translateY(-2px);border-color:#a5b4fc;background:#eef2ff;box-shadow:0 8px 24px #4f46e51a}.class-schedule-card--selected:before{opacity:1;transform:scaleY(1)}.class-schedule-card:focus-visible{border-color:#818cf8;box-shadow:0 0 0 3px #6366f121}.class-schedule-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.class-schedule-day{min-width:0;display:flex;align-items:center;gap:8px;color:#64748b;font-size:12px;line-height:1.4;font-weight:600}.class-schedule-card-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;box-shadow:0 0 0 4px #6366f114;transition:transform .2s ease,box-shadow .2s ease}.class-schedule-card:hover .class-schedule-card-dot{transform:scale(1.15);box-shadow:0 0 0 5px #6366f11f}.class-schedule-card-dot--indigo{background:#6366f1}.class-schedule-card-dot--violet{background:#8b5cf6}.class-schedule-card-dot--sky{background:#0ea5e9}.class-schedule-card-dot--rose{background:#f43f5e}.class-schedule-live{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#fff1f2;color:#f43f5e;font-size:11px;line-height:1.3;font-weight:600}.class-schedule-live svg{animation:classSchedulePulse 1.8s ease-in-out infinite}@keyframes classSchedulePulse{0%,to{opacity:.7}50%{opacity:1;transform:scale(1.12)}}.class-schedule-card-title{margin:0 0 5px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;line-clamp:2;font-size:14px;line-height:1.5;font-weight:650;transition:color .2s ease}.class-schedule-card-title--indigo{color:#4338ca}.class-schedule-card-title--violet{color:#6d28d9}.class-schedule-card-title--sky{color:#0369a1}.class-schedule-card-title--rose{color:#be123c}.class-schedule-instructor{margin:0 0 16px;color:#64748b;font-size:12px;line-height:1.4}.class-schedule-card-details{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;color:#64748b;font-size:12px;line-height:1.4}.class-schedule-detail{display:inline-flex;align-items:center;gap:6px;min-width:0}.class-schedule-detail svg{flex-shrink:0}.class-schedule-time-separator{color:#cbd5e1}.class-schedule-recorded{padding:3px 7px;border-radius:6px;background:#f8fafc;color:#64748b;font-size:11px}.class-schedule-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.class-schedule-empty-icon{width:46px;height:46px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#eef2ff;color:#6366f1}.class-schedule-empty h3{margin:0;color:#334155;font-size:15px;font-weight:600}.class-schedule-empty p{max-width:360px;margin:6px 0 0;color:#94a3b8;font-size:12px;line-height:1.5}@media (min-width: 1200px){.class-schedule-content{padding-left:34px;padding-right:34px}.class-schedule-container{padding:24px}.class-schedule-grid{gap:18px}}@media (max-width: 900px){.class-schedule-topbar{padding-left:20px;padding-right:20px}.class-schedule-content{padding:28px 20px 40px}.class-schedule-page-heading{margin-bottom:24px}.class-schedule-section{max-width:100%}}@media (max-width: 820px){.class-schedule-grid{grid-template-columns:1fr}}@media (max-width: 700px){.class-schedule-topbar{min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 16px}.class-schedule-search{min-width:0;max-width:none}.class-schedule-topbar-right{gap:10px}.class-schedule-content{padding:24px 16px 36px}.class-schedule-page-heading h1{font-size:24px}.class-schedule-container{padding:18px;border-radius:16px}}@media (max-width: 480px){.class-schedule-topbar{display:flex;flex-wrap:wrap;padding:11px 14px}.class-schedule-search{flex:1 1 100%;order:1}.class-schedule-topbar-right{order:2;margin-left:auto}.class-schedule-search-input{height:39px;font-size:13px}.class-schedule-content{padding:22px 14px 30px}.class-schedule-page-heading{margin-bottom:20px}.class-schedule-eyebrow{font-size:9px}.class-schedule-page-heading h1{font-size:22px}.class-schedule-page-heading p{max-width:390px;font-size:13px}.class-schedule-container{padding:15px}.class-schedule-section-header{align-items:flex-start;gap:12px}.class-schedule-section-header h2{font-size:16px}.class-schedule-card{padding:15px}.class-schedule-card-top{align-items:flex-start}.class-schedule-card-title{font-size:13.5px}}@media (max-width: 380px){.class-schedule-topbar{padding:10px 12px}.class-schedule-avatar,.class-schedule-notification{width:34px;height:34px}.class-schedule-content{padding:20px 12px 28px}.class-schedule-container{padding:13px}.class-schedule-section-header{flex-direction:column;align-items:flex-start}.class-schedule-class-count{padding:5px 10px}.class-schedule-card{padding:14px;border-radius:12px}.class-schedule-card-details{gap:9px 12px}.class-schedule-live{padding:4px 7px}}@media (prefers-reduced-motion: reduce){.class-schedule-card,.class-schedule-card:before,.class-schedule-card-dot,.class-schedule-notification{transition:none}.class-schedule-live svg{animation:none}}.msg-page{width:100%;height:100vh;height:100dvh;min-height:0;display:flex;overflow:hidden;background:#f8fafc;color:#0f172a;font-family:inherit}.msg-avatar-indigo{background:linear-gradient(135deg,#6366f1,#4338ca)}.msg-avatar-violet{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.msg-avatar-sky{background:linear-gradient(135deg,#38bdf8,#0284c7)}.msg-avatar-rose{background:linear-gradient(135deg,#fb7185,#e11d48)}.msg-avatar-slate{background:linear-gradient(135deg,#64748b,#334155)}.msg-conversation-sidebar{width:350px;min-width:350px;height:100%;min-height:0;display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:5;border-right:1px solid #e7ebf2;background:#fff}.msg-conversation-top{padding:23px 20px 16px;border-bottom:1px solid #f0f3f7;background:#fff}.msg-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.msg-title-row h1{margin:3px 0 0;color:#0f172a;font-size:21px;line-height:1.2;font-weight:750;letter-spacing:-.025em}.msg-eyebrow{display:block;color:#6366f1;font-size:9px;line-height:1;font-weight:800;letter-spacing:.14em}.msg-icon-button{width:38px;height:38px;flex-shrink:0;border:1px solid #edf0f5;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#fff;color:#94a3b8;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.msg-icon-button:hover{border-color:#c7d2fe;background:#eef2ff;color:#4f46e5;transform:translateY(-1px);box-shadow:0 5px 14px #4f46e514}.msg-icon-button:active{transform:scale(.95)}.msg-search{width:100%;height:44px;position:relative;display:flex;align-items:center}.msg-search>svg{position:absolute;left:14px;z-index:1;color:#94a3b8;pointer-events:none;transition:color .2s ease}.msg-search:focus-within>svg{color:#6366f1}.msg-search input{width:100%;height:100%;box-sizing:border-box;border:1px solid #edf0f5;border-radius:13px;outline:none;background:#f8fafc;color:#334155;padding:0 38px 0 40px;font-family:inherit;font-size:13px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.msg-search input::placeholder{color:#a1a9b8}.msg-search input:hover{border-color:#e1e6ee;background:#fff}.msg-search input:focus{border-color:#a5b4fc;background:#fff;box-shadow:0 0 0 4px #6366f112,0 4px 12px #0f172a06}.msg-search-clear{position:absolute;right:7px;width:29px;height:29px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;color:#94a3b8;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.msg-search-clear:hover{background:#eef2ff;color:#4f46e5;transform:scale(1.04)}.msg-conversation-list{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:10px 9px 18px;overscroll-behavior:contain}.msg-conversation-list::-webkit-scrollbar{width:5px}.msg-conversation-list::-webkit-scrollbar-track{background:transparent}.msg-conversation-list::-webkit-scrollbar-thumb{background:#e1e6ee;border-radius:20px}.msg-conversation-list{scrollbar-width:thin;scrollbar-color:#e1e6ee transparent}.msg-conversation-item{position:relative;width:100%;min-width:0;box-sizing:border-box;display:flex;align-items:center;gap:12px;margin-bottom:3px;padding:12px 11px;border:1px solid transparent;border-radius:15px;background:transparent;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.msg-conversation-item:hover{background:#f8fafc;border-color:#f0f2f6;transform:translate(2px)}.msg-conversation-item:active{transform:scale(.99)}.msg-conversation-item.msg-conversation-active{border-color:#e2e5ff;background:linear-gradient(100deg,#eef2ff,#f7f7ff);box-shadow:0 4px 14px #6366f109}.msg-conversation-item.msg-conversation-active:before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:3px;border-radius:0 5px 5px 0;background:#6366f1}.msg-avatar-wrapper{position:relative;flex-shrink:0}.msg-avatar{width:47px;height:47px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;box-shadow:0 4px 12px #0f172a1f,inset 0 1px 1px #fff3;transition:transform .2s ease,box-shadow .2s ease}.msg-conversation-item:hover .msg-avatar{transform:scale(1.045);box-shadow:0 6px 16px #0f172a24,inset 0 1px 1px #fff3}.msg-online-dot-list{position:absolute;right:-1px;bottom:0;width:11px;height:11px;box-sizing:border-box;border:2px solid #ffffff;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #22c55e14}.msg-online-dot-list:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid rgba(34,197,94,.25);border-radius:50%;animation:msg-online-pulse 2.2s infinite}.msg-conversation-content{min-width:0;flex:1;overflow:hidden}.msg-name-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.msg-name-group{min-width:0;max-width:calc(100% - 40px);display:flex;align-items:center;gap:4px;overflow:hidden}.msg-name{min-width:0;overflow:hidden;color:#334155;font-size:13.5px;font-weight:550;line-height:20px;white-space:nowrap;text-overflow:ellipsis}.msg-active-name{color:#111827;font-weight:700}.msg-verified-icon{flex-shrink:0;color:#6366f1}.msg-pinned-icon{flex-shrink:0;color:#a8b1c0}.msg-conversation-time{flex-shrink:0;color:#a0a9b7;font-size:10px;line-height:16px}.msg-preview-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.msg-preview-row p{min-width:0;flex:1;margin:0;overflow:hidden;color:#748094;font-size:11.5px;line-height:18px;white-space:nowrap;text-overflow:ellipsis}.msg-unread-badge{min-width:20px;height:20px;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:#6366f1;color:#fff;font-size:9px;font-weight:750;box-shadow:0 3px 8px #6366f140;animation:msg-badge-in .25s ease}.msg-empty-conversations{min-height:220px;padding:30px 20px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;color:#64748b}.msg-empty-search-icon{width:44px;height:44px;margin-bottom:12px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eef2ff;color:#6366f1}.msg-empty-conversations strong{color:#334155;font-size:13px}.msg-empty-conversations span{max-width:220px;margin-top:5px;color:#94a3b8;font-size:11px;line-height:17px}.msg-chat-panel{position:relative;min-width:0;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 88% 4%,rgba(99,102,241,.075),transparent 25%),radial-gradient(circle at 15% 90%,rgba(139,92,246,.035),transparent 25%),linear-gradient(180deg,#fafbff,#fff)}.msg-chat-header{position:relative;min-height:73px;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid #e9edf5;background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:4}.msg-chat-user{min-width:0;display:flex;align-items:center;gap:11px}.msg-chat-avatar-wrapper{position:relative;flex-shrink:0}.msg-chat-avatar{width:41px;height:41px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;box-shadow:0 4px 12px #0f172a1f}.msg-online-dot-chat{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;box-sizing:border-box;border:2px solid #ffffff;border-radius:50%;background:#22c55e}.msg-chat-user-info{min-width:0}.msg-chat-name-row{min-width:0;display:flex;align-items:center;gap:4px}.msg-chat-name-row>span{max-width:320px;overflow:hidden;color:#111827;font-size:14px;font-weight:700;line-height:20px;white-space:nowrap;text-overflow:ellipsis}.msg-chat-user-status{min-width:0;display:flex;align-items:center;gap:6px;margin-top:1px;color:#94a3b8;font-size:11px;line-height:17px}.msg-chat-user-status span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.msg-online-status-icon{flex-shrink:0;fill:#22c55e;color:#22c55e}.msg-chat-actions{display:flex;align-items:center;gap:3px;flex-shrink:0}.msg-chat-actions button{width:37px;height:37px;border:1px solid transparent;border-radius:11px;display:flex;align-items:center;justify-content:center;background:transparent;color:#8b96a8;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.msg-chat-actions button:hover{border-color:#e1e5ff;background:#eef2ff;color:#4f46e5;transform:translateY(-1px);box-shadow:0 5px 12px #4f46e512}.msg-chat-actions button:active{transform:scale(.93)}.msg-chat-info-popover{position:absolute;top:calc(100% - 8px);right:22px;width:190px;box-sizing:border-box;padding:17px;border:1px solid #e8ebf2;border-radius:16px;display:flex;flex-direction:column;align-items:center;background:#fffffffa;box-shadow:0 18px 45px #0f172a24,0 3px 10px #0f172a0a;animation:msg-pop-in .18s ease;z-index:20}.msg-info-avatar{width:48px;height:48px;margin-bottom:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700}.msg-chat-info-popover strong{max-width:100%;overflow:hidden;color:#1e293b;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.msg-chat-info-popover>span{max-width:100%;margin-top:2px;overflow:hidden;color:#94a3b8;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.msg-info-status{margin-top:12px;padding:6px 9px;border-radius:999px;display:flex;align-items:center;gap:6px;background:#f8fafc;color:#64748b;font-size:10px}.msg-status-online-dot,.msg-status-offline-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%}.msg-status-online-dot{background:#22c55e}.msg-status-offline-dot{background:#94a3b8}.msg-mobile-back-button{display:none;width:35px;height:35px;flex-shrink:0;border:0;border-radius:10px;align-items:center;justify-content:center;background:transparent;color:#64748b;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.msg-mobile-back-button:hover{background:#f1f5f9;color:#4f46e5}.msg-mobile-back-button:active{transform:scale(.92)}.msg-conversation-intro{padding:20px 0 15px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.msg-intro-avatar{width:52px;height:52px;margin-bottom:7px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;box-shadow:0 8px 20px #0f172a1f,inset 0 1px 1px #ffffff2e}.msg-conversation-intro strong{color:#334155;font-size:12px}.msg-conversation-intro span{margin-top:2px;color:#a0a9b7;font-size:10px}.msg-messages-container{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:4px 38px 28px;scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dfe4ec transparent}.msg-messages-container::-webkit-scrollbar{width:6px}.msg-messages-container::-webkit-scrollbar-track{background:transparent}.msg-messages-container::-webkit-scrollbar-thumb{background:#dfe4ec;border-radius:20px}.msg-today-label{display:flex;justify-content:center;margin:3px 0 20px}.msg-today-label span{padding:5px 12px;border:1px solid #edf0f5;border-radius:999px;background:#ffffffeb;color:#a0a9b7;font-size:9px;font-weight:600;box-shadow:0 2px 7px #0f172a06}.msg-message-row{width:100%;margin-bottom:15px;display:flex;opacity:0;animation:msg-message-appear .3s ease forwards}.msg-message-row-me{justify-content:flex-end}.msg-message-row-them{justify-content:flex-start}.msg-message-wrapper{max-width:min(66%,690px);min-width:0;display:flex;align-items:flex-end;gap:8px}.msg-message-wrapper-me{flex-direction:row-reverse}.msg-message-content{min-width:0;max-width:100%}.msg-message-avatar{width:27px;height:27px;flex-shrink:0;margin-bottom:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;box-shadow:0 3px 8px #0f172a1a}.msg-text-message{max-width:100%;box-sizing:border-box;padding:10px 14px;border-radius:17px;font-size:13px;line-height:1.55;word-break:break-word;overflow-wrap:anywhere;transition:transform .18s ease,box-shadow .18s ease}.msg-text-message:hover{transform:translateY(-1px)}.msg-text-message-me{border-bottom-right-radius:5px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 5px 14px #4f46e529,inset 0 1px 1px #ffffff1f}.msg-text-message-me:hover{box-shadow:0 7px 18px #4f46e533,inset 0 1px 1px #ffffff1f}.msg-text-message-them{border-bottom-left-radius:5px;border:1px solid #edf0f5;background:#fff;color:#334155;box-shadow:0 3px 12px #0f172a0b}.msg-text-message-them:hover{box-shadow:0 5px 15px #0f172a0f}.msg-attachment-message{min-width:220px;max-width:100%;box-sizing:border-box;display:flex;align-items:center;gap:11px;padding:11px;border-radius:16px;transition:transform .18s ease,box-shadow .18s ease}.msg-attachment-message:hover{transform:translateY(-1px)}.msg-attachment-me{border:1px solid #6366f1;border-bottom-right-radius:5px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 5px 14px #4f46e524}.msg-attachment-them{border:1px solid #edf0f5;border-bottom-left-radius:5px;background:#fff;color:#334155;box-shadow:0 3px 12px #0f172a0b}.msg-attachment-icon{width:37px;height:37px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center}.msg-attachment-icon-me{background:#ffffff26;color:#fff}.msg-attachment-icon-them{background:#eef2ff;color:#4f46e5}.msg-attachment-info{min-width:0;flex:1;overflow:hidden}.msg-attachment-name{overflow:hidden;font-size:12px;font-weight:600;line-height:18px;white-space:nowrap;text-overflow:ellipsis}.msg-attachment-size{margin-top:1px;color:#94a3b8;font-size:10px;line-height:15px}.msg-attachment-me .msg-attachment-size{color:#ffffffb3}.msg-message-meta{display:flex;align-items:center;justify-content:flex-start;gap:4px;margin-top:4px;padding:0 3px;color:#a0a9b7;font-size:9px;line-height:13px}.msg-message-meta-me{justify-content:flex-end}.msg-status-read{color:#6366f1}.msg-status-delivered,.msg-status-sent{color:#a0a9b7}.msg-composer-area{position:relative;flex-shrink:0;padding:13px 30px 11px;border-top:1px solid #e9edf5;background:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:3}.msg-composer{width:100%;min-height:46px;box-sizing:border-box;display:flex;align-items:flex-end;gap:5px;padding:5px 6px 5px 8px;border:1px solid #e1e6ef;border-radius:15px;background:#f8fafc;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.msg-composer:focus-within{border-color:#a5b4fc;background:#fff;box-shadow:0 0 0 4px #6366f112,0 5px 18px #0f172a09}.msg-composer-button{width:34px;height:34px;flex-shrink:0;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;background:transparent;color:#9aa4b3;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.msg-composer-button:hover{background:#eef2ff;color:#4f46e5;transform:translateY(-1px)}.msg-composer-button:active{transform:scale(.92)}.msg-message-input{flex:1;min-width:0;max-height:110px;resize:none;border:0;outline:none;background:transparent;color:#334155;padding:7px 4px;font-family:inherit;font-size:13px;line-height:20px;scrollbar-width:thin}.msg-message-input::placeholder{color:#a0a9b7}.msg-send-button{width:35px;height:35px;flex-shrink:0;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;cursor:pointer;box-shadow:0 5px 12px #4f46e538;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.msg-send-button:hover{transform:translateY(-2px);box-shadow:0 7px 16px #4f46e547}.msg-send-button:active{transform:scale(.92)}.msg-mic-button{background:#f1f5f9;color:#64748b;box-shadow:none}.msg-mic-button:hover{background:#eef2ff;color:#4f46e5;box-shadow:none}.msg-composer-hint{display:flex;align-items:center;justify-content:space-between;padding:5px 4px 0;color:#b0b8c5;font-size:9px}@keyframes msg-message-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes msg-online-pulse{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:0;transform:scale(1.5)}}@keyframes msg-pop-in{0%{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes msg-badge-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (min-width: 1400px){.msg-conversation-sidebar{width:370px;min-width:370px}.msg-conversation-top{padding-left:22px;padding-right:22px}.msg-messages-container{padding-left:55px;padding-right:55px}.msg-composer-area{padding-left:45px;padding-right:45px}.msg-message-wrapper{max-width:min(64%,760px)}}@media (max-width: 1250px){.msg-conversation-sidebar{width:325px;min-width:325px}.msg-messages-container{padding-left:30px;padding-right:30px}.msg-composer-area{padding-left:25px;padding-right:25px}.msg-message-wrapper{max-width:70%}}@media (max-width: 1050px){.msg-conversation-sidebar{width:300px;min-width:300px}.msg-conversation-top{padding:20px 16px 14px}.msg-conversation-item{padding:11px 9px;gap:10px}.msg-avatar{width:44px;height:44px}.msg-chat-header{padding-left:18px;padding-right:18px}.msg-messages-container{padding-left:22px;padding-right:22px}.msg-message-wrapper{max-width:73%}.msg-composer-area{padding-left:18px;padding-right:18px}}@media (max-width: 900px){.msg-conversation-sidebar{width:280px;min-width:280px}.msg-title-row h1{font-size:20px}.msg-eyebrow{font-size:8px}.msg-chat-header{min-height:68px;padding:12px 15px}.msg-chat-name-row>span{max-width:220px}.msg-chat-actions button{width:35px;height:35px}.msg-messages-container{padding-left:16px;padding-right:16px}.msg-message-wrapper{max-width:76%}.msg-composer-area{padding:11px 15px 9px}}@media (max-width: 767px){.msg-page{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}.msg-conversation-sidebar{width:100%;min-width:100%;height:100%;border-right:0}.msg-conversation-hidden{display:none}.msg-conversation-visible{display:flex}.msg-chat-panel{width:100%;min-width:100%;height:100%}.msg-chat-hidden-mobile{display:none}.msg-chat-visible-mobile,.msg-mobile-back-button{display:flex}.msg-conversation-top{padding:20px 15px 14px}.msg-title-row{margin-bottom:17px}.msg-title-row h1{font-size:20px}.msg-search{height:43px}.msg-conversation-list{padding:9px 9px 16px}.msg-conversation-item{padding:12px 10px;border-radius:14px}.msg-avatar{width:46px;height:46px}.msg-chat-header{min-height:64px;padding:9px 11px;gap:8px}.msg-chat-user{flex:1;min-width:0;gap:8px}.msg-chat-avatar{width:39px;height:39px}.msg-chat-name-row>span{max-width:190px}.msg-chat-user-status{font-size:10px}.msg-chat-actions{gap:0}.msg-chat-actions button{width:34px;height:34px}.msg-messages-container{padding:3px 12px 18px}.msg-conversation-intro{padding:15px 0 11px}.msg-message-wrapper{max-width:84%}.msg-message-row{margin-bottom:13px}.msg-text-message{font-size:13px}.msg-composer-area{padding:9px 10px 8px}.msg-composer{min-height:45px}.msg-composer-hint{display:none}.msg-chat-info-popover{right:10px}}@media (max-width: 600px){.msg-chat-actions button{width:33px;height:33px}.msg-chat-name-row>span{max-width:155px}.msg-messages-container{padding-left:10px;padding-right:10px}.msg-message-wrapper{max-width:87%}.msg-message-avatar{width:25px;height:25px}.msg-text-message{padding:9px 12px}.msg-attachment-message{min-width:195px}}@media (max-width: 480px){.msg-conversation-top{padding:18px 13px 13px}.msg-title-row{margin-bottom:15px}.msg-title-row h1{font-size:19px}.msg-icon-button{width:36px;height:36px;border-radius:10px}.msg-search{height:42px}.msg-conversation-item{gap:10px;padding:11px 9px;border-radius:13px}.msg-avatar{width:44px;height:44px;font-size:12px}.msg-name{font-size:13px}.msg-preview-row p{font-size:11px}.msg-conversation-time{font-size:9px}.msg-chat-header{min-height:62px;padding:8px 7px}.msg-mobile-back-button{width:33px;height:33px}.msg-chat-user{gap:6px}.msg-chat-avatar{width:37px;height:37px;font-size:11px}.msg-chat-name-row>span{max-width:125px;font-size:13px}.msg-chat-user-status{font-size:9.5px}.msg-chat-actions button{width:31px;height:31px;border-radius:9px}.msg-messages-container{padding:3px 8px 15px}.msg-conversation-intro{padding:12px 0 10px}.msg-intro-avatar{width:46px;height:46px;font-size:12px}.msg-conversation-intro strong{font-size:11px}.msg-conversation-intro span{font-size:9px}.msg-today-label{margin-bottom:16px}.msg-message-wrapper{max-width:89%}.msg-message-avatar{width:24px;height:24px;font-size:8px}.msg-text-message{padding:9px 11px;border-radius:15px;font-size:12.5px;line-height:1.5}.msg-attachment-message{min-width:180px;padding:9px;border-radius:14px}.msg-attachment-icon{width:34px;height:34px}.msg-attachment-name{font-size:11px}.msg-message-meta{font-size:8.5px}.msg-composer-area{padding:8px}.msg-composer{min-height:43px;padding:4px 5px 4px 6px;border-radius:13px}.msg-composer-button,.msg-send-button{width:32px;height:32px}.msg-message-input{padding:6px 3px;font-size:12.5px;line-height:19px}.msg-chat-info-popover{width:180px;right:8px;top:calc(100% - 5px);padding:15px}}@media (max-width: 380px){.msg-conversation-item{padding:10px 8px}.msg-avatar{width:42px;height:42px}.msg-name{font-size:12.5px}.msg-preview-row p{font-size:10.5px}.msg-chat-header{padding-left:5px;padding-right:5px}.msg-mobile-back-button{width:31px;height:31px}.msg-chat-user{gap:5px}.msg-chat-avatar{width:35px;height:35px}.msg-chat-name-row>span{max-width:100px;font-size:12.5px}.msg-chat-actions button{width:29px;height:29px}.msg-chat-actions button:nth-child(2){display:none}.msg-messages-container{padding-left:6px;padding-right:6px}.msg-message-wrapper{max-width:92%}.msg-message-avatar{display:none}.msg-text-message{padding:8px 10px;font-size:12px}.msg-emoji-button{display:none}.msg-composer-button,.msg-send-button{width:31px;height:31px}.msg-message-input{font-size:12px}}@media (max-width: 767px) and (orientation: landscape){.msg-chat-header{min-height:56px;padding-top:6px;padding-bottom:6px}.msg-chat-avatar{width:34px;height:34px}.msg-mobile-back-button{width:31px;height:31px}.msg-conversation-intro{padding-top:8px;padding-bottom:8px}.msg-intro-avatar{width:40px;height:40px}.msg-messages-container{padding-top:0;padding-bottom:10px}.msg-composer-area{padding-top:6px;padding-bottom:6px}}@media (max-height: 650px) and (min-width: 768px){.msg-chat-header{min-height:62px;padding-top:9px;padding-bottom:9px}.msg-conversation-intro{padding-top:12px;padding-bottom:9px}.msg-intro-avatar{width:44px;height:44px}.msg-message-row{margin-bottom:11px}.msg-composer-area{padding-top:8px;padding-bottom:7px}}@media (prefers-reduced-motion: reduce){.msg-page *,.msg-page *:before,.msg-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.msg-page button:focus-visible,.msg-page input:focus-visible,.msg-page textarea:focus-visible{outline:2px solid #818cf8;outline-offset:2px}.learnify-notif-page{position:relative;min-height:100vh;width:100%;max-width:100%;overflow:hidden;background:radial-gradient(circle at 10% 0%,rgba(99,102,241,.07),transparent 28%),radial-gradient(circle at 95% 15%,rgba(14,165,233,.06),transparent 25%),#f8fafc;color:#0f172a}.learnify-notif-bg-shape{position:absolute;z-index:0;pointer-events:none;border-radius:50%;filter:blur(2px)}.learnify-notif-shape-one{top:-120px;left:-120px;height:260px;width:260px;background:#6366f10f}.learnify-notif-shape-two{top:360px;right:-160px;height:320px;width:320px;background:#0ea5e90d}.learnify-notif-container{position:relative;z-index:1;width:100%;max-width:920px;min-width:0;margin:0 auto;padding:20px 12px 40px}.learnify-notif-header{display:flex;width:100%;min-width:0;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px}.learnify-notif-header-text{min-width:0;flex:1}.learnify-notif-title-row{display:flex;min-width:0;align-items:center;gap:8px}.learnify-notif-heading-icon{display:flex;height:34px;width:34px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid #e0e7ff;border-radius:10px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5;box-shadow:0 5px 15px #4f46e514}.learnify-notif-title{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:750;line-height:1.2;letter-spacing:-.025em;color:#0f172a}.learnify-notif-count{display:inline-flex;height:21px;min-width:21px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#4f46e5,#6366f1);padding:0 6px;font-size:10px;font-weight:700;color:#fff;box-shadow:0 4px 10px #4f46e533}.learnify-notif-subtitle{max-width:560px;margin:7px 0 0 42px;font-size:12px;line-height:1.6;color:#64748b}.learnify-notif-settings-link{flex-shrink:0;text-decoration:none}.learnify-notif-settings{display:flex;height:40px;width:40px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:12px;background:#ffffffd9;color:#64748b;cursor:pointer;box-shadow:0 3px 12px #0f172a0a;transition:transform .25s ease,background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.learnify-notif-settings:hover{transform:translateY(-2px) rotate(8deg);border-color:#c7d2fe;background:#fff;color:#4f46e5;box-shadow:0 8px 20px #4f46e51f}.learnify-notif-settings:active{transform:translateY(0) rotate(0)}.learnify-notif-toolbar{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.learnify-notif-filter-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:4px 2px 9px;scrollbar-width:none;-ms-overflow-style:none}.learnify-notif-filter-scroll::-webkit-scrollbar{display:none}.learnify-notif-filter-list{display:flex;width:max-content;min-width:max-content;align-items:center;gap:7px;padding-right:4px}.learnify-notif-filter{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:5px;min-height:34px;white-space:nowrap;border:1px solid #e2e8f0;border-radius:999px;background:#ffffffe6;padding:7px 13px;font-size:10px;font-weight:600;color:#64748b;cursor:pointer;box-shadow:0 2px 5px #0f172a06;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.learnify-notif-filter:hover{transform:translateY(-1px);border-color:#c7d2fe;background:#fff;color:#4f46e5;box-shadow:0 5px 12px #4f46e514}.learnify-notif-filter-active{border-color:#4f46e5;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 5px 14px #4f46e538}.learnify-notif-filter-active:hover{border-color:#4338ca;background:linear-gradient(135deg,#4338ca,#4f46e5);color:#fff}.learnify-notif-filter-badge{display:inline-flex;min-width:16px;height:16px;align-items:center;justify-content:center;border-radius:999px;background:#fff3;padding:0 4px;font-size:8px;font-weight:700}.learnify-notif-mark-all{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:6px;min-height:34px;border:0;border-radius:9px;background:transparent;padding:6px 4px;font-size:10px;font-weight:600;color:#4f46e5;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,color .2s ease,transform .2s ease}.learnify-notif-mark-all:hover{transform:translateY(-1px);background:#eef2ff;color:#4338ca}.learnify-notif-mark-all:active{transform:translateY(0)}.learnify-notif-mark-all:disabled{cursor:not-allowed;opacity:.4}.learnify-notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;margin-top:24px;border:1px dashed #dbe3ef;border-radius:20px;background:#ffffffc7;padding:42px 18px;text-align:center;box-shadow:0 8px 30px #0f172a09}.learnify-notif-empty-icon{display:flex;height:66px;width:66px;align-items:center;justify-content:center;margin-bottom:17px;border:7px solid #f8f9ff;border-radius:50%;background:#eef2ff;color:#818cf8;box-shadow:0 0 0 1px #e0e7ff,0 10px 25px #4f46e514}.learnify-notif-empty-content{display:flex;flex-direction:column;align-items:center}.learnify-notif-empty-label{margin-bottom:6px;font-size:10px;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.12em}.learnify-notif-empty h3{margin:0 0 5px;font-size:17px;font-weight:700;letter-spacing:-.015em;color:#0f172a}.learnify-notif-empty p{max-width:280px;margin:0;font-size:12px;line-height:1.65;color:#94a3b8}.learnify-notif-empty-button{display:inline-flex;align-items:center;gap:6px;margin-top:17px;border:0;border-radius:9px;background:#eef2ff;padding:8px 13px;font-size:10px;font-weight:600;color:#4f46e5;cursor:pointer;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.learnify-notif-empty-button:hover{transform:translateY(-2px);background:#e0e7ff;box-shadow:0 7px 16px #4f46e51a}.learnify-notif-groups{width:100%;min-width:0;margin-top:24px}.learnify-notif-group{width:100%;min-width:0;margin-bottom:30px}.learnify-notif-group:last-child{margin-bottom:0}.learnify-notif-group-heading{display:flex;width:100%;align-items:center;gap:10px;padding:0 3px}.learnify-notif-group-title{flex-shrink:0;margin:0 0 9px;padding:0 3px;font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}.learnify-notif-group-line{display:block;height:1px;flex:1;margin-bottom:9px;background:linear-gradient(90deg,#e2e8f0,#e2e8f000)}.learnify-notif-card{position:relative;width:100%;min-width:0;overflow:hidden;border:1px solid #e7edf5;border-radius:17px;background:#fffffff0;box-shadow:0 4px 14px #0f172a09,0 1px 2px #0f172a06;transition:border-color .25s ease,box-shadow .25s ease}.learnify-notif-card:hover{border-color:#dce4f1;box-shadow:0 10px 28px #0f172a11,0 2px 5px #0f172a06}.learnify-notif-item{position:relative;display:flex;width:100%;min-width:0;align-items:flex-start;gap:12px;padding:15px 13px;background:transparent;transition:background-color .25s ease,opacity .22s ease,transform .22s ease}.learnify-notif-item:hover{background:#fbfcff}.learnify-notif-item-unread{background:linear-gradient(90deg,#eef2ffcc,#f8faff59)}.learnify-notif-item-unread:hover{background:linear-gradient(90deg,#eef2fff2,#f8faff8c)}.learnify-notif-item-border{border-bottom:1px solid #eef2f7}.learnify-notif-item-removing{opacity:0;transform:translate(18px) scale(.985)}.learnify-notif-unread-dot{position:absolute;top:50%;left:5px;height:7px;width:7px;transform:translateY(-50%);border-radius:50%;background:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;animation:learnifyNotifPulse 2.2s ease-in-out infinite}@keyframes learnifyNotifPulse{0%,to{box-shadow:0 0 0 3px #4f46e51a}50%{box-shadow:0 0 0 6px #4f46e509}}.learnify-notif-avatar,.learnify-notif-type-icon{display:flex;height:38px;width:38px;flex-shrink:0;align-items:center;justify-content:center;border-radius:12px}.learnify-notif-avatar{font-size:10px;font-weight:700;color:#fff;box-shadow:0 5px 12px #0f172a1a}.learnify-notif-type-icon{border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 12px #0f172a0a;transition:transform .25s ease,box-shadow .25s ease}.learnify-notif-item:hover .learnify-notif-type-icon,.learnify-notif-item:hover .learnify-notif-avatar{transform:translateY(-1px)}.learnify-notif-avatar-violet{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.learnify-notif-avatar-rose{background:linear-gradient(135deg,#fb7185,#e11d48)}.learnify-notif-avatar-sky{background:linear-gradient(135deg,#38bdf8,#0284c7)}.learnify-notif-icon-indigo{background:#eef2ff}.learnify-notif-text-indigo{color:#4f46e5}.learnify-notif-icon-rose{background:#fff1f2}.learnify-notif-text-rose{color:#f43f5e}.learnify-notif-icon-amber{background:#fffbeb}.learnify-notif-text-amber{color:#f59e0b}.learnify-notif-icon-sky{background:#f0f9ff}.learnify-notif-text-sky{color:#0284c7}.learnify-notif-icon-emerald{background:#ecfdf5}.learnify-notif-text-emerald{color:#059669}.learnify-notif-icon-violet{background:#f5f3ff}.learnify-notif-text-violet{color:#7c3aed}.learnify-notif-body{min-width:0;flex:1}.learnify-notif-title-time{display:flex;width:100%;min-width:0;align-items:flex-start;gap:10px}.learnify-notif-item-title{min-width:0;flex:1;margin:0;overflow-wrap:anywhere;font-size:12px;font-weight:550;line-height:1.45;color:#475569}.learnify-notif-title-unread{font-weight:700;color:#172033}.learnify-notif-time{flex-shrink:0;white-space:nowrap;padding-top:2px;font-size:9px;font-weight:500;color:#94a3b8}.learnify-notif-description{margin:5px 0 0;overflow-wrap:anywhere;font-size:10px;line-height:1.65;color:#64748b}.learnify-notif-actions{display:flex;max-width:100%;flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px}.learnify-notif-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-height:29px;border:0;border-radius:8px;padding:6px 10px;font-size:9px;font-weight:650;cursor:pointer;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease,color .2s ease}.learnify-notif-action:hover{transform:translateY(-1px)}.learnify-notif-action:active{transform:translateY(0)}.learnify-notif-action-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 4px 10px #4f46e529}.learnify-notif-action-primary:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 7px 15px #4f46e533}.learnify-notif-action-secondary{background:#f1f5f9;color:#475569}.learnify-notif-action-secondary:hover{background:#e2e8f0;color:#334155}.learnify-notif-item-actions{display:flex;flex-shrink:0;align-items:flex-start;gap:2px;opacity:1;transition:opacity .2s ease,transform .2s ease}.learnify-notif-icon-button{display:flex;height:29px;width:29px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;background:transparent;color:#a1aec0;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.learnify-notif-icon-button:hover{transform:translateY(-1px);border-color:#e2e8f0;background:#fff;color:#4f46e5;box-shadow:0 3px 8px #0f172a0f}.learnify-notif-delete-button:hover{border-color:#ffe4e6;background:#fff1f2;color:#f43f5e}@media (max-width: 359px){.learnify-notif-container{padding:15px 9px 30px}.learnify-notif-header{gap:8px;margin-bottom:17px}.learnify-notif-heading-icon{height:30px;width:30px;border-radius:9px}.learnify-notif-title{font-size:19px}.learnify-notif-count{height:19px;min-width:19px;font-size:9px}.learnify-notif-subtitle{margin-left:38px;font-size:10px}.learnify-notif-settings{height:35px;width:35px;border-radius:10px}.learnify-notif-toolbar{align-items:flex-start;gap:6px}.learnify-notif-filter{min-height:31px;padding:6px 10px;font-size:9px}.learnify-notif-mark-all{min-height:31px;font-size:9px}.learnify-notif-mark-all span{display:none}.learnify-notif-item{gap:8px;padding:12px 9px}.learnify-notif-avatar,.learnify-notif-type-icon{height:34px;width:34px;border-radius:10px}.learnify-notif-item-title{font-size:10px}.learnify-notif-description{font-size:9px}.learnify-notif-time{font-size:8px}.learnify-notif-item-actions{gap:0}.learnify-notif-icon-button{height:26px;width:26px}.learnify-notif-action{min-height:27px;padding:5px 8px;font-size:8px}.learnify-notif-group{margin-bottom:23px}.learnify-notif-card{border-radius:14px}}@media (min-width: 360px){.learnify-notif-container{padding-left:12px;padding-right:12px}.learnify-notif-item{gap:10px}.learnify-notif-item-title{font-size:11px}.learnify-notif-description{font-size:10px}.learnify-notif-time,.learnify-notif-action{font-size:9px}}@media (min-width: 400px){.learnify-notif-container{padding:22px 16px 42px}.learnify-notif-header{margin-bottom:23px}.learnify-notif-heading-icon{height:36px;width:36px}.learnify-notif-title{font-size:25px}.learnify-notif-count{height:23px;min-width:23px;font-size:10px}.learnify-notif-subtitle{margin-left:44px;font-size:12px}.learnify-notif-settings{height:42px;width:42px}.learnify-notif-filter{min-height:35px;padding:7px 14px;font-size:10px}.learnify-notif-mark-all{min-height:35px;font-size:10px}.learnify-notif-groups{margin-top:27px}.learnify-notif-group{margin-bottom:29px}.learnify-notif-group-title{margin-bottom:10px;font-size:10px}.learnify-notif-group-line{margin-bottom:10px}.learnify-notif-item{gap:12px;padding:16px 14px}.learnify-notif-avatar,.learnify-notif-type-icon{height:40px;width:40px;border-radius:12px}.learnify-notif-avatar{font-size:11px}.learnify-notif-item-title{font-size:13px}.learnify-notif-time{font-size:10px}.learnify-notif-description{font-size:11px}.learnify-notif-actions{margin-top:12px}.learnify-notif-action{min-height:30px;padding:6px 11px;font-size:10px}}@media (min-width: 640px){.learnify-notif-container{max-width:820px;padding:34px 22px 50px}.learnify-notif-header{margin-bottom:27px}.learnify-notif-heading-icon{height:40px;width:40px;border-radius:12px}.learnify-notif-title{font-size:30px}.learnify-notif-count{height:25px;min-width:25px;font-size:11px}.learnify-notif-subtitle{margin-top:8px;margin-left:48px;font-size:13px}.learnify-notif-settings{height:44px;width:44px}.learnify-notif-toolbar{gap:15px}.learnify-notif-filter-scroll{padding-bottom:7px}.learnify-notif-filter-list{gap:8px}.learnify-notif-filter{min-height:36px;padding:7px 15px;font-size:11px}.learnify-notif-mark-all{min-height:36px;padding:6px 8px;font-size:11px}.learnify-notif-groups{margin-top:31px}.learnify-notif-group{margin-bottom:34px}.learnify-notif-group-title{margin-bottom:12px;font-size:11px}.learnify-notif-group-line{margin-bottom:12px}.learnify-notif-card{border-radius:18px}.learnify-notif-item{gap:14px;padding:19px 18px}.learnify-notif-avatar,.learnify-notif-type-icon{height:43px;width:43px;border-radius:13px}.learnify-notif-avatar{font-size:12px}.learnify-notif-item-title{font-size:14px}.learnify-notif-description{margin-top:6px;font-size:12px}.learnify-notif-time{font-size:10px}.learnify-notif-actions{margin-top:12px;gap:8px}.learnify-notif-action{min-height:31px;padding:6px 12px;font-size:10px}.learnify-notif-icon-button{height:31px;width:31px}.learnify-notif-item-actions{opacity:0;transform:translate(3px)}.learnify-notif-item:hover .learnify-notif-item-actions{opacity:1;transform:translate(0)}.learnify-notif-empty{min-height:400px}}@media (min-width: 768px){.learnify-notif-container{max-width:900px;padding:45px 20px 65px}.learnify-notif-header{margin-bottom:29px}.learnify-notif-title{font-size:32px}.learnify-notif-subtitle{font-size:14px}.learnify-notif-toolbar{padding:0 2px}.learnify-notif-filter{min-height:38px;padding:8px 16px;font-size:11px}.learnify-notif-mark-all{min-height:38px;padding:7px 9px;font-size:11px}.learnify-notif-groups{margin-top:34px}.learnify-notif-group{margin-bottom:36px}.learnify-notif-item{padding:20px}.learnify-notif-item:hover{transform:none}.learnify-notif-type-icon,.learnify-notif-avatar{height:44px;width:44px}.learnify-notif-item-title{font-size:14px}.learnify-notif-description{font-size:12px}.learnify-notif-time{font-size:10px}.learnify-notif-action{min-height:32px;padding:7px 13px;font-size:10px}}@media (min-width: 1100px){.learnify-notif-container{max-width:960px;padding-top:52px;padding-bottom:75px}.learnify-notif-header{margin-bottom:31px}.learnify-notif-title{font-size:34px}.learnify-notif-subtitle{max-width:600px;font-size:14px}.learnify-notif-settings{height:46px;width:46px}.learnify-notif-groups{margin-top:36px}.learnify-notif-card{border-radius:20px}.learnify-notif-item{gap:15px;padding:21px 22px}.learnify-notif-type-icon,.learnify-notif-avatar{height:46px;width:46px;border-radius:13px}.learnify-notif-item-title{font-size:15px}.learnify-notif-description{font-size:12px;line-height:1.7}.learnify-notif-time{font-size:11px}.learnify-notif-action{min-height:33px;padding:7px 14px;font-size:10px}.learnify-notif-icon-button{height:32px;width:32px}}@media (min-width: 1400px){.learnify-notif-container{max-width:1000px;padding-top:60px}.learnify-notif-title{font-size:36px}.learnify-notif-card{border-radius:21px}.learnify-notif-item{padding:22px 24px}}@media (hover: none){.learnify-notif-settings:hover,.learnify-notif-filter:hover,.learnify-notif-mark-all:hover,.learnify-notif-action:hover,.learnify-notif-icon-button:hover,.learnify-notif-empty-button:hover{transform:none}.learnify-notif-item-actions{opacity:1;transform:none}}.learnify-notif-filter:focus-visible,.learnify-notif-settings:focus-visible,.learnify-notif-mark-all:focus-visible,.learnify-notif-action:focus-visible,.learnify-notif-icon-button:focus-visible,.learnify-notif-empty-button:focus-visible{outline:2px solid #6366f1;outline-offset:3px}@media (prefers-reduced-motion: reduce){.learnify-notif-filter,.learnify-notif-settings,.learnify-notif-mark-all,.learnify-notif-action,.learnify-notif-icon-button,.learnify-notif-item-actions,.learnify-notif-item,.learnify-notif-type-icon,.learnify-notif-avatar{transition:none;animation:none}.learnify-notif-unread-dot{animation:none}}.course-player-page{min-height:100vh;background:#f8fafc}.course-player-container{width:100%;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;padding:24px}.course-player-main{min-width:0}.course-video{width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:#0f172a;border-radius:12px;overflow:hidden}.course-video-icon{color:#fffc}.lesson-header{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.lesson-title{margin:0;color:#0f172a;font-size:18px;line-height:1.5;font-weight:600}.lesson-navigation{display:flex;align-items:center;gap:8px}.lesson-btn{border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:12px;line-height:18px;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.lesson-btn-prev{border:1px solid #e2e8f0;background:#fff;color:#475569}.lesson-btn-prev:hover{background:#f8fafc;border-color:#cbd5e1}.lesson-btn-next{background:#4338ca;color:#fff}.lesson-btn-next:hover{background:#3730a3}.live-session{margin-top:24px;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #fecdd3;border-radius:12px;background:#fff1f2}.live-session-info{display:flex;align-items:center;gap:8px;color:#334155;font-size:14px;line-height:20px}.live-session-icon{flex-shrink:0;color:#e11d48}.live-session-time{font-weight:600;color:#334155}.join-class-btn{flex-shrink:0;border:none;border-radius:8px;padding:8px 16px;background:#e11d48;color:#fff;font-family:inherit;font-size:12px;line-height:18px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.join-class-btn:hover{background:#be123c}.course-content{align-self:start;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.course-content-title{margin:0;color:#0f172a;font-size:14px;line-height:20px;font-weight:600}.lesson-list{margin-top:12px;display:flex;flex-direction:column;gap:4px}.lesson-item{min-height:36px;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;color:#475569;font-size:14px;line-height:20px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.lesson-item svg{flex-shrink:0}.lesson-item-active{background:#eef2ff;color:#4338ca}.lesson-item:not(.lesson-item-active):hover{background:#f8fafc}@media (max-width: 1024px){.course-player-container{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:20px;padding:20px}}@media (max-width: 768px){.course-player-container{grid-template-columns:1fr;gap:20px;padding:16px}.course-content{width:100%}.lesson-header{align-items:flex-start;flex-direction:column}.lesson-navigation{width:100%;justify-content:flex-end}}@media (max-width: 480px){.course-player-container{padding:12px}.course-video{border-radius:10px}.lesson-title{font-size:17px}.lesson-navigation{justify-content:space-between}.lesson-btn{padding:7px 10px}.live-session{align-items:flex-start;flex-direction:column;gap:12px;padding:14px}.live-session-info{align-items:flex-start}.join-class-btn{width:100%}.course-content{padding:14px}}.quiz-container{width:100%;max-width:36rem;margin-left:auto;margin-right:auto}.quiz-progress-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;line-height:1rem;color:#64748b}.quiz-progress-track{width:100%;height:.375rem;margin-top:.5rem;overflow:hidden;border-radius:9999px;background-color:#f1f5f9}.quiz-progress-fill{width:30%;height:.375rem;border-radius:9999px;background-color:#4f46e5}.quiz-question{margin-top:2rem;margin-bottom:0;font-size:1.125rem;line-height:1.75rem;font-weight:600;color:#0f172a}.quiz-options{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}.quiz-option{display:flex;width:100%;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem;background-color:#fff;color:#334155;text-align:left;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.quiz-option:hover{border-color:#c7d2fe;background-color:#f8fafc}.quiz-option-selected{border-color:#6366f1;background-color:#eef2ff;color:#4338ca}.quiz-option-selected:hover{border-color:#6366f1;background-color:#eef2ff}.quiz-radio{display:flex;flex-shrink:0;width:1rem;height:1rem;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:9999px;background-color:transparent}.quiz-radio-selected{border-color:#4f46e5;background-color:#4f46e5}.quiz-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:2rem}.quiz-btn{border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.quiz-btn-previous{border:1px solid #e2e8f0;background-color:#fff;color:#475569}.quiz-btn-previous:hover{background-color:#f8fafc}.quiz-btn-next{border:none;padding-left:1.5rem;padding-right:1.5rem;background-color:#4338ca;color:#fff}.quiz-btn-next:hover{background-color:#3730a3}@media (max-width: 640px){.quiz-container{max-width:100%}.quiz-question{margin-top:1.75rem;font-size:1.0625rem}.quiz-navigation{gap:1rem}.quiz-btn-next{padding-left:1.25rem;padding-right:1.25rem}}.learnify-cert-container{width:100%;max-width:52rem;margin:0 auto;padding:.5rem 0 2rem;text-align:center}.learnify-cert-intro{position:relative}.learnify-cert-sparkle{width:2rem;height:2rem;margin:0 auto .6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef2ff;color:#6366f1;animation:learnifyCertFloat 3s ease-in-out infinite}.learnify-cert-title{margin:0;color:#0f172a;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-.02em}.learnify-cert-subtitle{margin:.35rem 0 0;color:#64748b;font-size:.9rem;line-height:1.4rem}.learnify-cert-card{position:relative;margin-top:2rem;padding:.5rem;border:1px solid #c7d2fe;border-radius:1.25rem;background:linear-gradient(135deg,#eef2fff2,#f5f3ffcc);box-shadow:0 18px 45px #4338ca1a,0 4px 12px #0f172a0d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.learnify-cert-card:before{content:"";position:absolute;width:12rem;height:12rem;top:-6rem;left:-5rem;border-radius:50%;background:#6366f11a;pointer-events:none}.learnify-cert-card:after{content:"";position:absolute;width:13rem;height:13rem;right:-7rem;bottom:-7rem;border-radius:50%;background:#8b5cf614;pointer-events:none}.learnify-cert-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px #4338ca24,0 8px 18px #0f172a0f}.learnify-cert-border{position:relative;z-index:1;min-height:24rem;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(165,180,252,.75);border-radius:.9rem;background:#ffffffb8}.learnify-cert-logo{width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;border-radius:.8rem;background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;font-size:1.3rem;font-weight:700;box-shadow:0 8px 18px #4338ca40;animation:learnifyCertLogo 4s ease-in-out infinite}.learnify-cert-brand{margin:.7rem 0 0;color:#6366f1;font-size:.72rem;line-height:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em}.learnify-cert-line{width:4rem;height:2px;margin:1rem auto 0;border-radius:999px;background:linear-gradient(90deg,#818cf8,#4338ca)}.learnify-cert-heading{margin:1.1rem 0 0;color:#334155;font-size:1.2rem;line-height:1.7rem;font-weight:600}.learnify-cert-name{margin:1.25rem 0 0;color:#111827;font-size:2rem;line-height:2.5rem;font-weight:700;letter-spacing:-.03em}.learnify-cert-completed{margin:.35rem 0 0;color:#64748b;font-size:.875rem;line-height:1.35rem}.learnify-cert-course{max-width:90%;margin:.4rem 0 0;color:#4338ca;font-size:1.05rem;line-height:1.5rem;font-weight:600}.learnify-cert-footer{margin-top:1.75rem;display:flex;align-items:center;justify-content:center;gap:.7rem}.learnify-cert-badge{width:2.7rem;height:2.7rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fef3c7;color:#d97706;box-shadow:0 5px 14px #d9770624}.learnify-cert-footer-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.learnify-cert-footer-text span{color:#334155;font-size:.75rem;font-weight:700}.learnify-cert-footer-text small{margin-top:.1rem;color:#94a3b8;font-size:.68rem}.learnify-cert-actions{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.learnify-cert-btn{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.2rem;border-radius:.65rem;font-family:inherit;font-size:.84rem;line-height:1.2rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.learnify-cert-btn:hover{transform:translateY(-2px)}.learnify-cert-btn:active{transform:translateY(0)}.learnify-cert-download{border:1px solid #4338ca;background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;box-shadow:0 7px 16px #4338ca33}.learnify-cert-download:hover{box-shadow:0 10px 22px #4338ca45}.learnify-cert-share{border:1px solid #e2e8f0;background:#fff;color:#334155}.learnify-cert-share:hover{border-color:#c7d2fe;background:#f8faff;box-shadow:0 7px 16px #0f172a12}@keyframes learnifyCertFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes learnifyCertLogo{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(2deg)}}@media (max-width: 768px){.learnify-cert-container{max-width:44rem}.learnify-cert-card{margin-top:1.5rem}.learnify-cert-border{min-height:22rem;padding:2.25rem 1.5rem}.learnify-cert-name{font-size:1.75rem}}@media (max-width: 600px){.learnify-cert-container{padding:.25rem 0 1.5rem}.learnify-cert-title{font-size:1.3rem;line-height:1.8rem}.learnify-cert-subtitle{font-size:.82rem}.learnify-cert-card{margin-top:1.25rem;padding:.35rem;border-radius:1rem}.learnify-cert-border{min-height:20rem;padding:2rem 1rem}.learnify-cert-logo{width:2.8rem;height:2.8rem}.learnify-cert-heading{font-size:1.05rem}.learnify-cert-name{font-size:1.55rem;line-height:2.1rem}.learnify-cert-course{max-width:100%;font-size:.92rem}.learnify-cert-actions{width:100%;flex-direction:column;gap:.6rem}.learnify-cert-btn{width:100%}}@media (max-width: 380px){.learnify-cert-title{font-size:1.15rem}.learnify-cert-subtitle{font-size:.78rem}.learnify-cert-border{padding:1.5rem .75rem}.learnify-cert-heading{font-size:.95rem}.learnify-cert-name{font-size:1.35rem}.learnify-cert-completed{font-size:.78rem}.learnify-cert-course{font-size:.85rem}.learnify-cert-footer{margin-top:1.25rem}}@media (prefers-reduced-motion: reduce){.learnify-cert-sparkle,.learnify-cert-logo{animation:none}.learnify-cert-card,.learnify-cert-btn{transition:none}}.categories-page{min-height:calc(100vh - 80px);padding:58px 24px 80px;background:radial-gradient(circle at 10% 10%,rgba(124,58,237,.045),transparent 30%),radial-gradient(circle at 90% 20%,rgba(14,130,253,.045),transparent 30%),#f8fafc}.categories-container{width:100%;max-width:1280px;margin:0 auto}.categories-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.categories-heading{max-width:700px}.categories-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;color:#6366f1;font-size:10px;font-weight:800;letter-spacing:1.4px}.categories-header h1{margin:0;color:#0f172a;font-size:clamp(30px,4vw,42px);line-height:1.1;letter-spacing:-.8px}.categories-header h1 span{color:#6366f1}.categories-header p{max-width:580px;margin:12px 0 0;color:#64748b;font-size:14px;line-height:1.7}.categories-total{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:115px;padding:15px 18px;border:1px solid #e2e8f0;border-radius:16px;background:#fffc;box-shadow:0 8px 25px #0f172a0d}.categories-total strong{color:#0f172a;font-size:24px;line-height:1}.categories-total span{margin-top:5px;color:#64748b;font-size:10px;font-weight:600}.categories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.categories-card{position:relative;isolation:isolate;min-height:145px;padding:19px;overflow:hidden;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 5px 18px #0f172a0b;cursor:pointer;opacity:0;animation:categoryIn .55s cubic-bezier(.22,1,.36,1) forwards;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.categories-card:hover{transform:translateY(-7px);border-color:transparent;box-shadow:0 18px 38px #0f172a1c}.categories-card__top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.categories-card__icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:13px;transition:transform .3s ease,box-shadow .3s ease}.categories-card:hover .categories-card__icon{transform:rotate(-5deg) scale(1.08);box-shadow:0 8px 18px #0f172a1a}.categories-card__arrow{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#94a3b8;background:#f8fafc;opacity:0;transform:translate(-4px,4px);transition:opacity .25s ease,transform .25s ease,background .25s ease,color .25s ease}.categories-card:hover .categories-card__arrow{opacity:1;transform:translate(0);color:#475569;background:#f1f5f9}.categories-card__content{position:relative;z-index:2;margin-top:21px}.categories-card__content p{margin:0;color:#1e293b;font-size:14px;font-weight:750;line-height:1.35}.categories-card__content span{display:inline-block;margin-top:7px;color:#64748b;font-size:11px;font-weight:500}.categories-card__shine{position:absolute;z-index:1;width:100px;height:100px;right:-55px;bottom:-55px;border-radius:50%;background:currentColor;opacity:.045;transition:transform .45s ease,opacity .45s ease}.categories-card:hover .categories-card__shine{transform:scale(2.5);opacity:.08}.categories-card--violet{color:#7c3aed}.categories-card--violet .categories-card__icon{background:#ede9fe;color:#7c3aed}.categories-card--pink{color:#db2777}.categories-card--pink .categories-card__icon{background:#fce7f3;color:#db2777}.categories-card--blue{color:#2563eb}.categories-card--blue .categories-card__icon{background:#dbeafe;color:#2563eb}.categories-card--orange{color:#ea580c}.categories-card--orange .categories-card__icon{background:#ffedd5;color:#ea580c}.categories-card--emerald{color:#059669}.categories-card--emerald .categories-card__icon{background:#d1fae5;color:#059669}.categories-card--sky{color:#0284c7}.categories-card--sky .categories-card__icon{background:#e0f2fe;color:#0284c7}.categories-card--indigo{color:#4f46e5}.categories-card--indigo .categories-card__icon{background:#e0e7ff;color:#4f46e5}.categories-card--purple{color:#9333ea}.categories-card--purple .categories-card__icon{background:#f3e8ff;color:#9333ea}.categories-card--slate{color:#475569}.categories-card--slate .categories-card__icon{background:#f1f5f9;color:#475569}.categories-card--cyan{color:#0891b2}.categories-card--cyan .categories-card__icon{background:#cffafe;color:#0891b2}.categories-card--amber{color:#d97706}.categories-card--amber .categories-card__icon{background:#fef3c7;color:#d97706}@keyframes categoryIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1100px){.categories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 800px){.categories-page{padding:45px 20px 65px}.categories-header{align-items:flex-start}.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.categories-card{min-height:140px}}@media (max-width: 600px){.categories-page{padding:35px 16px 55px}.categories-header{display:block;margin-bottom:25px}.categories-header h1{font-size:30px}.categories-header p{font-size:13px;line-height:1.6}.categories-total{display:none}.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.categories-card{min-height:132px;padding:15px;border-radius:15px}.categories-card__icon{width:40px;height:40px;border-radius:11px}.categories-card__arrow{width:27px;height:27px}.categories-card__content{margin-top:17px}.categories-card__content p{font-size:12px}.categories-card__content span{margin-top:5px;font-size:10px}}@media (max-width: 380px){.categories-page{padding-left:12px;padding-right:12px}.categories-grid{grid-template-columns:1fr;gap:10px}.categories-card{min-height:auto;padding:14px;display:flex;align-items:center;gap:14px}.categories-card__top{flex:0 0 auto}.categories-card__content{margin-top:0}.categories-card__arrow{display:none}.categories-card__shine{width:80px;height:80px}}@media (prefers-reduced-motion: reduce){.categories-card{animation:none;opacity:1;transition:none}.categories-card:hover,.categories-card:hover .categories-card__icon{transform:none}}.search-results{width:100%;background:#fff}.search-results__container{width:100%;max-width:1280px;margin:0 auto;padding:32px 16px}.search-results__search-box{display:flex;align-items:center;gap:8px;width:100%;max-width:448px;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0f172a0d;transition:border-color .2s ease,box-shadow .2s ease}.search-results__search-box:focus-within{border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b81f}.search-results__search-icon{flex-shrink:0;color:#94a3b8}.search-results__input{width:100%;padding:0;border:0;outline:none;background:transparent;color:#334155;font-size:14px;line-height:20px;font-family:inherit}.search-results__input::placeholder{color:#94a3b8}.search-results__result-text{margin:12px 0 0;color:#64748b;font-size:14px;line-height:20px}.search-results__grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:24px}@media (min-width: 640px){.search-results__container{padding:40px 24px}.search-results__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.search-results__container{padding:32px}.search-results__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.wishlist-page{width:100%;min-height:100vh;padding:28px;background:radial-gradient(circle at 5% 0%,rgba(99,102,241,.06),transparent 30%),#f8fafc;box-sizing:border-box}.wishlist-container{width:100%;max-width:1320px;margin:0 auto}.wishlist-header{margin-bottom:28px}.wishlist-title-wrapper{display:flex;align-items:center;gap:14px}.wishlist-icon-box{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#ffe4e6,#fff1f2);color:#f43f5e;box-shadow:0 8px 20px #f43f5e1f}.wishlist-header-icon{fill:#f43f5e1f;stroke-width:2.2}.wishlist-title{margin:0;color:#0f172a;font-size:30px;line-height:1.2;font-weight:750;letter-spacing:-.5px}.wishlist-count{margin:5px 0 0;color:#64748b;font-size:14px;line-height:20px}.wishlist-empty{width:100%;min-height:360px;padding:60px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 10px 30px #0f172a0d;animation:wishlistFadeUp .5s ease both}.wishlist-empty-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:#fb7185;box-shadow:0 12px 28px #f43f5e1f;animation:wishlistHeartFloat 3s ease-in-out infinite}.wishlist-empty h2{margin:22px 0 0;color:#0f172a;font-size:21px;line-height:28px;font-weight:750}.wishlist-empty p{max-width:470px;margin:9px auto 0;color:#64748b;font-size:14px;line-height:22px}.browse-courses-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:25px;padding:13px 23px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-size:14px;line-height:20px;font-weight:650;text-decoration:none;box-shadow:0 10px 20px #4f46e52e;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.browse-courses-btn svg{transition:transform .25s ease}.browse-courses-btn:hover{transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 14px 25px #4f46e540}.browse-courses-btn:hover svg{transform:translate(3px)}.browse-courses-btn:active{transform:translateY(0)}.wishlist-grid{width:100%;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:22px}.wishlist-card{position:relative;min-width:0;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 12px #0f172a0a;animation:wishlistCardIn .5s ease both;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.wishlist-card:hover{transform:translateY(-7px);border-color:#d7dcf7;box-shadow:0 20px 40px #0f172a17,0 8px 18px #4f46e50f}.remove-wishlist-btn{position:absolute;top:12px;right:12px;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:#fffffff0;color:#475569;cursor:pointer;box-shadow:0 6px 16px #0f172a24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.remove-wishlist-btn:hover{transform:rotate(6deg) scale(1.08);background:#fff1f2;color:#f43f5e;box-shadow:0 8px 18px #f43f5e29}.remove-wishlist-btn:active{transform:scale(.94)}.wishlist-image{position:relative;width:100%;height:205px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#eef2ff}.wishlist-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0f172a05,#0f172a1f);opacity:0;transition:opacity .3s ease}.wishlist-card:hover .wishlist-image:after{opacity:1}.wishlist-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease}.wishlist-card:hover .wishlist-image img{transform:scale(1.07);filter:saturate(1.04)}.wishlist-no-image{color:#94a3b8;font-size:14px;font-weight:500}.wishlist-content{min-width:0;padding:20px}.wishlist-rating{display:flex;align-items:center;gap:5px;min-height:20px;color:#f59e0b}.rating-star{flex-shrink:0;fill:currentColor;stroke-width:1.8}.rating-value{color:#334155;font-size:13px;font-weight:700}.review-count{color:#94a3b8;font-size:12px;font-weight:500}.wishlist-course-link{display:block;margin:7px 0 0;color:inherit;text-decoration:none}.wishlist-course-title{height:48px;margin:0;overflow:hidden;color:#0f172a;font-size:16px;line-height:24px;font-weight:720;letter-spacing:-.15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;transition:color .2s ease}.wishlist-course-link:hover .wishlist-course-title{color:#4f46e5}.wishlist-instructor{min-height:20px;margin:8px 0 0;overflow:hidden;color:#64748b;font-size:13px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.wishlist-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:15px}.current-price{color:#0f172a;font-size:20px;line-height:28px;font-weight:750;letter-spacing:-.3px}.original-price{color:#94a3b8;font-size:13px;line-height:20px;text-decoration:line-through}.view-course-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin-top:17px;padding:12px 16px;box-sizing:border-box;overflow:hidden;border-radius:11px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-size:14px;line-height:20px;font-weight:650;text-align:center;text-decoration:none;box-shadow:0 8px 18px #4f46e529;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.view-course-btn:before{content:"";position:absolute;top:0;left:-100%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);transition:left .55s ease}.view-course-btn:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 12px 24px #4f46e53d}.view-course-btn:hover:before{left:130%}.view-course-btn:active{transform:translateY(0)}.wishlist-card:nth-child(2){animation-delay:.05s}.wishlist-card:nth-child(3){animation-delay:.1s}.wishlist-card:nth-child(4){animation-delay:.15s}.wishlist-card:nth-child(5){animation-delay:.2s}.wishlist-card:nth-child(6){animation-delay:.25s}@keyframes wishlistCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes wishlistFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes wishlistHeartFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (min-width: 600px){.wishlist-page{padding:26px}.wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (min-width: 900px){.wishlist-page{padding:30px}.wishlist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.wishlist-image{height:195px}}@media (min-width: 1200px){.wishlist-page{padding:32px}.wishlist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.wishlist-image{height:205px}}@media (min-width: 1450px){.wishlist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wishlist-image{height:200px}}@media (max-width: 599px){.wishlist-page{padding:18px 14px 30px}.wishlist-header{margin-bottom:22px}.wishlist-title-wrapper{gap:11px}.wishlist-icon-box{width:42px;height:42px;border-radius:12px}.wishlist-title{font-size:23px;letter-spacing:-.3px}.wishlist-count{margin-top:3px;font-size:13px}.wishlist-grid{grid-template-columns:1fr;gap:17px}.wishlist-card{border-radius:16px}.wishlist-image{height:190px}.wishlist-content{padding:17px}.wishlist-course-title{font-size:16px}.current-price{font-size:19px}.view-course-btn{margin-top:15px}.wishlist-empty{min-height:340px;padding:45px 18px;border-radius:18px}.wishlist-empty-icon{width:64px;height:64px}.wishlist-empty h2{font-size:19px}.wishlist-empty p{font-size:13px}.browse-courses-btn{width:100%;max-width:230px}}@media (max-width: 380px){.wishlist-page{padding:15px 11px 25px}.wishlist-title{font-size:21px}.wishlist-icon-box{width:40px;height:40px}.wishlist-image{height:175px}.wishlist-content{padding:15px}.remove-wishlist-btn{width:34px;height:34px;top:9px;right:9px}.wishlist-course-title{font-size:15px;line-height:23px}.current-price{font-size:18px}}@media (max-width: 1100px){.wishlist-container{max-width:100%}}@media (prefers-reduced-motion: reduce){.wishlist-card,.wishlist-empty,.wishlist-empty-icon,.wishlist-image img,.view-course-btn,.browse-courses-btn,.remove-wishlist-btn{animation:none;transition:none}}.learnify-settings-page{width:100%;min-height:100vh;overflow-x:hidden;transition:background-color .35s ease,color .35s ease}.learnify-settings-container{width:100%;max-width:1120px;margin:0 auto;padding:32px 24px 48px}.learnify-settings-page-title{margin-bottom:28px;animation:settingsFadeDown .45s ease both}.learnify-settings-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:500}.learnify-settings-page-title h1{margin:0;font-size:32px;line-height:1.2;font-weight:750;letter-spacing:-.035em}.learnify-settings-page-title p{margin:9px 0 0;font-size:15px;line-height:1.6}.learnify-settings-section-menu{width:100%;margin-bottom:24px;overflow:hidden;border:1px solid;border-radius:18px;box-shadow:0 4px 14px #0f172a09,0 1px 3px #0f172a08;animation:settingsFadeUp .5s ease both}.learnify-settings-section-grid{display:grid;grid-template-columns:repeat(3,1fr)}.learnify-settings-section-button{position:relative;min-height:82px;display:flex;align-items:center;gap:13px;padding:17px 20px;border:0;border-right:1px solid;text-align:left;cursor:pointer;overflow:hidden;transition:background-color .25s ease,transform .2s ease}.learnify-settings-section-button:last-child{border-right:0}.learnify-settings-section-button:before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:#6d28d9;transition:height .3s ease}.learnify-settings-section-button-active:before{height:100%}.learnify-settings-section-button:hover{transform:translateY(-1px)}.learnify-settings-section-button:active{transform:scale(.995)}.learnify-settings-section-icon{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:13px;transition:transform .25s ease,background-color .25s ease,color .25s ease}.learnify-settings-section-button:hover .learnify-settings-section-icon{transform:scale(1.06) rotate(-2deg)}.learnify-settings-section-content{min-width:0}.learnify-settings-section-title{font-size:14px;font-weight:700}.learnify-settings-section-description{margin-top:3px;font-size:12px;line-height:1.4}.learnify-settings-active-dot{width:7px;height:7px;margin-left:auto;border-radius:50%;box-shadow:0 0 0 4px #6d28d917;animation:settingsPulse 1.8s infinite}.learnify-settings-content-animation{animation:settingsContentIn .4s ease both}.learnify-settings-card{width:100%;padding:30px;border:1px solid;border-radius:18px;box-shadow:0 8px 30px #0f172a0b,0 2px 6px #0f172a06;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.learnify-settings-section-heading{display:flex;align-items:center;gap:14px;margin-bottom:28px}.learnify-settings-section-heading-icon{width:46px;height:46px;min-width:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;box-shadow:inset 0 0 0 1px #6d28d90f;animation:settingsIconIn .45s ease both}.learnify-settings-section-heading h2{margin:0;font-size:19px;line-height:1.35;font-weight:700}.learnify-settings-section-heading p{margin:3px 0 0;font-size:13px;line-height:1.5}.learnify-settings-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.learnify-settings-input-wrapper{display:block;width:100%}.learnify-settings-input-label{display:block;margin-bottom:8px;font-size:13px;font-weight:650}.learnify-settings-input-container{position:relative;width:100%}.learnify-settings-input{width:100%;height:46px;padding:0 13px;border:1px solid;border-radius:12px;outline:none;font-family:inherit;font-size:14px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background-color .25s ease}.learnify-settings-input:hover{border-color:#a78bfa!important}.learnify-settings-input:focus{border-color:#6d28d9!important;box-shadow:0 0 0 3px #6d28d91c,0 4px 12px #6d28d90f;transform:translateY(-1px)}.learnify-settings-input-has-icon{padding-left:41px}.learnify-settings-input-icon{position:absolute;z-index:2;left:13px;top:50%;display:flex;align-items:center;transform:translateY(-50%);pointer-events:none;transition:color .2s ease}.learnify-settings-card-footer{display:flex;justify-content:flex-end;margin-top:28px;padding-top:22px;border-top:1px solid}.learnify-settings-primary-button{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:0;border-radius:12px;color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 5px 14px #6d28d92e,0 1px 2px #00000014;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.learnify-settings-primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6d28d938,0 2px 4px #00000014}.learnify-settings-primary-button:active{transform:translateY(0) scale(.98)}.learnify-settings-secondary-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;border:1px solid;border-radius:12px;font-family:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.learnify-settings-secondary-button:hover{background-color:#f5f3ff!important;border-color:#6d28d9!important;transform:translateY(-1px);box-shadow:0 4px 12px #6d28d914}.learnify-settings-secondary-button:active{transform:scale(.98)}.learnify-settings-security-content{display:flex;flex-direction:column;gap:22px}.learnify-settings-security-password-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.learnify-settings-password-action-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.learnify-settings-password-action-row p{margin:0;font-size:12px;line-height:1.5}.learnify-settings-security-2fa{margin-top:28px;padding-top:24px;border-top:1px solid}.learnify-settings-appearance-card{padding:22px;border:1px solid;border-radius:17px;transition:transform .25s ease,box-shadow .25s ease,background-color .3s ease,border-color .3s ease}.learnify-settings-appearance-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #6d28d90e}.learnify-settings-appearance-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.learnify-settings-appearance-card h3{margin:0;font-size:16px;font-weight:700}.learnify-settings-appearance-card>p{margin:4px 0 0;font-size:13px}.learnify-settings-appearance-header p{margin:4px 0 0;font-size:13px}.learnify-settings-appearance-badge{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.learnify-settings-theme-button-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.learnify-settings-theme-button{position:relative;height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid;border-radius:12px;font-family:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background-color .22s ease,border-color .22s ease,transform .2s ease,box-shadow .22s ease}.learnify-settings-theme-button:hover{transform:translateY(-2px);border-color:#8b5cf6!important;box-shadow:0 6px 16px #6d28d914}.learnify-settings-theme-button:active{transform:scale(.98)}.learnify-settings-theme-button-active{box-shadow:0 6px 16px #6d28d92e,inset 0 0 0 1px #ffffff14}.learnify-settings-theme-button-active:hover{transform:translateY(-2px)}.learnify-settings-theme-check{position:absolute;right:12px;animation:settingsCheckIn .25s ease both}.learnify-settings-preference-group{margin-top:28px}.learnify-settings-preference-group-title{margin:0 0 11px;font-size:15px;font-weight:700}.learnify-settings-preference-box{overflow:hidden;border:1px solid;border-radius:17px}.learnify-settings-preference-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}.learnify-settings-preference-row-border{border-bottom:1px solid}.learnify-settings-preference-row h4,.learnify-settings-preference-toggle-row h4{margin:0;font-size:13px;font-weight:700}.learnify-settings-preference-row p,.learnify-settings-preference-toggle-row p{margin:4px 0 0;font-size:12px;line-height:1.5}.learnify-settings-preference-row-control{flex-shrink:0}.learnify-settings-select-wrapper{position:relative}.learnify-settings-select{min-width:165px;height:41px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 38px 0 12px;border:1px solid;border-radius:11px;outline:none;font-family:inherit;font-size:13px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.learnify-settings-select:hover{border-color:#a78bfa!important}.learnify-settings-select:focus{border-color:#6d28d9!important;box-shadow:0 0 0 3px #6d28d91a}.learnify-settings-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.learnify-settings-preference-toggle-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}.learnify-settings-preference-toggle-row-border{border-bottom:1px solid}.learnify-settings-toggle{position:relative;width:46px;height:25px;min-width:46px;padding:0;border:0;border-radius:999px;cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease}.learnify-settings-toggle:hover{box-shadow:0 0 0 4px #6d28d914}.learnify-settings-toggle-knob{position:absolute;top:4px;left:4px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000002e,0 1px 2px #0000001a;transition:left .25s cubic-bezier(.4,0,.2,1),transform .25s ease}.learnify-settings-toggle-enabled .learnify-settings-toggle-knob{left:25px}.learnify-settings-toggle:active .learnify-settings-toggle-knob{transform:scale(.88)}.learnify-settings-preferences-save{display:flex;justify-content:flex-end;margin-top:28px}@keyframes settingsFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes settingsFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes settingsContentIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes settingsIconIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes settingsCheckIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes settingsPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.78)}}@media (max-width: 900px){.learnify-settings-container{max-width:100%;padding:28px 20px 42px}.learnify-settings-card{padding:26px}.learnify-settings-section-button{padding:16px}}@media (max-width: 768px){.learnify-settings-container{padding:24px 16px 36px}.learnify-settings-page-title{margin-bottom:22px}.learnify-settings-page-title h1{font-size:28px}.learnify-settings-section-grid{grid-template-columns:1fr}.learnify-settings-section-button{min-height:70px;width:100%;border-right:0;border-bottom:1px solid}.learnify-settings-section-button:last-child{border-bottom:0}.learnify-settings-section-button:before{width:100%;height:2px;bottom:0;top:auto}.learnify-settings-section-button-active:before{height:2px}.learnify-settings-input-grid,.learnify-settings-security-password-grid,.learnify-settings-theme-button-grid{grid-template-columns:1fr}.learnify-settings-password-action-row{align-items:flex-start}}@media (max-width: 576px){.learnify-settings-container{padding:20px 12px 30px}.learnify-settings-page-title{margin-bottom:19px}.learnify-settings-breadcrumb{font-size:12px}.learnify-settings-page-title h1{font-size:25px}.learnify-settings-page-title p{margin-top:7px;font-size:13px}.learnify-settings-section-menu{margin-bottom:18px;border-radius:15px}.learnify-settings-section-button{min-height:66px;padding:13px 14px}.learnify-settings-section-icon{width:38px;height:38px;min-width:38px;border-radius:11px}.learnify-settings-section-title{font-size:13px}.learnify-settings-section-description{font-size:11px}.learnify-settings-card{padding:20px 16px;border-radius:15px}.learnify-settings-section-heading{align-items:flex-start;gap:11px;margin-bottom:21px}.learnify-settings-section-heading-icon{width:41px;height:41px;min-width:41px;border-radius:12px}.learnify-settings-section-heading h2{font-size:17px}.learnify-settings-section-heading p{font-size:12px}.learnify-settings-input-grid,.learnify-settings-security-password-grid{gap:17px}.learnify-settings-input-label{margin-bottom:7px;font-size:12px}.learnify-settings-input{height:44px;font-size:13px}.learnify-settings-card-footer{margin-top:21px;padding-top:18px;justify-content:stretch}.learnify-settings-card-footer .learnify-settings-primary-button,.learnify-settings-preferences-save .learnify-settings-primary-button{width:100%}.learnify-settings-primary-button{min-height:44px}.learnify-settings-password-action-row{flex-direction:column;align-items:stretch;gap:14px}.learnify-settings-password-action-row p{font-size:11px}.learnify-settings-secondary-button{width:100%}.learnify-settings-security-2fa{margin-top:22px;padding-top:20px}.learnify-settings-appearance-card{padding:17px;border-radius:14px}.learnify-settings-appearance-header{align-items:flex-start}.learnify-settings-appearance-card h3{font-size:15px}.learnify-settings-appearance-header p{font-size:12px}.learnify-settings-appearance-badge{padding:5px 8px;font-size:10px}.learnify-settings-theme-button-grid{gap:9px;margin-top:15px}.learnify-settings-theme-button{height:43px}.learnify-settings-preference-group{margin-top:22px}.learnify-settings-preference-group-title{font-size:14px}.learnify-settings-preference-box{border-radius:14px}.learnify-settings-preference-row,.learnify-settings-preference-toggle-row{min-height:0;flex-direction:column;align-items:flex-start;gap:13px;padding:16px}.learnify-settings-preference-row h4,.learnify-settings-preference-toggle-row h4{font-size:13px}.learnify-settings-preference-row p,.learnify-settings-preference-toggle-row p{font-size:11px}.learnify-settings-preference-row-control,.learnify-settings-select-wrapper,.learnify-settings-select{width:100%}.learnify-settings-select{min-width:0;height:41px}.learnify-settings-preference-toggle-row .learnify-settings-toggle{align-self:flex-end}.learnify-settings-preferences-save{justify-content:stretch;margin-top:21px}}@media (max-width: 380px){.learnify-settings-container{padding:17px 9px 25px}.learnify-settings-page-title h1{font-size:23px}.learnify-settings-page-title p{font-size:12px}.learnify-settings-card{padding:18px 13px}.learnify-settings-section-description{display:none}.learnify-settings-section-button{min-height:59px}.learnify-settings-section-icon{width:35px;height:35px;min-width:35px}.learnify-settings-active-dot{width:6px;height:6px}.learnify-settings-appearance-header{gap:8px}.learnify-settings-appearance-badge{display:none}.learnify-settings-preference-row,.learnify-settings-preference-toggle-row{padding:14px}.learnify-settings-primary-button,.learnify-settings-secondary-button{font-size:12px}}.learnify-settings-section-button:focus-visible,.learnify-settings-theme-button:focus-visible,.learnify-settings-primary-button:focus-visible,.learnify-settings-secondary-button:focus-visible,.learnify-settings-toggle:focus-visible,.learnify-settings-select:focus-visible,.learnify-settings-input:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}@media (prefers-reduced-motion: reduce){.learnify-settings-page *,.learnify-settings-page *:before,.learnify-settings-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.oh-page{width:100%;min-width:0;min-height:100vh;overflow-x:hidden;background:#fff;color:#0f172a}.oh-container{width:100%;max-width:1024px;margin:0 auto;padding:44px 24px 60px;box-sizing:border-box}.oh-header{margin-bottom:28px}.oh-header h1{margin:0 0 6px;color:#0f172a;font-size:25px;line-height:1.25;font-weight:750;letter-spacing:-.02em}.oh-header p{margin:0;color:#64748b;font-size:14px;line-height:1.6}.oh-summary-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}.oh-summary-card{position:relative;width:100%;min-width:0;padding:19px;overflow:hidden;border:1px solid #eef2f7;border-radius:16px;background:#fff;box-shadow:0 2px 8px #0f172a06,0 8px 24px #0f172a06;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.oh-summary-card:after{content:"";position:absolute;right:-35px;bottom:-45px;width:100px;height:100px;border-radius:50%;background:#f8fafc;opacity:.7;pointer-events:none}.oh-summary-card:hover{transform:translateY(-3px);border-color:#e2e8f0;box-shadow:0 5px 14px #0f172a0d,0 16px 35px #0f172a0d}.oh-summary-icon{position:relative;z-index:1;width:36px;height:36px;margin-bottom:12px;border-radius:11px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease}.oh-summary-card:hover .oh-summary-icon{transform:scale(1.06)}.oh-summary-icon-indigo{background:#eef2ff;color:#4f46e5}.oh-summary-icon-violet{background:#f5f3ff;color:#7c3aed}.oh-summary-icon-amber{background:#fffbeb;color:#d97706}.oh-summary-value{position:relative;z-index:1;color:#0f172a;font-size:20px;line-height:1.4;font-weight:750;letter-spacing:-.015em}.oh-summary-label{position:relative;z-index:1;margin-top:2px;color:#94a3b8;font-size:12px;line-height:1.5}.oh-toolbar{width:100%;display:flex;align-items:center;gap:12px;margin-bottom:20px}.oh-search{position:relative;flex:1 1 300px;min-width:220px}.oh-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.oh-search input{width:100%;height:42px;padding:10px 15px 10px 40px;box-sizing:border-box;border:1px solid #edf1f5;border-radius:12px;outline:none;background:#f8fafc;color:#0f172a;font-family:inherit;font-size:13px;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.oh-search input:hover{border-color:#e2e8f0}.oh-search input::placeholder{color:#94a3b8}.oh-search input:focus{border-color:#a5b4fc;background:#fff;box-shadow:0 0 0 3px #eef2ff,0 3px 10px #4f46e50d}.oh-filters{width:auto;min-width:0;display:flex;align-items:center;gap:8px}.oh-filter-icon{flex-shrink:0;color:#94a3b8}.oh-filter-buttons{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.oh-filter-buttons::-webkit-scrollbar{display:none}.oh-filter-button{flex-shrink:0;min-height:32px;padding:6px 13px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#64748b;font-family:inherit;font-size:11px;font-weight:550;cursor:pointer;transition:transform .18s ease,border-color .2s ease,color .2s ease,background-color .2s ease,box-shadow .2s ease}.oh-filter-button:hover{border-color:#c7d2fe;color:#4f46e5;background:#fafaff;transform:translateY(-1px)}.oh-filter-button:active{transform:scale(.97)}.oh-filter-button.active{border-color:#4f46e5;background:#4f46e5;color:#fff;box-shadow:0 3px 8px #4f46e52e}.oh-empty-orders{width:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;box-sizing:border-box;text-align:center;border:1px dashed #dfe6ef;border-radius:17px;background:#fcfdff}.oh-empty-orders-icon{width:56px;height:56px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef2ff;color:#818cf8;box-shadow:0 8px 20px #4f46e514}.oh-empty-orders h3{margin:0 0 5px;color:#0f172a;font-size:14px;font-weight:650}.oh-empty-orders p{max-width:240px;margin:0;color:#94a3b8;font-size:12px;line-height:1.6}.oh-orders-list{width:100%;min-width:0;display:flex;flex-direction:column;gap:12px}.oh-order-card{width:100%;min-width:0;overflow:hidden;border:1px solid #edf1f5;border-radius:16px;background:#fff;box-shadow:0 2px 7px #0f172a06;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;animation:oh-order-enter .35s ease both}.oh-order-card:hover{border-color:#e2e8f0;box-shadow:0 5px 15px #0f172a0b,0 12px 30px #0f172a09}@keyframes oh-order-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.oh-order-card-header{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 19px;border:0;background:transparent;text-align:left;font-family:inherit;cursor:pointer;transition:background-color .2s ease}.oh-order-card-header:hover{background:#f8fafca6}.oh-order-card-header:focus-visible{outline:2px solid #a5b4fc;outline-offset:-2px}.oh-order-main-info{min-width:0;flex:1;display:flex;align-items:center;gap:14px}.oh-order-status-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:transform .25s ease,box-shadow .25s ease}.oh-order-card:hover .oh-order-status-icon{transform:scale(1.04)}.oh-order-info{min-width:0;flex:1}.oh-order-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.oh-order-id{color:#0f172a;font-size:14px;font-weight:650}.oh-order-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;line-height:1.5;font-weight:550}.oh-status-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%}.oh-order-meta{margin:3px 0 0;overflow:hidden;color:#94a3b8;font-size:11px;line-height:1.5;white-space:nowrap;text-overflow:ellipsis}.oh-order-header-right{flex-shrink:0;display:flex;align-items:center;gap:20px}.oh-order-total{color:#0f172a;font-size:14px;font-weight:650}.oh-order-chevron{flex-shrink:0;color:#94a3b8;transition:transform .25s ease,color .2s ease}.oh-order-card:hover .oh-order-chevron{color:#64748b}.oh-order-chevron.open{transform:rotate(180deg)}.oh-status-completed{background:#ecfdf5}.oh-status-text-completed{color:#059669}.oh-status-dot-completed{background:#10b981}.oh-status-pending{background:#fffbeb}.oh-status-text-pending{color:#d97706}.oh-status-dot-pending{background:#f59e0b}.oh-status-refunded{background:#f1f5f9}.oh-status-text-refunded{color:#64748b}.oh-status-dot-refunded{background:#94a3b8}.oh-status-failed{background:#fff1f2}.oh-status-text-failed{color:#e11d48}.oh-status-dot-failed{background:#f43f5e}.oh-order-expanded{width:100%;box-sizing:border-box;padding:17px 19px 18px;border-top:1px solid #f1f5f9;background:#fafbfd;animation:oh-expand .25s ease both}@keyframes oh-expand{0%{opacity:0}to{opacity:1}}.oh-order-items{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.oh-order-item{min-width:0;display:flex;align-items:center;gap:12px;padding:9px 10px;border:1px solid #eef2f6;border-radius:11px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.oh-order-item:hover{border-color:#e2e8f0;box-shadow:0 3px 10px #0f172a09;transform:translate(2px)}.oh-course-thumbnail{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#fff;font-size:11px;font-weight:650;box-shadow:inset 0 0 0 1px #ffffff1f}.oh-course-indigo{background:#4f46e5}.oh-course-violet{background:#7c3aed}.oh-course-sky{background:#0284c7}.oh-course-rose{background:#f43f5e}.oh-course-info{min-width:0;flex:1}.oh-course-title{margin:0;overflow:hidden;color:#334155;font-size:13px;font-weight:550;white-space:nowrap;text-overflow:ellipsis}.oh-course-instructor{margin:2px 0 0;overflow:hidden;color:#94a3b8;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.oh-course-price{flex-shrink:0;color:#475569;font-size:13px;font-weight:550}.oh-payment-summary{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid #e9eef4;font-size:13px}.oh-payment-method{min-width:0;overflow:hidden;color:#64748b;white-space:nowrap;text-overflow:ellipsis}.oh-payment-method span{color:#334155;font-weight:550}.oh-payment-method .oh-payment-last4{color:#94a3b8;font-weight:400}.oh-payment-total{flex-shrink:0;color:#0f172a;font-weight:650}.oh-order-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}.oh-invoice-button,.oh-secondary-action{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;border-radius:8px;font-family:inherit;font-size:11px;font-weight:550;cursor:pointer;transition:transform .18s ease,background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.oh-invoice-button{border:1px solid #4f46e5;background:#4f46e5;color:#fff;box-shadow:0 3px 8px #4f46e526}.oh-invoice-button:hover{border-color:#4338ca;background:#4338ca;transform:translateY(-1px);box-shadow:0 5px 12px #4f46e533}.oh-secondary-action{border:1px solid #e2e8f0;background:#fff;color:#475569}.oh-secondary-action:hover{border-color:#c7d2fe;color:#4f46e5;background:#fafaff;transform:translateY(-1px)}.oh-invoice-button:active,.oh-secondary-action:active{transform:scale(.97)}@media (max-width: 1050px){.oh-container{max-width:100%;padding-left:20px;padding-right:20px}}@media (max-width: 850px){.oh-container{padding-top:38px}.oh-toolbar{align-items:stretch;flex-direction:column}.oh-search{width:100%;flex:none}.oh-filters{width:100%;padding:1px 0;overflow:hidden}.oh-filter-buttons{flex:1}}@media (max-width: 700px){.oh-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.oh-summary-card{padding:15px}.oh-summary-icon{width:34px;height:34px;margin-bottom:10px}.oh-summary-value{font-size:18px}.oh-summary-label{font-size:11px}.oh-order-card-header,.oh-order-expanded{padding:15px}}@media (max-width: 600px){.oh-container{padding:30px 14px 45px}.oh-header{margin-bottom:22px}.oh-header h1{font-size:23px}.oh-header p{font-size:13px}.oh-summary-grid{grid-template-columns:1fr;gap:10px;margin-bottom:22px}.oh-summary-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:13px;padding:14px 15px}.oh-summary-icon{grid-row:1 / 3;width:38px;height:38px;margin:0;align-self:center}.oh-summary-value{align-self:end;font-size:18px}.oh-summary-label{align-self:start;margin-top:1px}.oh-toolbar{gap:10px;margin-bottom:16px}.oh-search input{height:44px}.oh-filters{gap:7px}.oh-filter-buttons{padding-bottom:3px}.oh-filter-button{min-height:34px;padding:6px 13px}.oh-order-card{border-radius:14px}.oh-order-card-header{padding:13px;gap:8px}.oh-order-main-info{gap:10px}.oh-order-status-icon{width:36px;height:36px;border-radius:10px}.oh-order-title-row{gap:6px}.oh-order-id{font-size:13px}.oh-order-status{font-size:9px;padding:2px 7px}.oh-order-meta{font-size:10px}.oh-order-header-right{gap:7px}.oh-order-total{display:none}.oh-order-expanded{padding:13px}.oh-order-item{padding:9px;gap:10px}.oh-course-thumbnail{width:38px;height:38px}.oh-course-title{font-size:12px}.oh-course-instructor{font-size:10px}.oh-course-price,.oh-payment-summary{font-size:12px}.oh-order-actions{margin-top:14px}.oh-invoice-button,.oh-secondary-action{min-height:36px;padding:8px 12px}}@media (max-width: 450px){.oh-container{padding-left:11px;padding-right:11px}.oh-header h1{font-size:22px}.oh-summary-card{border-radius:14px}.oh-order-card-header,.oh-order-expanded{padding:12px 11px}.oh-order-main-info{gap:9px}.oh-order-status-icon{width:34px;height:34px}.oh-order-id{font-size:12px}.oh-order-meta{font-size:9px}.oh-order-item{padding:8px}.oh-course-thumbnail{width:36px;height:36px;border-radius:8px}.oh-course-title,.oh-course-price{font-size:11px}.oh-payment-summary{align-items:flex-start;gap:7px}.oh-payment-method{max-width:75%}.oh-order-actions{width:100%}.oh-invoice-button,.oh-secondary-action{flex:1;min-width:0}}@media (max-width: 360px){.oh-container{padding-left:8px;padding-right:8px}.oh-header h1{font-size:21px}.oh-summary-card{padding:13px}.oh-order-card-header,.oh-order-expanded{padding-left:9px;padding-right:9px}.oh-order-status-icon{width:32px;height:32px}.oh-order-title-row{gap:4px}.oh-order-status{font-size:8px;padding:2px 6px}.oh-course-title{font-size:10px}.oh-course-instructor{font-size:9px}.oh-course-price{font-size:10px}.oh-invoice-button,.oh-secondary-action{font-size:10px;padding-left:9px;padding-right:9px}}@media (prefers-reduced-motion: reduce){.oh-summary-card,.oh-summary-icon,.oh-order-card,.oh-order-status-icon,.oh-order-chevron,.oh-order-item,.oh-invoice-button,.oh-secondary-action,.oh-filter-button{transition:none}.oh-order-card,.oh-order-expanded{animation:none}}.user-profile-page{width:100%;max-width:1100px;margin:0 auto;padding:4px 0 40px}.user-profile-header{width:100%;padding:22px 24px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 18px #0f172a0a}.user-profile-user{display:flex;align-items:center;gap:17px}.user-profile-avatar{width:68px;height:68px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:4px solid #ffffff;box-shadow:0 0 0 1px #c7d2fe,0 8px 20px #4338ca1f;color:#4338ca;font-size:20px;font-weight:700;transition:transform .25s ease,box-shadow .25s ease}.user-profile-avatar span{transition:transform .25s ease}.user-profile-header:hover .user-profile-avatar{transform:translateY(-2px);box-shadow:0 0 0 1px #a5b4fc,0 10px 25px #4338ca29}.user-profile-header:hover .user-profile-avatar span{transform:scale(1.04)}.user-profile-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.user-profile-name-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.user-profile-info h1{margin:0;color:#0f172a;font-size:21px;line-height:1.35;font-weight:700;letter-spacing:-.3px}.user-profile-role{margin:2px 0 6px;color:#64748b;font-size:13px;line-height:19px}.user-profile-status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#ecfdf5;color:#059669;font-size:10px;line-height:15px;font-weight:600}.user-profile-status:before{content:"";width:5px;height:5px;margin-right:5px;border-radius:50%;background:#10b981}.user-profile-edit-btn{display:inline-flex;align-items:center;gap:5px;padding:0;border:none;background:transparent;color:#4338ca;font-size:12px;line-height:18px;font-weight:600;cursor:pointer;transition:color .2s ease,transform .2s ease}.user-profile-edit-btn:hover{color:#3730a3;transform:translate(2px)}.user-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.user-profile-stat-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;min-width:0;padding:17px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 3px 14px #0f172a09;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.user-profile-stat-card:after{content:"";position:absolute;width:70px;height:70px;right:-32px;bottom:-32px;border-radius:50%;background:#eef2ff;opacity:0;transition:opacity .25s ease,transform .25s ease}.user-profile-stat-card:hover{transform:translateY(-3px);border-color:#c7d2fe;box-shadow:0 10px 25px #0f172a12}.user-profile-stat-card:hover:after{opacity:1;transform:scale(1.35)}.user-profile-stat-icon{position:relative;z-index:1;width:39px;height:39px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eef2ff;color:#4338ca;transition:transform .25s ease,background .25s ease}.user-profile-stat-card:hover .user-profile-stat-icon{transform:scale(1.06);background:#e0e7ff}.user-profile-stat-content{position:relative;z-index:1;min-width:0}.user-profile-stat-value{color:#0f172a;font-size:19px;line-height:26px;font-weight:700}.user-profile-stat-label{overflow:hidden;color:#64748b;font-size:11px;line-height:17px;white-space:nowrap;text-overflow:ellipsis}.user-profile-menu{overflow:hidden;margin-top:18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 18px #0f172a09}.user-profile-menu-heading{padding:18px 20px 14px;border-bottom:1px solid #e2e8f0}.user-profile-menu-heading h2{margin:0;color:#0f172a;font-size:15px;line-height:22px;font-weight:700}.user-profile-menu-heading p{margin:2px 0 0;color:#94a3b8;font-size:11px;line-height:17px}.user-profile-menu-list{width:100%}.user-profile-menu-item{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 20px;color:#334155;font-size:13px;line-height:20px;font-weight:500;text-decoration:none;transition:background-color .2s ease,color .2s ease,padding-left .2s ease}.user-profile-menu-item+.user-profile-menu-item{border-top:1px solid #f1f5f9}.user-profile-menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#4338ca;transform:scaleY(0);transform-origin:center;transition:transform .2s ease}.user-profile-menu-item:hover{background:#f8faff;color:#3730a3;padding-left:23px}.user-profile-menu-item:hover:before{transform:scaleY(1)}.user-profile-menu-left{min-width:0;display:flex;align-items:center;gap:12px}.user-profile-menu-icon-box{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f8fafc;transition:background-color .2s ease,transform .2s ease}.user-profile-menu-icon{color:#94a3b8;transition:color .2s ease,transform .2s ease}.user-profile-menu-item:hover .user-profile-menu-icon-box{background:#eef2ff;transform:scale(1.04)}.user-profile-menu-item:hover .user-profile-menu-icon{color:#4338ca;transform:scale(1.05)}.user-profile-menu-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-profile-menu-arrow-box{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#94a3b8;transition:background-color .2s ease,color .2s ease,transform .2s ease}.user-profile-menu-item:hover .user-profile-menu-arrow-box{background:#eef2ff;color:#4338ca;transform:translate(2px)}@media (max-width: 900px){.user-profile-page{max-width:100%}.user-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.user-profile-page{padding-bottom:28px}.user-profile-header{padding:18px;border-radius:14px}.user-profile-user{gap:13px}.user-profile-avatar{width:58px;height:58px;font-size:18px}.user-profile-info h1{font-size:18px}.user-profile-stats{gap:10px;margin-top:14px}.user-profile-stat-card{padding:13px;gap:10px;border-radius:12px}.user-profile-stat-icon{width:35px;height:35px;border-radius:9px}.user-profile-stat-value{font-size:17px}.user-profile-menu{margin-top:14px;border-radius:14px}.user-profile-menu-heading{padding:16px}.user-profile-menu-item{padding:12px 16px}.user-profile-menu-item:hover{padding-left:19px}}@media (max-width: 420px){.user-profile-header{padding:15px}.user-profile-user{gap:11px}.user-profile-avatar{width:52px;height:52px;border-width:3px;font-size:16px}.user-profile-info h1{font-size:16px}.user-profile-role{font-size:12px}.user-profile-status{padding:2px 7px;font-size:9px}.user-profile-stats{grid-template-columns:1fr 1fr;gap:8px}.user-profile-stat-card{padding:11px;gap:8px}.user-profile-stat-icon{width:32px;height:32px}.user-profile-stat-icon svg{width:15px;height:15px}.user-profile-stat-value{font-size:16px}.user-profile-stat-label{font-size:10px}.user-profile-menu-heading{padding:14px}.user-profile-menu-item{padding:11px 14px;font-size:12px}.user-profile-menu-left{gap:9px}.user-profile-menu-icon-box{width:32px;height:32px}.user-profile-menu-arrow-box{width:25px;height:25px}}@media (max-width: 340px){.user-profile-name-row{gap:5px}.user-profile-status{display:none}.user-profile-avatar{width:48px;height:48px}.user-profile-stats{grid-template-columns:1fr}.user-profile-stat-card{padding:12px}}.pricing-page{width:100%;max-width:1120px;margin:0 auto;padding:64px 24px 72px;box-sizing:border-box}.pricing-header{max-width:680px;margin:0 auto;text-align:center}.pricing-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e0e7ff;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:600;animation:pricingFadeDown .6s ease both}.pricing-title{max-width:620px;margin:16px auto 0;color:#0f172a;font-size:clamp(28px,4vw,42px);line-height:1.15;font-weight:700;letter-spacing:-.8px;animation:pricingFadeDown .7s ease both}.pricing-subtitle{max-width:560px;margin:14px auto 0;color:#64748b;font-size:15px;line-height:1.7;animation:pricingFadeDown .8s ease both}.billing-toggle{display:inline-flex;align-items:center;gap:3px;margin-top:28px;padding:4px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;box-shadow:0 8px 25px #0f172a0f;animation:pricingFadeUp .8s ease both}.billing-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:6px 16px;border:none;border-radius:999px;outline:none;background:transparent;color:#64748b;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .25s ease,color .25s ease,transform .2s ease}.billing-button:hover{color:#4338ca}.billing-button:active{transform:scale(.97)}.billing-active{background:#4338ca;color:#fff;box-shadow:0 4px 12px #4338ca40}.billing-active:hover{background:#3730a3;color:#fff}.save-badge{padding:3px 7px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:10px;font-weight:700;transition:.25s ease}.billing-active .save-badge{background:#ffffff2e;color:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px;margin-top:52px}.pricing-card{position:relative;display:flex;flex-direction:column;min-height:460px;padding:30px 26px 26px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-sizing:border-box;box-shadow:0 4px 12px #0f172a09,0 12px 30px #0f172a09;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;animation:pricingCardUp .7s ease both}.pricing-card:nth-child(2){animation-delay:.1s}.pricing-card:nth-child(3){animation-delay:.2s}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .3s ease}.pricing-card:hover{transform:translateY(-8px);border-color:#c7d2fe;box-shadow:0 15px 30px #0f172a14,0 30px 60px #4338ca14}.pricing-card:hover:before{background:#6366f1}.pricing-card-highlighted{border:1px solid #6366f1;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(145deg,#6366f1,#818cf8,#c4b5fd) border-box;box-shadow:0 15px 35px #4f46e521,0 5px 15px #4f46e514;transform:translateY(-5px)}.pricing-card-highlighted:after{content:"";position:absolute;width:180px;height:180px;top:-100px;right:-80px;border-radius:50%;background:#6366f114;pointer-events:none}.pricing-card-highlighted:hover{transform:translateY(-12px);box-shadow:0 25px 50px #4f46e529,0 8px 20px #4f46e51a}.popular-badge{position:absolute;top:16px;right:18px;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:10px;font-weight:700;z-index:2;animation:badgePulse 2.5s ease-in-out infinite}.plan-top{min-height:74px}.plan-name{margin:0;color:#0f172a;font-size:18px;line-height:1.4;font-weight:700}.plan-description{max-width:220px;margin:7px 0 0;color:#64748b;font-size:12px;line-height:1.5}.plan-price{display:flex;align-items:baseline;margin-top:24px;color:#0f172a;font-size:38px;line-height:1;font-weight:750;letter-spacing:-1px}.currency{margin-right:2px;font-size:22px;font-weight:700}.price-period{margin-left:5px;color:#64748b;font-size:13px;line-height:1.5;font-weight:400;letter-spacing:0}.yearly-note{display:inline-block;width:fit-content;margin-top:9px;padding:4px 8px;border-radius:6px;background:#ecfdf5;color:#047857;font-size:10px;font-weight:600}.features-heading{margin-top:30px;padding-bottom:10px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:12px;font-weight:700}.plan-features{display:flex;flex-direction:column;gap:13px;margin:17px 0 0;padding:0;list-style:none}.plan-features li{display:flex;align-items:center;gap:10px;color:#475569;font-size:13px;line-height:1.5}.feature-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 21px;width:21px;height:21px;border-radius:50%;background:#ecfdf5;color:#059669;transition:transform .25s ease,background .25s ease}.plan-features li:hover .feature-icon{transform:scale(1.12);background:#d1fae5}.plan-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:auto;padding:12px 16px;border-radius:10px;font-family:inherit;font-size:13px;line-height:1.5;font-weight:700;cursor:pointer;transform:translateY(7px);transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.button-arrow{transition:transform .25s ease}.plan-button:hover .button-arrow{transform:translate(4px)}.plan-button:active{transform:scale(.98)}.plan-button-primary{border:1px solid #4338ca;background:#4338ca;color:#fff;box-shadow:0 7px 18px #4338ca33}.plan-button-primary:hover{border-color:#3730a3;background:#3730a3;box-shadow:0 10px 24px #4338ca47;transform:translateY(2px)}.plan-button-secondary{border:1px solid #e2e8f0;background:#fff;color:#334155}.plan-button-secondary:hover{border-color:#c7d2fe;background:#f8fafc;transform:translateY(-2px)}.pricing-footer-note{margin:28px 0 0;text-align:center;color:#94a3b8;font-size:12px;line-height:1.5}@keyframes pricingFadeDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes pricingFadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pricingCardUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes badgePulse{0%,to{box-shadow:0 0 #6366f100}50%{box-shadow:0 0 0 5px #6366f114}}@media (max-width: 900px){.pricing-page{padding:54px 20px 64px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-card-highlighted{transform:none}.pricing-card-highlighted:hover{transform:translateY(-8px)}.pricing-card:last-child{grid-column:1 / -1;width:min(100%,420px);justify-self:center}}@media (max-width: 640px){.pricing-page{padding:42px 16px 52px}.pricing-title{font-size:30px;line-height:1.18}.pricing-subtitle{margin-top:12px;font-size:14px;line-height:1.65}.billing-toggle{display:flex;width:100%;max-width:340px;margin-top:24px}.billing-button{flex:1;padding:7px 10px;font-size:12px}.save-badge{font-size:9px}.pricing-grid{grid-template-columns:1fr;gap:18px;margin-top:38px}.pricing-card{width:100%;min-height:auto;padding:26px 22px 22px}.pricing-card:last-child{grid-column:auto;width:100%}.pricing-card:hover,.pricing-card-highlighted:hover{transform:translateY(-5px)}.popular-badge{top:14px;right:14px}.plan-top{min-height:68px}.plan-name{font-size:17px}.plan-description{font-size:12px}.plan-price{margin-top:20px;font-size:34px}.features-heading{margin-top:26px}.plan-features{gap:11px}.plan-features li{font-size:12px}.plan-button{margin-top:26px}}@media (max-width: 400px){.pricing-page{padding:36px 13px 46px}.pricing-eyebrow{font-size:11px}.pricing-title{font-size:26px}.pricing-subtitle{font-size:13px}.billing-button{gap:4px;padding:7px;font-size:11px}.save-badge{padding:2px 5px;font-size:8px}.pricing-card{padding:24px 18px 20px;border-radius:16px}.plan-price{font-size:31px}.price-period{font-size:12px}}@media (prefers-reduced-motion: reduce){.pricing-page *,.pricing-page *:before,.pricing-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.about-page{width:100%;min-height:100%;background:#fff;color:#0f172a;overflow:hidden}.about-container{width:100%;max-width:1120px;margin:0 auto;padding:76px 32px 84px;box-sizing:border-box}.about-intro{max-width:790px;margin:0 auto;text-align:center}.about-eyebrow{display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;padding:6px 12px;border:1px solid #e0e7ff;border-radius:999px;background:#f5f7ff;color:#4f46e5;font-size:10px;line-height:1;font-weight:600;letter-spacing:.12em}.about-intro h1{margin:0;color:#0f172a;font-size:clamp(32px,4vw,46px);line-height:1.15;font-weight:650;letter-spacing:-.035em}.about-intro p{max-width:700px;margin:18px auto 0;color:#64748b;font-size:15px;line-height:1.8;font-weight:400}.about-visual{position:relative;width:100%;aspect-ratio:21 / 9;margin-top:48px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:22px;background:linear-gradient(135deg,#f8faff,#eef2ff 48%,#f5f3ff);box-shadow:0 20px 60px #0f172a12;isolation:isolate}.about-visual-content{position:relative;z-index:3;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(129,140,248,.2) 0%,rgba(129,140,248,.08) 24%,transparent 58%)}.about-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.45;background-image:linear-gradient(rgba(99,102,241,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.07) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.about-visual-glow{position:absolute;width:180px;height:180px;border-radius:50%;filter:blur(2px);opacity:.7;z-index:1;animation:aboutFloat 6s ease-in-out infinite}.about-glow-one{top:-75px;left:-45px;background:#818cf838}.about-glow-two{right:-55px;bottom:-85px;background:#a5b4fc40;animation-delay:-3s}@keyframes aboutFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,14px,0)}}.about-play-icon{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(129,140,248,.45);border-radius:50%;background:#c7d2fed9;box-shadow:0 10px 30px #4f46e51f;cursor:pointer;transition:transform .35s ease,background .35s ease,box-shadow .35s ease}.about-play-icon:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:1px solid rgba(129,140,248,.22);border-radius:50%;animation:aboutPulse 2.5s ease-out infinite}.about-play-icon span{width:0;height:0;margin-left:4px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #4f46e5}.about-visual:hover .about-play-icon{transform:scale(1.1);background:#c7d2fe;box-shadow:0 18px 40px #4f46e533}@keyframes aboutPulse{0%{opacity:.7;transform:scale(.9)}70%{opacity:0;transform:scale(1.3)}to{opacity:0;transform:scale(1.3)}}.about-stats{width:100%;margin-top:46px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 10px 35px #0f172a0a}.about-stat{position:relative;min-width:0;padding:24px 16px;text-align:center}.about-stat-number{color:#0f172a;font-size:27px;line-height:1.2;font-weight:650;letter-spacing:-.025em}.about-stat-label{margin-top:6px;color:#64748b;font-size:12px;line-height:1.5;font-weight:400}.about-stat-divider{position:absolute;top:24px;right:0;width:1px;height:calc(100% - 48px);background:#e5e7eb}@media (max-width: 900px){.about-container{padding:64px 24px 72px}.about-intro h1{font-size:38px}.about-visual{margin-top:40px;aspect-ratio:16 / 8;border-radius:20px}.about-stats{margin-top:40px}}@media (max-width: 639px){.about-container{padding:48px 20px 60px}.about-eyebrow{margin-bottom:14px;font-size:9px}.about-intro h1{font-size:30px;line-height:1.2}.about-intro p{margin-top:14px;font-size:14px;line-height:1.7}.about-visual{margin-top:32px;aspect-ratio:16 / 9;border-radius:16px}.about-play-icon{width:62px;height:62px}.about-stats{margin-top:32px;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:16px}.about-stat{padding:20px 12px}.about-stat-number{font-size:23px}.about-stat-label{margin-top:4px;font-size:11px}.about-stat:nth-child(2) .about-stat-divider{display:none}.about-stat:nth-child(3) .about-stat-divider{display:block}}@media (max-width: 400px){.about-container{padding-left:16px;padding-right:16px}.about-intro h1{font-size:26px}.about-intro p{font-size:13px}.about-visual{aspect-ratio:16 / 10}.about-play-icon{width:56px;height:56px}.about-play-icon span{border-top-width:8px;border-bottom-width:8px;border-left-width:12px}.about-stat{padding:18px 8px}.about-stat-number{font-size:21px}}@media (prefers-reduced-motion: reduce){.about-visual-glow,.about-play-icon:before{animation:none}.about-play-icon{transition:none}}.blog-page{width:100%;background:#f8fafc}.blog-container{width:100%;max-width:1280px;margin:0 auto;padding:56px 24px 72px}.blog-header{margin-bottom:30px}.blog-eyebrow{display:inline-block;margin-bottom:8px;color:#6366f1;font-size:11px;font-weight:700;letter-spacing:.12em}.blog-heading{margin:0;color:#0f172a;font-size:32px;line-height:1.2;font-weight:700;letter-spacing:-.025em}.blog-description{max-width:620px;margin:10px 0 0;color:#64748b;font-size:14px;line-height:1.7}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{position:relative;display:block;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:16px;text-decoration:none;box-shadow:0 2px 5px #0f172a0a;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.blog-card:hover{transform:translateY(-6px);border-color:#cbd5e1;box-shadow:0 16px 35px #0f172a1a}.blog-card-image{position:relative;width:100%;height:175px;overflow:hidden}.blog-card-sky .blog-card-image{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.blog-card-violet .blog-card-image{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.blog-card-amber .blog-card-image{background:linear-gradient(135deg,#fef3c7,#fde68a)}.blog-card-pattern{position:absolute;display:block;border-radius:50%;opacity:.45;transition:transform .5s ease,opacity .3s ease}.pattern-one{width:150px;height:150px;top:-70px;right:-35px;background:#ffffff8c}.pattern-two{width:100px;height:100px;bottom:-50px;left:-25px;background:#fff6}.blog-card:hover .pattern-one{transform:scale(1.2) rotate(15deg);opacity:.7}.blog-card:hover .pattern-two{transform:scale(1.15);opacity:.65}.blog-read{position:absolute;right:18px;bottom:16px;display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.6);border-radius:8px;color:#334155;background:#ffffff80;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background .3s ease,gap .3s ease,transform .3s ease}.blog-read span{font-size:15px;line-height:1}.blog-card:hover .blog-read{gap:9px;background:#ffffffbf;transform:translate(-2px)}.blog-card-content{padding:18px 18px 20px}.blog-category{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;color:#4338ca;background:#eef2ff;font-size:10px;line-height:1.4;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.blog-title{margin:10px 0 0;color:#0f172a;font-size:17px;line-height:1.4;font-weight:650;letter-spacing:-.01em;transition:color .25s ease}.blog-card:hover .blog-title{color:#4338ca}.blog-meta{display:flex;align-items:center;flex-wrap:wrap;margin:11px 0 0;color:#64748b;font-size:12px;line-height:1.5}.blog-dot{margin:0 7px;color:#94a3b8}@media (max-width: 1000px){.blog-container{padding:48px 24px 64px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card:last-child{grid-column:span 2}.blog-card:last-child .blog-card-image{height:190px}}@media (max-width: 700px){.blog-container{padding:40px 20px 56px}.blog-heading{font-size:28px}.blog-grid{gap:18px}.blog-card:last-child{grid-column:auto}.blog-card-image{height:155px}}@media (max-width: 560px){.blog-container{padding:32px 16px 48px}.blog-header{margin-bottom:24px}.blog-eyebrow{font-size:10px;margin-bottom:7px}.blog-heading{font-size:25px;line-height:1.25}.blog-description{margin-top:9px;font-size:13px;line-height:1.65}.blog-grid{grid-template-columns:1fr;gap:16px}.blog-card:last-child{grid-column:auto}.blog-card-image,.blog-card:last-child .blog-card-image{height:150px}.blog-card-content{padding:16px}.blog-title{font-size:16px}}@media (max-width: 380px){.blog-container{padding-left:14px;padding-right:14px}.blog-heading{font-size:23px}.blog-card-image,.blog-card:last-child .blog-card-image{height:140px}.blog-card-number{left:16px;top:15px;font-size:36px}.blog-read{right:14px;bottom:13px}}@media (prefers-reduced-motion: reduce){.blog-card,.blog-card-pattern,.blog-read,.blog-title{transition:none}.blog-card:hover{transform:none}}.blog-details-container{width:100%;max-width:768px;margin:0 auto;padding:40px 24px}.blog-details-category{display:inline-block;font-size:12px;line-height:16px;font-weight:600;color:#4338ca}.blog-details-title{margin:8px 0 0;font-size:24px;line-height:32px;font-weight:600;color:#0f172a}.blog-details-meta{margin:8px 0 0;font-size:12px;line-height:16px;color:#64748b}.blog-details-meta span{margin:0 3px}.blog-details-cover{width:100%;aspect-ratio:16 / 9;margin-top:24px;border-radius:12px;background:#e0e7ff}.blog-details-content{margin-top:32px;max-width:none;font-size:14px;line-height:1.625;color:#334155}.blog-details-content p{margin:0}.blog-details-content p+p{margin-top:16px}@media (max-width: 640px){.blog-details-container{padding:32px 20px}.blog-details-title{font-size:23px;line-height:30px}.blog-details-cover{margin-top:20px;border-radius:10px}.blog-details-content{margin-top:28px}}@media (max-width: 480px){.blog-details-container{padding:28px 16px}.blog-details-title{font-size:22px;line-height:29px}.blog-details-meta{font-size:11px}.blog-details-content{font-size:14px;line-height:1.7}}.contact-page{width:100%;min-height:calc(100vh - 80px);padding:70px 24px;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.08),transparent 30%),radial-gradient(circle at 90% 80%,rgba(129,140,248,.08),transparent 30%),#f8fafc;box-sizing:border-box}.contact-container{width:100%;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.contact-info{position:relative}.contact-badge{width:fit-content;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;color:#4338ca;background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;font-size:12px;font-weight:600;margin-bottom:18px}.contact-info h1{margin:0;color:#0f172a;font-size:clamp(34px,4vw,48px);line-height:1.08;letter-spacing:-1.5px;font-weight:700}.contact-info h1 span{display:block;color:#4f46e5}.contact-subtitle{max-width:470px;margin:18px 0 0;color:#64748b;font-size:15px;line-height:1.75}.contact-details{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-detail{min-height:78px;display:flex;align-items:center;gap:13px;padding:14px;background:#ffffffbf;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}.contact-detail:hover{transform:translateY(-3px);background:#fff;border-color:#c7d2fe;box-shadow:0 10px 25px #0f172a12}.contact-icon-box{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px}.email-icon{color:#4f46e5;background:#eef2ff}.phone-icon{color:#0891b2;background:#ecfeff}.location-icon{color:#e11d48;background:#fff1f2}.clock-icon{color:#d97706;background:#fffbeb}.contact-detail>div:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.detail-label{color:#94a3b8;font-size:11px;line-height:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{overflow:hidden;color:#334155;font-size:13px;line-height:19px;white-space:nowrap;text-overflow:ellipsis}.contact-note{margin-top:24px;display:flex;align-items:center;gap:9px;color:#64748b;font-size:12px}.contact-note p{margin:0}.contact-note-dot{width:7px;height:7px;flex-shrink:0;background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px #22c55e1a}.contact-form-wrapper{padding:30px;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 50px #0f172a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.form-heading{margin-bottom:24px}.form-heading>span{color:#0f172a;font-size:20px;line-height:28px;font-weight:650}.form-heading p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:20px}.contact-form{display:flex;flex-direction:column;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group label{display:block;margin-bottom:6px;color:#475569;font-size:12px;line-height:16px;font-weight:600}.form-group input,.form-group textarea{width:100%;box-sizing:border-box;padding:11px 13px;color:#0f172a;background:#fff;border:1px solid #dbe3ee;border-radius:9px;outline:none;font-family:inherit;font-size:13px;line-height:20px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.form-group input{height:42px}.form-group textarea{min-height:115px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#a8b3c2}.form-group input:hover,.form-group textarea:hover{border-color:#cbd5e1}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.contact-submit{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;color:#fff;background:linear-gradient(135deg,#4f46e5,#4338ca);border:none;border-radius:9px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 7px 18px #4f46e533;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.contact-submit:hover{transform:translateY(-2px);background:linear-gradient(135deg,#4338ca,#3730a3);box-shadow:0 11px 24px #4f46e545}.contact-submit:active{transform:translateY(0)}.contact-submit svg{transition:transform .2s ease}.contact-submit:hover svg{transform:translate(4px)}@media (max-width: 900px){.contact-page{padding:55px 22px}.contact-container{grid-template-columns:1fr;max-width:700px;gap:45px}.contact-info h1{font-size:42px}.contact-subtitle{max-width:600px}.contact-details{max-width:650px}}@media (max-width: 640px){.contact-page{min-height:auto;padding:40px 16px}.contact-container{gap:35px}.contact-info h1{font-size:35px;letter-spacing:-1px}.contact-subtitle{margin-top:15px;font-size:14px;line-height:1.7}.contact-details{grid-template-columns:1fr;margin-top:25px;gap:10px}.contact-detail{min-height:70px}.contact-form-wrapper{padding:22px 18px;border-radius:16px}.form-row{grid-template-columns:1fr;gap:17px}}@media (max-width: 400px){.contact-page{padding:32px 13px}.contact-info h1{font-size:31px}.contact-badge{font-size:11px}.contact-form-wrapper{padding:20px 15px}.contact-icon-box{width:37px;height:37px}.detail-value{font-size:12px}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.95fr) minmax(500px,1.05fr);background:#f8fafc;overflow:hidden}.login-brand{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(129,140,248,.25),transparent 28%),radial-gradient(circle at 85% 80%,rgba(99,102,241,.3),transparent 30%),linear-gradient(145deg,#312e81,#4338ca 48%,#4f46e5);color:#fff}.login-brand:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.1);border-radius:50%;top:-250px;right:-180px}.login-brand:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.08);border-radius:50%;bottom:-210px;left:-170px}.login-brand-content{position:relative;z-index:2;width:100%;max-width:470px}.login-logo{width:62px;height:62px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:#ffffff24;box-shadow:0 15px 35px #00000026,inset 0 1px #ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:logoFloat 4s ease-in-out infinite}.login-logo span{font-size:28px;font-weight:800}.brand-badge{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:#ffffff17;color:#e0e7ff;font-size:10px;font-weight:700;letter-spacing:1.5px}.login-brand-content h2{margin:20px 0 0;font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-2px;font-weight:800}.login-brand-content h2 span{color:#c7d2fe}.login-brand-content>p{max-width:430px;margin:22px 0 0;color:#dbeafe;font-size:15px;line-height:1.8}.brand-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.brand-feature{min-height:100px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,background .3s ease}.brand-feature:hover{transform:translateY(-5px);background:#ffffff21}.brand-feature>span{display:block;margin-bottom:15px;color:#a5b4fc;font-size:11px;font-weight:700}.brand-feature strong{display:block;font-size:14px}.brand-feature small{display:block;margin-top:5px;color:#cbd5e1;font-size:10px}.brand-decoration{position:absolute;border-radius:50%;pointer-events:none}.brand-decoration-one{width:90px;height:90px;top:12%;left:8%;border:1px solid rgba(255,255,255,.15);animation:decorationFloat 6s ease-in-out infinite}.brand-decoration-two{width:18px;height:18px;top:25%;right:15%;background:#ffffff4d;animation:decorationFloat 4s ease-in-out infinite reverse}.brand-decoration-three{width:12px;height:12px;bottom:18%;right:20%;background:#a5b4fc;animation:decorationFloat 5s ease-in-out infinite}.login-form-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:50px 70px;background:#fff}.login-form-container{width:100%;max-width:430px}.mobile-logo{display:none}.welcome-label{display:inline-block;color:#4f46e5;font-size:11px;font-weight:800;letter-spacing:1.4px}.login-heading h1{margin:9px 0 0;color:#0f172a;font-size:30px;line-height:1.2;letter-spacing:-.8px;font-weight:750}.login-subtitle{margin:10px 0 0;color:#64748b;font-size:14px;line-height:1.7}.login-form{display:flex;flex-direction:column;gap:19px;margin-top:30px}.form-group{width:100%}.form-group label{display:block;margin-bottom:8px;color:#334155;font-size:13px;font-weight:600}.password-label-row{display:flex;align-items:center;justify-content:space-between}.password-label-row label{margin-bottom:8px}.input-wrapper{position:relative}.input-icon{position:absolute;top:50%;left:14px;z-index:1;color:#94a3b8;transform:translateY(-50%);pointer-events:none;transition:color .2s ease}.input-wrapper input{box-sizing:border-box;width:100%;height:48px;padding:0 44px;border:1px solid #e2e8f0;border-radius:11px;outline:none;background:#fff;color:#0f172a;font-family:inherit;font-size:14px;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.input-wrapper input::placeholder{color:#a1aab8}.input-wrapper input:hover{border-color:#cbd5e1}.input-wrapper input:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f117}.input-wrapper:focus-within .input-icon{color:#4f46e5}.password-toggle{position:absolute;top:50%;right:13px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:7px;background:transparent;color:#94a3b8;cursor:pointer;transform:translateY(-50%);transition:color .2s ease,background .2s ease}.password-toggle:hover{background:#f1f5f9;color:#475569}.forgot-password{color:#4f46e5;font-size:12px;font-weight:600;text-decoration:none}.forgot-password:hover{color:#3730a3;text-decoration:underline}.login-options{display:flex;align-items:center;margin-top:-2px}.remember-me{display:flex;align-items:center;gap:8px;color:#64748b;font-size:12px;cursor:pointer}.remember-me input{width:15px;height:15px;margin:0;accent-color:#4f46e5;cursor:pointer}.login-error{display:flex;align-items:center;gap:10px;margin:-4px 0 0;padding:11px 13px;border:1px solid #fecaca;border-radius:10px;background:#fff7f7;color:#dc2626;font-size:12px;line-height:1.5}.login-error span{flex:0 0 auto;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fee2e2;font-weight:700}.login-error p{margin:0}.sign-in-button{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:2px;border:none;border-radius:11px;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;font-family:inherit;font-size:14px;font-weight:700;box-shadow:0 10px 25px #4f46e538;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.sign-in-button:hover{background:linear-gradient(135deg,#4338ca,#3730a3);box-shadow:0 14px 30px #4f46e547;transform:translateY(-2px)}.sign-in-button:active{transform:translateY(0)}.sign-in-button svg{transition:transform .25s ease}.sign-in-button:hover svg{transform:translate(3px)}.social-divider{display:flex;align-items:center;gap:12px;margin-top:28px;color:#94a3b8;font-size:11px;white-space:nowrap}.divider-line{flex:1;height:1px;background:#e5e7eb}.social-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.social-button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.social-button:hover{border-color:#cbd5e1;background:#f8fafc;box-shadow:0 6px 15px #0f172a0d;transform:translateY(-2px)}.google-icon,.apple-icon,.linkedin-icon{display:flex;align-items:center;justify-content:center;font-weight:800}.google-icon{color:#4285f4;font-size:16px}.apple-icon{color:#111827;font-size:12px}.linkedin-icon{width:18px;height:18px;border-radius:3px;background:#0a66c2;color:#fff;font-size:10px}.signup-text{margin:25px 0 0;text-align:center;color:#64748b;font-size:12px}.signup-link{margin-left:5px;color:#4f46e5;font-weight:700;text-decoration:none}.signup-link:hover{color:#3730a3;text-decoration:underline}.login-footer{margin:28px 0 0;text-align:center;color:#cbd5e1;font-size:10px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes decorationFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(10deg)}}@media (max-width: 1050px){.login-page{grid-template-columns:minmax(360px,.8fr) minmax(440px,1.2fr)}.login-brand,.login-form-section{padding:45px}.login-brand-content h2{font-size:42px}.brand-features{grid-template-columns:1fr;gap:8px}.brand-feature{min-height:auto}}@media (max-width: 850px){.login-page{display:block;min-height:100vh;overflow:visible}.login-brand{min-height:350px;padding:45px 35px}.login-brand-content{max-width:600px}.login-brand-content h2{font-size:44px}.login-brand-content>p{max-width:540px}.brand-features{grid-template-columns:repeat(3,1fr);margin-top:28px}.login-form-section{min-height:auto;padding:55px 35px 60px}}@media (max-width: 640px){.login-brand{min-height:auto;padding:34px 22px 38px}.login-brand-content{text-align:center}.login-logo{width:52px;height:52px;margin:0 auto 17px;border-radius:15px}.login-logo span{font-size:24px}.brand-badge{font-size:9px}.login-brand-content h2{margin-top:16px;font-size:34px;line-height:1.08;letter-spacing:-1.2px}.login-brand-content>p{margin:15px auto 0;font-size:13px;line-height:1.7}.brand-features{display:none}.login-form-section{padding:38px 20px 45px}.login-form-container{max-width:450px}.login-heading h1{font-size:27px}.social-buttons{gap:8px}.social-button{padding:8px 5px}}@media (max-width: 400px){.login-brand{padding:30px 18px 34px}.login-brand-content h2{font-size:30px}.login-form-section{padding:32px 16px 38px}.login-heading h1{font-size:24px}.login-form{margin-top:25px}.social-button span:last-child{display:none}.social-button{gap:0}}@media (prefers-reduced-motion: reduce){.login-logo,.brand-decoration-one,.brand-decoration-two,.brand-decoration-three{animation:none}.brand-feature,.sign-in-button,.social-button{transition:none}}.register-page{min-height:100vh;display:grid;grid-template-columns:48% 52%;position:relative;overflow:hidden;background:#f8fafc;font-family:inherit}.register-decoration{position:absolute;border-radius:50%;pointer-events:none;z-index:1;filter:blur(2px)}.register-decoration-one{width:280px;height:280px;left:-130px;bottom:-120px;background:#818cf82e}.register-decoration-two{width:220px;height:220px;right:-100px;top:-100px;background:#6366f114}.register-decoration-three{width:90px;height:90px;right:42%;bottom:12%;background:#818cf814}.register-left{min-height:100vh;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:60px;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(129,140,248,.45),transparent 32%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.3),transparent 35%),linear-gradient(145deg,#312e81,#4338ca 48%,#4f46e5)}.register-brand-content{width:100%;max-width:480px;animation:registerFadeUp .7s ease both}.register-logo{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:#ffffff21;box-shadow:0 12px 35px #00000026,inset 0 1px #fff3;font-size:25px;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:registerLogoFloat 3s ease-in-out infinite}.register-brand-name{display:block;margin-bottom:22px;color:#e0e7ff;font-size:15px;font-weight:600;letter-spacing:.5px}.register-brand-content h2{margin:0;font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-2px;font-weight:750}.register-brand-content h2 span{color:#c7d2fe}.register-brand-content>p{max-width:420px;margin:24px 0 0;color:#e0e7ff;font-size:16px;line-height:1.75}.register-benefits{margin-top:34px;display:flex;flex-direction:column;gap:14px}.register-benefit{display:flex;align-items:center;gap:12px}.register-benefit span{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff26;color:#fff;font-size:13px;font-weight:700}.register-benefit p{margin:0;color:#eef2ff;font-size:14px}.register-right{min-height:100vh;position:relative;z-index:3;display:flex;align-items:center;justify-content:center;padding:50px 70px;background:#fff}.register-form-container{width:100%;max-width:470px;animation:registerFadeUp .7s .1s ease both}.register-heading h1{margin:0;color:#111827;font-size:30px;line-height:1.2;font-weight:750;letter-spacing:-.8px}.register-heading p{margin:9px 0 0;color:#64748b;font-size:14px;line-height:1.6}.register-mobile-logo{display:none}.register-form{margin-top:30px;display:flex;flex-direction:column;gap:19px}.register-field{display:flex;flex-direction:column;gap:7px}.register-field label{color:#334155;font-size:13px;font-weight:600}.register-input-wrapper{min-height:48px;display:flex;align-items:center;padding:0 14px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;color:#94a3b8;box-shadow:0 2px 5px #0f172a05;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.register-input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a,0 5px 18px #6366f114;transform:translateY(-1px)}.register-input-wrapper input{width:100%;min-width:0;margin-left:10px;border:0;outline:0;background:transparent;color:#0f172a;font-family:inherit;font-size:14px}.register-input-wrapper input::placeholder{color:#a1a1aa}.password-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:4px;border:0;background:transparent;color:#94a3b8;cursor:pointer;transition:color .2s ease}.password-toggle:hover{color:#4f46e5}.register-error{margin:-2px 0 0;padding:11px 13px;border:1px solid #fecaca;border-radius:9px;background:#fef2f2;color:#dc2626;font-size:12px;line-height:1.5;animation:registerShake .35s ease}.register-button{min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:2px;border:0;border-radius:11px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-family:inherit;font-size:14px;font-weight:650;cursor:pointer;box-shadow:0 9px 22px #4f46e538;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.register-button svg{transition:transform .2s ease}.register-button:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 13px 28px #4f46e547}.register-button:hover svg{transform:translate(4px)}.register-button:active{transform:translateY(0)}.register-divider{margin:28px 0 18px;display:flex;align-items:center;gap:13px}.register-divider span{height:1px;flex:1;background:#e5e7eb}.register-divider p{margin:0;color:#94a3b8;font-size:11px;white-space:nowrap}.register-social-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.register-social-buttons button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.register-social-buttons button strong{color:#334155;font-size:13px}.register-social-buttons button:hover{border-color:#c7d2fe;background:#f8faff;transform:translateY(-2px);box-shadow:0 7px 18px #0f172a0f}.register-login-text{margin:25px 0 0;text-align:center;color:#64748b;font-size:13px}.register-login-text a{margin-left:5px;color:#4f46e5;font-weight:700;text-decoration:none;transition:color .2s ease}.register-login-text a:hover{color:#3730a3;text-decoration:underline}.register-terms{max-width:380px;margin:18px auto 0;text-align:center;color:#94a3b8;font-size:10px;line-height:1.6}.register-terms span{color:#64748b}@keyframes registerFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes registerLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes registerShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (max-width: 1050px){.register-page{grid-template-columns:42% 58%}.register-left,.register-right{padding:40px}.register-brand-content h2{font-size:42px}}@media (max-width: 800px){.register-page{display:block;min-height:100vh;overflow-x:hidden;overflow-y:auto;background:#f8fafc}.register-left{min-height:300px;padding:45px 25px;align-items:center}.register-brand-content{max-width:550px}.register-brand-content h2{font-size:40px}.register-brand-content>p{max-width:500px}.register-right{min-height:auto;padding:45px 25px 55px;background:#f8fafc}.register-form-container{max-width:520px;padding:34px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;box-shadow:0 15px 45px #0f172a12}}@media (max-width: 600px){.register-left{min-height:285px;padding:38px 22px}.register-logo{width:50px;height:50px;margin-bottom:15px;border-radius:14px;font-size:22px}.register-brand-name{margin-bottom:16px;font-size:14px}.register-brand-content h2{font-size:34px;line-height:1.1;letter-spacing:-1px}.register-brand-content>p{margin-top:16px;font-size:13px;line-height:1.6}.register-benefits{display:none}.register-right{padding:25px 16px 40px}.register-form-container{padding:27px 20px 25px;border-radius:17px}.register-heading h1{font-size:25px}.register-heading p{font-size:13px}.register-form{margin-top:25px;gap:17px}.register-social-buttons{grid-template-columns:1fr}.register-social-buttons button{min-height:45px}}@media (max-width: 380px){.register-left{min-height:260px;padding:32px 18px}.register-brand-content h2{font-size:30px}.register-right{padding:20px 12px 30px}.register-form-container{padding:24px 16px}.register-heading h1{font-size:23px}.register-input-wrapper{min-height:46px;padding:0 12px}}@media (prefers-reduced-motion: reduce){.register-brand-content,.register-form-container,.register-logo{animation:none}.register-button,.register-social-buttons button,.register-input-wrapper,.password-toggle{transition:none}}.forgot-password-page{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px 20px;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(37,99,235,.16),transparent 32%),radial-gradient(circle at 85% 80%,rgba(124,58,237,.14),transparent 34%),linear-gradient(135deg,#f5f8ff,#eef4ff 48%,#f8f5ff);box-sizing:border-box}.forgot-password-page *,.forgot-password-page *:before,.forgot-password-page *:after{box-sizing:border-box}.forgot-password-bg-shape{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}.forgot-shape-one{top:-150px;left:-120px;width:360px;height:360px;background:#2563eb1f;animation:forgotFloatOne 8s ease-in-out infinite}.forgot-shape-two{right:-140px;bottom:-160px;width:390px;height:390px;background:#7c3aed1c;animation:forgotFloatTwo 9s ease-in-out infinite}@keyframes forgotFloatOne{0%,to{transform:translate(0)}50%{transform:translate(25px,20px)}}@keyframes forgotFloatTwo{0%,to{transform:translate(0)}50%{transform:translate(-20px,-25px)}}.forgot-password-wrapper{position:relative;z-index:2;width:100%;max-width:470px}.forgot-password-card{width:100%;padding:42px 42px 36px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:#ffffffe0;box-shadow:0 30px 70px #1e40af1f,0 8px 30px #0f172a0f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:center;animation:forgotCardEnter .6s ease both}@keyframes forgotCardEnter{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.forgot-password-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 18px;border:1px solid rgba(37,99,235,.12);border-radius:18px;color:#2563eb;background:linear-gradient(135deg,#2563eb1f,#7c3aed1f);box-shadow:0 10px 25px #2563eb1f}.forgot-password-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:6px 11px;border:1px solid rgba(37,99,235,.12);border-radius:999px;color:#2563eb;background:#eff6ffe6;font-size:12px;font-weight:600}.forgot-password-title{margin:0;color:#172554;font-size:30px;line-height:1.2;font-weight:750;letter-spacing:-.7px}.forgot-password-description{max-width:360px;margin:12px auto 0;color:#64748b;font-size:14px;line-height:1.7}.forgot-password-form{margin-top:30px;text-align:left}.forgot-password-field{width:100%}.forgot-password-label{display:block;margin-bottom:8px;color:#334155;font-size:13px;font-weight:650}.forgot-password-input-wrap{display:flex;align-items:center;width:100%;min-height:52px;gap:11px;padding:0 15px;border:1px solid #dbe3f0;border-radius:13px;color:#94a3b8;background:#fff;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.forgot-password-input-wrap:focus-within{border-color:#4f7df3;box-shadow:0 0 0 4px #2563eb17,0 8px 22px #2563eb14;transform:translateY(-1px)}.forgot-password-input{flex:1;width:100%;min-width:0;border:none;outline:none;color:#172554;background:transparent;font-family:inherit;font-size:14px}.forgot-password-input::placeholder{color:#a3afc2}.forgot-password-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;gap:10px;margin-top:18px;border:none;border-radius:13px;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5 55%,#7c3aed);box-shadow:0 12px 24px #2563eb38,inset 0 1px #fff3;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.forgot-password-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px #2563eb47,inset 0 1px #fff3;filter:brightness(1.04)}.forgot-password-button:active{transform:translateY(0)}.forgot-password-arrow{transform:rotate(180deg);transition:transform .25s ease}.forgot-password-button:hover .forgot-password-arrow{transform:rotate(180deg) translate(4px)}.forgot-password-security{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;color:#64748b;font-size:11px;line-height:1.5}.forgot-password-security svg{flex-shrink:0;color:#10b981}.forgot-password-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:23px;color:#4f46e5;font-size:13px;font-weight:650;text-decoration:none;transition:color .2s ease,transform .2s ease}.forgot-password-link:hover{color:#2563eb;transform:translate(-3px)}@media (max-width: 600px){.forgot-password-page{padding:24px 16px}.forgot-password-card{padding:36px 28px 30px;border-radius:21px}.forgot-password-title{font-size:27px}}@media (max-width: 420px){.forgot-password-page{min-height:100svh;padding:18px 13px}.forgot-password-card{padding:30px 20px 26px;border-radius:18px}.forgot-password-icon{width:58px;height:58px;margin-bottom:15px;border-radius:16px}.forgot-password-title{font-size:24px;letter-spacing:-.4px}.forgot-password-description{margin-top:10px;font-size:13px;line-height:1.6}.forgot-password-form{margin-top:24px}.forgot-password-input-wrap,.forgot-password-button{min-height:50px}.forgot-password-security{padding:0 5px;font-size:10px}.forgot-password-bg-shape{opacity:.7}}@media (max-width: 340px){.forgot-password-card{padding:26px 16px 24px}.forgot-password-title{font-size:22px}.forgot-password-description{font-size:12px}}@media (prefers-reduced-motion: reduce){.forgot-password-card,.forgot-password-bg-shape,.forgot-password-button,.forgot-password-link,.forgot-password-input-wrap{animation:none;transition:none}}.not-found-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fff;text-align:center}.not-found-content{display:flex;flex-direction:column;align-items:center}.not-found-code{font-size:4.5rem;line-height:1;font-weight:600;color:#4338ca}.not-found-title{margin-top:1rem;margin-bottom:0;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:#0f172a}.not-found-description{max-width:24rem;margin-top:.25rem;margin-bottom:0;font-size:.875rem;line-height:1.25rem;color:#64748b}.not-found-home-btn{display:inline-block;margin-top:1.5rem;padding:.625rem 1.5rem;border-radius:.5rem;background-color:#4338ca;color:#fff;font-size:.875rem;line-height:1.25rem;font-weight:600;text-decoration:none;transition:background-color .2s ease}.not-found-home-btn:hover{background-color:#3730a3}@media (max-width: 480px){.not-found-page{padding:1.5rem}.not-found-code{font-size:4rem}.not-found-title{font-size:1.125rem;line-height:1.5rem}.not-found-description{max-width:22rem}}:root{--learnify-primary: #4f46e5;--learnify-primary-dark: #3730a3;--learnify-text: #0f172a;--learnify-muted: #64748b;--learnify-border: #e2e8f0;--learnify-surface: #ffffff}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}html{font-family:Inter,Manrope,Plus Jakarta Sans,system-ui,sans-serif;text-rendering:optimizeLegibility}html{scroll-behavior:smooth}body{min-width:320px;overflow-x:hidden}*,:after,:before{--learnify-utility-border-spacing-x: 0;--learnify-utility-border-spacing-y: 0;--learnify-utility-translate-x: 0;--learnify-utility-translate-y: 0;--learnify-utility-rotate: 0;--learnify-utility-skew-x: 0;--learnify-utility-skew-y: 0;--learnify-utility-scale-x: 1;--learnify-utility-scale-y: 1;--learnify-utility-pan-x: ;--learnify-utility-pan-y: ;--learnify-utility-pinch-zoom: ;--learnify-utility-scroll-snap-strictness: proximity;--learnify-utility-gradient-from-position: ;--learnify-utility-gradient-via-position: ;--learnify-utility-gradient-to-position: ;--learnify-utility-ordinal: ;--learnify-utility-slashed-zero: ;--learnify-utility-numeric-figure: ;--learnify-utility-numeric-spacing: ;--learnify-utility-numeric-fraction: ;--learnify-utility-ring-inset: ;--learnify-utility-ring-offset-width: 0px;--learnify-utility-ring-offset-color: #fff;--learnify-utility-ring-color: rgba(59, 130, 246, .5);--learnify-utility-ring-offset-shadow: 0 0 #0000;--learnify-utility-ring-shadow: 0 0 #0000;--learnify-utility-shadow: 0 0 #0000;--learnify-utility-shadow-colored: 0 0 #0000;--learnify-utility-blur: ;--learnify-utility-brightness: ;--learnify-utility-contrast: ;--learnify-utility-grayscale: ;--learnify-utility-hue-rotate: ;--learnify-utility-invert: ;--learnify-utility-saturate: ;--learnify-utility-sepia: ;--learnify-utility-drop-shadow: ;--learnify-utility-backdrop-blur: ;--learnify-utility-backdrop-brightness: ;--learnify-utility-backdrop-contrast: ;--learnify-utility-backdrop-grayscale: ;--learnify-utility-backdrop-hue-rotate: ;--learnify-utility-backdrop-invert: ;--learnify-utility-backdrop-opacity: ;--learnify-utility-backdrop-saturate: ;--learnify-utility-backdrop-sepia: ;--learnify-utility-contain-size: ;--learnify-utility-contain-layout: ;--learnify-utility-contain-paint: ;--learnify-utility-contain-style: }::backdrop{--learnify-utility-border-spacing-x: 0;--learnify-utility-border-spacing-y: 0;--learnify-utility-translate-x: 0;--learnify-utility-translate-y: 0;--learnify-utility-rotate: 0;--learnify-utility-skew-x: 0;--learnify-utility-skew-y: 0;--learnify-utility-scale-x: 1;--learnify-utility-scale-y: 1;--learnify-utility-pan-x: ;--learnify-utility-pan-y: ;--learnify-utility-pinch-zoom: ;--learnify-utility-scroll-snap-strictness: proximity;--learnify-utility-gradient-from-position: ;--learnify-utility-gradient-via-position: ;--learnify-utility-gradient-to-position: ;--learnify-utility-ordinal: ;--learnify-utility-slashed-zero: ;--learnify-utility-numeric-figure: ;--learnify-utility-numeric-spacing: ;--learnify-utility-numeric-fraction: ;--learnify-utility-ring-inset: ;--learnify-utility-ring-offset-width: 0px;--learnify-utility-ring-offset-color: #fff;--learnify-utility-ring-color: rgba(59, 130, 246, .5);--learnify-utility-ring-offset-shadow: 0 0 #0000;--learnify-utility-ring-shadow: 0 0 #0000;--learnify-utility-shadow: 0 0 #0000;--learnify-utility-shadow-colored: 0 0 #0000;--learnify-utility-blur: ;--learnify-utility-brightness: ;--learnify-utility-contrast: ;--learnify-utility-grayscale: ;--learnify-utility-hue-rotate: ;--learnify-utility-invert: ;--learnify-utility-saturate: ;--learnify-utility-sepia: ;--learnify-utility-drop-shadow: ;--learnify-utility-backdrop-blur: ;--learnify-utility-backdrop-brightness: ;--learnify-utility-backdrop-contrast: ;--learnify-utility-backdrop-grayscale: ;--learnify-utility-backdrop-hue-rotate: ;--learnify-utility-backdrop-invert: ;--learnify-utility-backdrop-opacity: ;--learnify-utility-backdrop-saturate: ;--learnify-utility-backdrop-sepia: ;--learnify-utility-contain-size: ;--learnify-utility-contain-layout: ;--learnify-utility-contain-paint: ;--learnify-utility-contain-style: }*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--learnify-utility-content: "" }:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.-bottom-10{bottom:-2.5rem}.-left-10{left:-2.5rem}.-right-0{right:0}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-right-10{right:-2.5rem}.-top-0{top:0}.-top-0\.5{top:-.125rem}.-top-1{top:-.25rem}.-top-10{top:-2.5rem}.-top-3{top:-.75rem}.bottom-0{bottom:0}.bottom-14{bottom:3.5rem}.bottom-24{bottom:6rem}.bottom-3{bottom:.75rem}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-3{left:.75rem}.left-3\.5{left:.875rem}.left-6{left:1.5rem}.left-full{left:100%}.right-0{right:0}.right-1\.5{right:.375rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-11{top:2.75rem}.top-3{top:.75rem}.top-6{top:1.5rem}.top-\[52px\]{top:52px}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[120\]{z-index:120}.z-\[9000\]{z-index:9000}.z-\[90\]{z-index:90}.z-\[9999\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-5{margin-left:1.25rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[21\/9\]{aspect-ratio:21/9}.aspect-video{aspect-ratio:16/9}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-36{height:9rem}.h-4{height:1rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[58px\]{height:58px}.h-\[68px\]{height:68px}.h-\[75vh\]{height:75vh}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:0}.max-h-32{max-height:8rem}.max-h-\[600px\]{max-height:600px}.max-h-\[75vh\]{max-height:75vh}.min-h-0{min-height:0}.min-h-\[240px\]{min-height:240px}.min-h-\[38px\]{min-height:38px}.min-h-\[42px\]{min-height:42px}.min-h-\[48px\]{min-height:48px}.min-h-\[52px\]{min-height:52px}.min-h-\[70vh\]{min-height:70vh}.min-h-\[76px\]{min-height:76px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[220px\]{width:220px}.w-\[230px\]{width:230px}.w-\[30\%\]{width:30%}.w-\[320px\]{width:320px}.w-\[84\%\]{width:84%}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0}.min-w-4{min-width:1rem}.min-w-5{min-width:1.25rem}.min-w-\[155px\]{min-width:155px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[120px\]{max-width:120px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[1500px\]{max-width:1500px}.max-w-\[1800px\]{max-width:1800px}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}.max-w-\[290px\]{max-width:290px}.max-w-\[340px\]{max-width:340px}.max-w-\[78\%\]{max-width:78%}.max-w-\[88\%\]{max-width:88%}.max-w-\[calc\(100\%-110px\)\]{max-width:calc(100% - 110px)}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--learnify-utility-translate-x: -50% }.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--learnify-utility-translate-x),var(--learnify-utility-translate-y)) rotate(var(--learnify-utility-rotate)) skew(var(--learnify-utility-skew-x)) skewY(var(--learnify-utility-skew-y)) scaleX(var(--learnify-utility-scale-x)) scaleY(var(--learnify-utility-scale-y))}.-translate-x-full{--learnify-utility-translate-x: -100% }.-translate-y-1\/2{--learnify-utility-translate-y: -50% }.-translate-y-1\/2,.translate-x-0{transform:translate(var(--learnify-utility-translate-x),var(--learnify-utility-translate-y)) rotate(var(--learnify-utility-rotate)) skew(var(--learnify-utility-skew-x)) skewY(var(--learnify-utility-skew-y)) scaleX(var(--learnify-utility-scale-x)) scaleY(var(--learnify-utility-scale-y))}.translate-x-0{--learnify-utility-translate-x: 0px }.-rotate-90{--learnify-utility-rotate: -90deg }.-rotate-90,.rotate-180{transform:translate(var(--learnify-utility-translate-x),var(--learnify-utility-translate-y)) rotate(var(--learnify-utility-rotate)) skew(var(--learnify-utility-skew-x)) skewY(var(--learnify-utility-skew-y)) scaleX(var(--learnify-utility-scale-x)) scaleY(var(--learnify-utility-scale-y))}.rotate-180{--learnify-utility-rotate: 180deg }@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-not-allowed{cursor:not-allowed}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--learnify-utility-space-y-reverse: 0;margin-top:calc(.125rem*(1 - var(--learnify-utility-space-y-reverse)));margin-bottom:calc(.125rem*var(--learnify-utility-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--learnify-utility-space-y-reverse: 0;margin-top:calc(.25rem*(1 - var(--learnify-utility-space-y-reverse)));margin-bottom:calc(.25rem*var(--learnify-utility-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--learnify-utility-space-y-reverse: 0;margin-top:calc(.5rem*(1 - var(--learnify-utility-space-y-reverse)));margin-bottom:calc(.5rem*var(--learnify-utility-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--learnify-utility-space-y-reverse: 0;margin-top:calc(.625rem*(1 - var(--learnify-utility-space-y-reverse)));margin-bottom:calc(.625rem*var(--learnify-utility-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--learnify-utility-space-y-reverse: 0;margin-top:calc(.75rem*(1 - var(--learnify-utility-space-y-reverse)));margin-bottom:calc(.75rem*var(--learnify-utility-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--learnify-utility-space-y-reverse: 0;margin-top:calc(1rem*(1 - var(--learnify-utility-space-y-reverse)));margin-bottom:calc(1rem*var(--learnify-utility-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--learnify-utility-space-y-reverse: 0;margin-top:calc(1.25rem*(1 - var(--learnify-utility-space-y-reverse)));margin-bottom:calc(1.25rem*var(--learnify-utility-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--learnify-utility-space-y-reverse: 0;margin-top:calc(1.5rem*(1 - var(--learnify-utility-space-y-reverse)));margin-bottom:calc(1.5rem*var(--learnify-utility-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--learnify-utility-space-y-reverse: 0;margin-top:calc(2rem*(1 - var(--learnify-utility-space-y-reverse)));margin-bottom:calc(2rem*var(--learnify-utility-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--learnify-utility-divide-y-reverse: 0;border-top-width:calc(1px*(1 - var(--learnify-utility-divide-y-reverse)));border-bottom-width:calc(1px*var(--learnify-utility-divide-y-reverse))}.divide-slate-100>:not([hidden])~:not([hidden]){--learnify-utility-divide-opacity: 1;border-color:rgb(241 245 249/var(--learnify-utility-divide-opacity, 1))}.divide-slate-200>:not([hidden])~:not([hidden]){--learnify-utility-divide-opacity: 1;border-color:rgb(226 232 240/var(--learnify-utility-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#6D5DFB\]{--learnify-utility-border-opacity: 1;border-color:rgb(109 93 251/var(--learnify-utility-border-opacity, 1))}.border-\[\#E8E7F0\]{--learnify-utility-border-opacity: 1;border-color:rgb(232 231 240/var(--learnify-utility-border-opacity, 1))}.border-\[\#EEEAFB\]{--learnify-utility-border-opacity: 1;border-color:rgb(238 234 251/var(--learnify-utility-border-opacity, 1))}.border-indigo-100{--learnify-utility-border-opacity: 1;border-color:rgb(224 227 252/var(--learnify-utility-border-opacity, 1))}.border-indigo-200{--learnify-utility-border-opacity: 1;border-color:rgb(199 210 254/var(--learnify-utility-border-opacity, 1))}.border-indigo-300{--learnify-utility-border-opacity: 1;border-color:rgb(165 180 252/var(--learnify-utility-border-opacity, 1))}.border-indigo-500{--learnify-utility-border-opacity: 1;border-color:rgb(99 102 241/var(--learnify-utility-border-opacity, 1))}.border-indigo-600{--learnify-utility-border-opacity: 1;border-color:rgb(79 70 229/var(--learnify-utility-border-opacity, 1))}.border-red-100{--learnify-utility-border-opacity: 1;border-color:rgb(254 226 226/var(--learnify-utility-border-opacity, 1))}.border-rose-200{--learnify-utility-border-opacity: 1;border-color:rgb(254 205 211/var(--learnify-utility-border-opacity, 1))}.border-rose-300{--learnify-utility-border-opacity: 1;border-color:rgb(253 164 175/var(--learnify-utility-border-opacity, 1))}.border-slate-100{--learnify-utility-border-opacity: 1;border-color:rgb(241 245 249/var(--learnify-utility-border-opacity, 1))}.border-slate-200{--learnify-utility-border-opacity: 1;border-color:rgb(226 232 240/var(--learnify-utility-border-opacity, 1))}.border-slate-200\/70{border-color:#e2e8f0b3}.border-slate-200\/80{border-color:#e2e8f0cc}.border-slate-300{--learnify-utility-border-opacity: 1;border-color:rgb(203 213 225/var(--learnify-utility-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--learnify-utility-border-opacity: 1;border-color:rgb(255 255 255/var(--learnify-utility-border-opacity, 1))}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.bg-\[\#6D5DFB\]{--learnify-utility-bg-opacity: 1;background-color:rgb(109 93 251/var(--learnify-utility-bg-opacity, 1))}.bg-\[\#6D5DFB\]\/20{background-color:#6d5dfb33}.bg-\[\#EDE9FE\]{--learnify-utility-bg-opacity: 1;background-color:rgb(237 233 254/var(--learnify-utility-bg-opacity, 1))}.bg-\[\#F3F0FF\]{--learnify-utility-bg-opacity: 1;background-color:rgb(243 240 255/var(--learnify-utility-bg-opacity, 1))}.bg-\[\#F8F7FF\]{--learnify-utility-bg-opacity: 1;background-color:rgb(248 247 255/var(--learnify-utility-bg-opacity, 1))}.bg-\[\#F8F9FC\]{--learnify-utility-bg-opacity: 1;background-color:rgb(248 249 252/var(--learnify-utility-bg-opacity, 1))}.bg-\[\#FAFAFD\]{--learnify-utility-bg-opacity: 1;background-color:rgb(250 250 253/var(--learnify-utility-bg-opacity, 1))}.bg-amber-100{--learnify-utility-bg-opacity: 1;background-color:rgb(254 243 199/var(--learnify-utility-bg-opacity, 1))}.bg-amber-50{--learnify-utility-bg-opacity: 1;background-color:rgb(255 251 235/var(--learnify-utility-bg-opacity, 1))}.bg-amber-500{--learnify-utility-bg-opacity: 1;background-color:rgb(245 158 11/var(--learnify-utility-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-blue-100{--learnify-utility-bg-opacity: 1;background-color:rgb(219 234 254/var(--learnify-utility-bg-opacity, 1))}.bg-blue-50{--learnify-utility-bg-opacity: 1;background-color:rgb(239 246 255/var(--learnify-utility-bg-opacity, 1))}.bg-cyan-100{--learnify-utility-bg-opacity: 1;background-color:rgb(207 250 254/var(--learnify-utility-bg-opacity, 1))}.bg-emerald-100{--learnify-utility-bg-opacity: 1;background-color:rgb(209 250 229/var(--learnify-utility-bg-opacity, 1))}.bg-emerald-400{--learnify-utility-bg-opacity: 1;background-color:rgb(52 211 153/var(--learnify-utility-bg-opacity, 1))}.bg-emerald-50{--learnify-utility-bg-opacity: 1;background-color:rgb(236 253 245/var(--learnify-utility-bg-opacity, 1))}.bg-emerald-500{--learnify-utility-bg-opacity: 1;background-color:rgb(16 185 129/var(--learnify-utility-bg-opacity, 1))}.bg-green-100{--learnify-utility-bg-opacity: 1;background-color:rgb(220 252 231/var(--learnify-utility-bg-opacity, 1))}.bg-indigo-100{--learnify-utility-bg-opacity: 1;background-color:rgb(224 227 252/var(--learnify-utility-bg-opacity, 1))}.bg-indigo-200{--learnify-utility-bg-opacity: 1;background-color:rgb(199 210 254/var(--learnify-utility-bg-opacity, 1))}.bg-indigo-50{--learnify-utility-bg-opacity: 1;background-color:rgb(238 240 254/var(--learnify-utility-bg-opacity, 1))}.bg-indigo-50\/40{background-color:#eef0fe66}.bg-indigo-50\/50{background-color:#eef0fe80}.bg-indigo-500{--learnify-utility-bg-opacity: 1;background-color:rgb(99 102 241/var(--learnify-utility-bg-opacity, 1))}.bg-indigo-600{--learnify-utility-bg-opacity: 1;background-color:rgb(79 70 229/var(--learnify-utility-bg-opacity, 1))}.bg-indigo-700{--learnify-utility-bg-opacity: 1;background-color:rgb(67 56 202/var(--learnify-utility-bg-opacity, 1))}.bg-indigo-800{--learnify-utility-bg-opacity: 1;background-color:rgb(55 48 163/var(--learnify-utility-bg-opacity, 1))}.bg-orange-100{--learnify-utility-bg-opacity: 1;background-color:rgb(255 237 213/var(--learnify-utility-bg-opacity, 1))}.bg-orange-50{--learnify-utility-bg-opacity: 1;background-color:rgb(255 247 237/var(--learnify-utility-bg-opacity, 1))}.bg-pink-100{--learnify-utility-bg-opacity: 1;background-color:rgb(252 231 243/var(--learnify-utility-bg-opacity, 1))}.bg-pink-50{--learnify-utility-bg-opacity: 1;background-color:rgb(253 242 248/var(--learnify-utility-bg-opacity, 1))}.bg-purple-100{--learnify-utility-bg-opacity: 1;background-color:rgb(243 232 255/var(--learnify-utility-bg-opacity, 1))}.bg-red-100{--learnify-utility-bg-opacity: 1;background-color:rgb(254 226 226/var(--learnify-utility-bg-opacity, 1))}.bg-red-50{--learnify-utility-bg-opacity: 1;background-color:rgb(254 242 242/var(--learnify-utility-bg-opacity, 1))}.bg-red-500{--learnify-utility-bg-opacity: 1;background-color:rgb(239 68 68/var(--learnify-utility-bg-opacity, 1))}.bg-red-600{--learnify-utility-bg-opacity: 1;background-color:rgb(220 38 38/var(--learnify-utility-bg-opacity, 1))}.bg-rose-100{--learnify-utility-bg-opacity: 1;background-color:rgb(255 228 230/var(--learnify-utility-bg-opacity, 1))}.bg-rose-50{--learnify-utility-bg-opacity: 1;background-color:rgb(255 241 242/var(--learnify-utility-bg-opacity, 1))}.bg-rose-500{--learnify-utility-bg-opacity: 1;background-color:rgb(244 63 94/var(--learnify-utility-bg-opacity, 1))}.bg-rose-600{--learnify-utility-bg-opacity: 1;background-color:rgb(225 29 72/var(--learnify-utility-bg-opacity, 1))}.bg-sky-100{--learnify-utility-bg-opacity: 1;background-color:rgb(224 242 254/var(--learnify-utility-bg-opacity, 1))}.bg-sky-50{--learnify-utility-bg-opacity: 1;background-color:rgb(240 249 255/var(--learnify-utility-bg-opacity, 1))}.bg-sky-500{--learnify-utility-bg-opacity: 1;background-color:rgb(14 165 233/var(--learnify-utility-bg-opacity, 1))}.bg-sky-600{--learnify-utility-bg-opacity: 1;background-color:rgb(2 132 199/var(--learnify-utility-bg-opacity, 1))}.bg-slate-100{--learnify-utility-bg-opacity: 1;background-color:rgb(241 245 249/var(--learnify-utility-bg-opacity, 1))}.bg-slate-200{--learnify-utility-bg-opacity: 1;background-color:rgb(226 232 240/var(--learnify-utility-bg-opacity, 1))}.bg-slate-300{--learnify-utility-bg-opacity: 1;background-color:rgb(203 213 225/var(--learnify-utility-bg-opacity, 1))}.bg-slate-400{--learnify-utility-bg-opacity: 1;background-color:rgb(148 163 184/var(--learnify-utility-bg-opacity, 1))}.bg-slate-50{--learnify-utility-bg-opacity: 1;background-color:rgb(248 250 252/var(--learnify-utility-bg-opacity, 1))}.bg-slate-50\/40{background-color:#f8fafc66}.bg-slate-700{--learnify-utility-bg-opacity: 1;background-color:rgb(51 65 85/var(--learnify-utility-bg-opacity, 1))}.bg-slate-800{--learnify-utility-bg-opacity: 1;background-color:rgb(30 41 59/var(--learnify-utility-bg-opacity, 1))}.bg-slate-900{--learnify-utility-bg-opacity: 1;background-color:rgb(15 23 42/var(--learnify-utility-bg-opacity, 1))}.bg-slate-900\/40{background-color:#0f172a66}.bg-slate-900\/80{background-color:#0f172acc}.bg-slate-950{--learnify-utility-bg-opacity: 1;background-color:rgb(2 6 23/var(--learnify-utility-bg-opacity, 1))}.bg-slate-950\/50{background-color:#02061780}.bg-transparent{background-color:transparent}.bg-violet-100{--learnify-utility-bg-opacity: 1;background-color:rgb(237 233 254/var(--learnify-utility-bg-opacity, 1))}.bg-violet-300\/20{background-color:#c4b5fd33}.bg-violet-50{--learnify-utility-bg-opacity: 1;background-color:rgb(245 243 255/var(--learnify-utility-bg-opacity, 1))}.bg-violet-500{--learnify-utility-bg-opacity: 1;background-color:rgb(139 92 246/var(--learnify-utility-bg-opacity, 1))}.bg-violet-600{--learnify-utility-bg-opacity: 1;background-color:rgb(124 58 237/var(--learnify-utility-bg-opacity, 1))}.bg-white{--learnify-utility-bg-opacity: 1;background-color:rgb(255 255 255/var(--learnify-utility-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/80{background-color:#fffc}.bg-white\/95{background-color:#fffffff2}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--learnify-utility-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--learnify-utility-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--learnify-utility-gradient-stops))}.from-\[\#7C6CFF\]{--learnify-utility-gradient-from: #7c6cff var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(124, 108, 255, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-\[\#F3F0FF\]{--learnify-utility-gradient-from: #f3f0ff var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(243, 240, 255, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-black\/75{--learnify-utility-gradient-from: rgba(0, 0, 0, .75) var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: transparent var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-black\/80{--learnify-utility-gradient-from: rgba(0, 0, 0, .8) var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: transparent var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-black\/90{--learnify-utility-gradient-from: rgba(0, 0, 0, .9) var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: transparent var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-cyan-900\/70{--learnify-utility-gradient-from: rgba(22, 78, 99, .7) var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(22, 78, 99, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-emerald-900\/70{--learnify-utility-gradient-from: rgba(6, 78, 59, .7) var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(6, 78, 59, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-fuchsia-900\/70{--learnify-utility-gradient-from: rgba(112, 26, 117, .7) var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(112, 26, 117, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-indigo-50{--learnify-utility-gradient-from: #eef0fe var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(238, 240, 254, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-indigo-50\/30{--learnify-utility-gradient-from: rgba(238, 240, 254, .3) var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(238, 240, 254, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-indigo-600{--learnify-utility-gradient-from: #4f46e5 var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(79, 70, 229, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-indigo-700{--learnify-utility-gradient-from: #4338ca var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(67, 56, 202, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-indigo-900\/80{--learnify-utility-gradient-from: rgba(49, 46, 129, .8) var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(49, 46, 129, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-orange-900\/70{--learnify-utility-gradient-from: rgba(124, 45, 18, .7) var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(124, 45, 18, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-slate-900{--learnify-utility-gradient-from: #0f172a var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(15, 23, 42, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-slate-900\/70{--learnify-utility-gradient-from: rgba(15, 23, 42, .7) var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(15, 23, 42, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-teal-900\/70{--learnify-utility-gradient-from: rgba(19, 78, 74, .7) var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(19, 78, 74, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.from-violet-900\/70{--learnify-utility-gradient-from: rgba(76, 29, 149, .7) var(--learnify-utility-gradient-from-position);--learnify-utility-gradient-to: rgba(76, 29, 149, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), var(--learnify-utility-gradient-to) }.via-black\/30{--learnify-utility-gradient-to: transparent var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), rgba(0, 0, 0, .3) var(--learnify-utility-gradient-via-position), var(--learnify-utility-gradient-to) }.via-black\/40{--learnify-utility-gradient-to: transparent var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), rgba(0, 0, 0, .4) var(--learnify-utility-gradient-via-position), var(--learnify-utility-gradient-to) }.via-cyan-900\/10{--learnify-utility-gradient-to: rgba(22, 78, 99, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), rgba(22, 78, 99, .1) var(--learnify-utility-gradient-via-position), var(--learnify-utility-gradient-to) }.via-emerald-900\/10{--learnify-utility-gradient-to: rgba(6, 78, 59, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), rgba(6, 78, 59, .1) var(--learnify-utility-gradient-via-position), var(--learnify-utility-gradient-to) }.via-fuchsia-900\/10{--learnify-utility-gradient-to: rgba(112, 26, 117, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), rgba(112, 26, 117, .1) var(--learnify-utility-gradient-via-position), var(--learnify-utility-gradient-to) }.via-indigo-600{--learnify-utility-gradient-to: rgba(79, 70, 229, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), #4f46e5 var(--learnify-utility-gradient-via-position), var(--learnify-utility-gradient-to) }.via-indigo-900\/10{--learnify-utility-gradient-to: rgba(49, 46, 129, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), rgba(49, 46, 129, .1) var(--learnify-utility-gradient-via-position), var(--learnify-utility-gradient-to) }.via-indigo-950{--learnify-utility-gradient-to: rgba(30, 27, 75, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), #1e1b4b var(--learnify-utility-gradient-via-position), var(--learnify-utility-gradient-to) }.via-orange-900\/10{--learnify-utility-gradient-to: rgba(124, 45, 18, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), rgba(124, 45, 18, .1) var(--learnify-utility-gradient-via-position), var(--learnify-utility-gradient-to) }.via-slate-900\/10{--learnify-utility-gradient-to: rgba(15, 23, 42, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), rgba(15, 23, 42, .1) var(--learnify-utility-gradient-via-position), var(--learnify-utility-gradient-to) }.via-teal-900\/10{--learnify-utility-gradient-to: rgba(19, 78, 74, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), rgba(19, 78, 74, .1) var(--learnify-utility-gradient-via-position), var(--learnify-utility-gradient-to) }.via-violet-900\/10{--learnify-utility-gradient-to: rgba(76, 29, 149, 0) var(--learnify-utility-gradient-to-position);--learnify-utility-gradient-stops: var(--learnify-utility-gradient-from), rgba(76, 29, 149, .1) var(--learnify-utility-gradient-via-position), var(--learnify-utility-gradient-to) }.to-\[\#5145CD\]{--learnify-utility-gradient-to: #5145cd var(--learnify-utility-gradient-to-position) }.to-\[\#EDE9FE\]{--learnify-utility-gradient-to: #ede9fe var(--learnify-utility-gradient-to-position) }.to-purple-950{--learnify-utility-gradient-to: #3b0764 var(--learnify-utility-gradient-to-position) }.to-transparent{--learnify-utility-gradient-to: transparent var(--learnify-utility-gradient-to-position) }.to-violet-50{--learnify-utility-gradient-to: #f5f3ff var(--learnify-utility-gradient-to-position) }.to-violet-600{--learnify-utility-gradient-to: #7c3aed var(--learnify-utility-gradient-to-position) }.to-white{--learnify-utility-gradient-to: #fff var(--learnify-utility-gradient-to-position) }.fill-amber-400{fill:#fbbf24}.fill-current{fill:currentColor}.fill-emerald-400{fill:#34d399}.fill-rose-500{fill:#f43f5e}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pr-4{padding-right:1rem}.pr-9{padding-right:2.25rem}.pt-0\.5{padding-top:.125rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-\[68px\]{padding-top:68px}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-7xl{font-size:4.5rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.4\]{line-height:1.4}.leading-\[1\.55\]{line-height:1.55}.leading-\[1\.5\]{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#6D5DFB\]{--learnify-utility-text-opacity: 1;color:rgb(109 93 251/var(--learnify-utility-text-opacity, 1))}.text-amber-400{--learnify-utility-text-opacity: 1;color:rgb(251 191 36/var(--learnify-utility-text-opacity, 1))}.text-amber-500{--learnify-utility-text-opacity: 1;color:rgb(245 158 11/var(--learnify-utility-text-opacity, 1))}.text-amber-600{--learnify-utility-text-opacity: 1;color:rgb(217 119 6/var(--learnify-utility-text-opacity, 1))}.text-blue-600{--learnify-utility-text-opacity: 1;color:rgb(37 99 235/var(--learnify-utility-text-opacity, 1))}.text-emerald-400{--learnify-utility-text-opacity: 1;color:rgb(52 211 153/var(--learnify-utility-text-opacity, 1))}.text-emerald-500{--learnify-utility-text-opacity: 1;color:rgb(16 185 129/var(--learnify-utility-text-opacity, 1))}.text-emerald-600{--learnify-utility-text-opacity: 1;color:rgb(5 150 105/var(--learnify-utility-text-opacity, 1))}.text-green-500{--learnify-utility-text-opacity: 1;color:rgb(34 197 94/var(--learnify-utility-text-opacity, 1))}.text-green-600{--learnify-utility-text-opacity: 1;color:rgb(22 163 74/var(--learnify-utility-text-opacity, 1))}.text-indigo-100{--learnify-utility-text-opacity: 1;color:rgb(224 227 252/var(--learnify-utility-text-opacity, 1))}.text-indigo-200{--learnify-utility-text-opacity: 1;color:rgb(199 210 254/var(--learnify-utility-text-opacity, 1))}.text-indigo-300{--learnify-utility-text-opacity: 1;color:rgb(165 180 252/var(--learnify-utility-text-opacity, 1))}.text-indigo-400{--learnify-utility-text-opacity: 1;color:rgb(129 140 248/var(--learnify-utility-text-opacity, 1))}.text-indigo-50{--learnify-utility-text-opacity: 1;color:rgb(238 240 254/var(--learnify-utility-text-opacity, 1))}.text-indigo-500{--learnify-utility-text-opacity: 1;color:rgb(99 102 241/var(--learnify-utility-text-opacity, 1))}.text-indigo-600{--learnify-utility-text-opacity: 1;color:rgb(79 70 229/var(--learnify-utility-text-opacity, 1))}.text-indigo-700{--learnify-utility-text-opacity: 1;color:rgb(67 56 202/var(--learnify-utility-text-opacity, 1))}.text-orange-600{--learnify-utility-text-opacity: 1;color:rgb(234 88 12/var(--learnify-utility-text-opacity, 1))}.text-pink-600{--learnify-utility-text-opacity: 1;color:rgb(219 39 119/var(--learnify-utility-text-opacity, 1))}.text-purple-600{--learnify-utility-text-opacity: 1;color:rgb(147 51 234/var(--learnify-utility-text-opacity, 1))}.text-red-500{--learnify-utility-text-opacity: 1;color:rgb(239 68 68/var(--learnify-utility-text-opacity, 1))}.text-red-600{--learnify-utility-text-opacity: 1;color:rgb(220 38 38/var(--learnify-utility-text-opacity, 1))}.text-rose-400{--learnify-utility-text-opacity: 1;color:rgb(251 113 133/var(--learnify-utility-text-opacity, 1))}.text-rose-500{--learnify-utility-text-opacity: 1;color:rgb(244 63 94/var(--learnify-utility-text-opacity, 1))}.text-rose-600{--learnify-utility-text-opacity: 1;color:rgb(225 29 72/var(--learnify-utility-text-opacity, 1))}.text-rose-700{--learnify-utility-text-opacity: 1;color:rgb(190 18 60/var(--learnify-utility-text-opacity, 1))}.text-sky-600{--learnify-utility-text-opacity: 1;color:rgb(2 132 199/var(--learnify-utility-text-opacity, 1))}.text-sky-700{--learnify-utility-text-opacity: 1;color:rgb(3 105 161/var(--learnify-utility-text-opacity, 1))}.text-slate-300{--learnify-utility-text-opacity: 1;color:rgb(203 213 225/var(--learnify-utility-text-opacity, 1))}.text-slate-400{--learnify-utility-text-opacity: 1;color:rgb(148 163 184/var(--learnify-utility-text-opacity, 1))}.text-slate-500{--learnify-utility-text-opacity: 1;color:rgb(100 116 139/var(--learnify-utility-text-opacity, 1))}.text-slate-600{--learnify-utility-text-opacity: 1;color:rgb(71 85 105/var(--learnify-utility-text-opacity, 1))}.text-slate-700{--learnify-utility-text-opacity: 1;color:rgb(51 65 85/var(--learnify-utility-text-opacity, 1))}.text-slate-800{--learnify-utility-text-opacity: 1;color:rgb(30 41 59/var(--learnify-utility-text-opacity, 1))}.text-slate-900{--learnify-utility-text-opacity: 1;color:rgb(15 23 42/var(--learnify-utility-text-opacity, 1))}.text-violet-600{--learnify-utility-text-opacity: 1;color:rgb(124 58 237/var(--learnify-utility-text-opacity, 1))}.text-violet-700{--learnify-utility-text-opacity: 1;color:rgb(109 40 217/var(--learnify-utility-text-opacity, 1))}.text-white{--learnify-utility-text-opacity: 1;color:rgb(255 255 255/var(--learnify-utility-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-yellow-400{--learnify-utility-text-opacity: 1;color:rgb(250 204 21/var(--learnify-utility-text-opacity, 1))}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--learnify-utility-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--learnify-utility-shadow-colored: 0 1px 3px 0 var(--learnify-utility-shadow-color), 0 1px 2px -1px var(--learnify-utility-shadow-color) }.shadow,.shadow-2xl{box-shadow:var(--learnify-utility-ring-offset-shadow, 0 0 #0000),var(--learnify-utility-ring-shadow, 0 0 #0000),var(--learnify-utility-shadow)}.shadow-2xl{--learnify-utility-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--learnify-utility-shadow-colored: 0 25px 50px -12px var(--learnify-utility-shadow-color) }.shadow-\[0_10px_40px_rgba\(79\,70\,229\,0\.07\)\]{--learnify-utility-shadow: 0 10px 40px rgba(79, 70, 229, .07);--learnify-utility-shadow-colored: 0 10px 40px var(--learnify-utility-shadow-color);box-shadow:var(--learnify-utility-ring-offset-shadow, 0 0 #0000),var(--learnify-utility-ring-shadow, 0 0 #0000),var(--learnify-utility-shadow)}.shadow-\[0_15px_45px_rgba\(15\,23\,42\,0\.15\)\]{--learnify-utility-shadow: 0 15px 45px rgba(15, 23, 42, .15);--learnify-utility-shadow-colored: 0 15px 45px var(--learnify-utility-shadow-color);box-shadow:var(--learnify-utility-ring-offset-shadow, 0 0 #0000),var(--learnify-utility-ring-shadow, 0 0 #0000),var(--learnify-utility-shadow)}.shadow-\[0_15px_50px_rgba\(109\,93\,251\,0\.45\)\]{--learnify-utility-shadow: 0 15px 50px rgba(109, 93, 251, .45);--learnify-utility-shadow-colored: 0 15px 50px var(--learnify-utility-shadow-color);box-shadow:var(--learnify-utility-ring-offset-shadow, 0 0 #0000),var(--learnify-utility-ring-shadow, 0 0 #0000),var(--learnify-utility-shadow)}.shadow-\[0_5px_25px_rgba\(79\,70\,229\,0\.05\)\]{--learnify-utility-shadow: 0 5px 25px rgba(79, 70, 229, .05);--learnify-utility-shadow-colored: 0 5px 25px var(--learnify-utility-shadow-color);box-shadow:var(--learnify-utility-ring-offset-shadow, 0 0 #0000),var(--learnify-utility-ring-shadow, 0 0 #0000),var(--learnify-utility-shadow)}.shadow-\[0_8px_30px_rgba\(79\,70\,229\,0\.12\)\]{--learnify-utility-shadow: 0 8px 30px rgba(79, 70, 229, .12);--learnify-utility-shadow-colored: 0 8px 30px var(--learnify-utility-shadow-color) }.shadow-\[0_8px_30px_rgba\(79\,70\,229\,0\.12\)\],.shadow-lg{box-shadow:var(--learnify-utility-ring-offset-shadow, 0 0 #0000),var(--learnify-utility-ring-shadow, 0 0 #0000),var(--learnify-utility-shadow)}.shadow-lg{--learnify-utility-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--learnify-utility-shadow-colored: 0 10px 15px -3px var(--learnify-utility-shadow-color), 0 4px 6px -4px var(--learnify-utility-shadow-color) }.shadow-md{--learnify-utility-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--learnify-utility-shadow-colored: 0 4px 6px -1px var(--learnify-utility-shadow-color), 0 2px 4px -2px var(--learnify-utility-shadow-color) }.shadow-md,.shadow-sm{box-shadow:var(--learnify-utility-ring-offset-shadow, 0 0 #0000),var(--learnify-utility-ring-shadow, 0 0 #0000),var(--learnify-utility-shadow)}.shadow-sm{--learnify-utility-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--learnify-utility-shadow-colored: 0 1px 2px 0 var(--learnify-utility-shadow-color) }.shadow-xl{--learnify-utility-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--learnify-utility-shadow-colored: 0 20px 25px -5px var(--learnify-utility-shadow-color), 0 8px 10px -6px var(--learnify-utility-shadow-color);box-shadow:var(--learnify-utility-ring-offset-shadow, 0 0 #0000),var(--learnify-utility-ring-shadow, 0 0 #0000),var(--learnify-utility-shadow)}.shadow-indigo-100{--learnify-utility-shadow-color: #e0e3fc;--learnify-utility-shadow: var(--learnify-utility-shadow-colored) }.shadow-indigo-200{--learnify-utility-shadow-color: #c7d2fe;--learnify-utility-shadow: var(--learnify-utility-shadow-colored) }.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-2{--learnify-utility-ring-offset-shadow: var(--learnify-utility-ring-inset) 0 0 0 var(--learnify-utility-ring-offset-width) var(--learnify-utility-ring-offset-color);--learnify-utility-ring-shadow: var(--learnify-utility-ring-inset) 0 0 0 calc(2px + var(--learnify-utility-ring-offset-width)) var(--learnify-utility-ring-color) }.ring-2,.ring-4{box-shadow:var(--learnify-utility-ring-offset-shadow),var(--learnify-utility-ring-shadow),var(--learnify-utility-shadow, 0 0 #0000)}.ring-4{--learnify-utility-ring-offset-shadow: var(--learnify-utility-ring-inset) 0 0 0 var(--learnify-utility-ring-offset-width) var(--learnify-utility-ring-offset-color);--learnify-utility-ring-shadow: var(--learnify-utility-ring-inset) 0 0 0 calc(4px + var(--learnify-utility-ring-offset-width)) var(--learnify-utility-ring-color) }.ring-white{--learnify-utility-ring-opacity: 1;--learnify-utility-ring-color: rgb(255 255 255/var(--learnify-utility-ring-opacity, 1)) }.ring-white\/10{--learnify-utility-ring-color: hsla(0, 0%, 100%, .1) }.blur-2xl{--learnify-utility-blur: blur(40px) }.blur-2xl,.blur-3xl{filter:var(--learnify-utility-blur) var(--learnify-utility-brightness) var(--learnify-utility-contrast) var(--learnify-utility-grayscale) var(--learnify-utility-hue-rotate) var(--learnify-utility-invert) var(--learnify-utility-saturate) var(--learnify-utility-sepia) var(--learnify-utility-drop-shadow)}.blur-3xl{--learnify-utility-blur: blur(64px) }.drop-shadow-lg{--learnify-utility-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, .04)) drop-shadow(0 4px 3px rgba(0, 0, 0, .1)) }.drop-shadow-lg,.filter{filter:var(--learnify-utility-blur) var(--learnify-utility-brightness) var(--learnify-utility-contrast) var(--learnify-utility-grayscale) var(--learnify-utility-hue-rotate) var(--learnify-utility-invert) var(--learnify-utility-saturate) var(--learnify-utility-sepia) var(--learnify-utility-drop-shadow)}.backdrop-blur{--learnify-utility-backdrop-blur: blur(8px) }.backdrop-blur,.backdrop-blur-\[2px\]{-webkit-backdrop-filter:var(--learnify-utility-backdrop-blur) var(--learnify-utility-backdrop-brightness) var(--learnify-utility-backdrop-contrast) var(--learnify-utility-backdrop-grayscale) var(--learnify-utility-backdrop-hue-rotate) var(--learnify-utility-backdrop-invert) var(--learnify-utility-backdrop-opacity) var(--learnify-utility-backdrop-saturate) var(--learnify-utility-backdrop-sepia);backdrop-filter:var(--learnify-utility-backdrop-blur) var(--learnify-utility-backdrop-brightness) var(--learnify-utility-backdrop-contrast) var(--learnify-utility-backdrop-grayscale) var(--learnify-utility-backdrop-hue-rotate) var(--learnify-utility-backdrop-invert) var(--learnify-utility-backdrop-opacity) var(--learnify-utility-backdrop-saturate) var(--learnify-utility-backdrop-sepia)}.backdrop-blur-\[2px\]{--learnify-utility-backdrop-blur: blur(2px) }.backdrop-blur-md{--learnify-utility-backdrop-blur: blur(12px) }.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--learnify-utility-backdrop-blur) var(--learnify-utility-backdrop-brightness) var(--learnify-utility-backdrop-contrast) var(--learnify-utility-backdrop-grayscale) var(--learnify-utility-backdrop-hue-rotate) var(--learnify-utility-backdrop-invert) var(--learnify-utility-backdrop-opacity) var(--learnify-utility-backdrop-saturate) var(--learnify-utility-backdrop-sepia);backdrop-filter:var(--learnify-utility-backdrop-blur) var(--learnify-utility-backdrop-brightness) var(--learnify-utility-backdrop-contrast) var(--learnify-utility-backdrop-grayscale) var(--learnify-utility-backdrop-hue-rotate) var(--learnify-utility-backdrop-invert) var(--learnify-utility-backdrop-opacity) var(--learnify-utility-backdrop-saturate) var(--learnify-utility-backdrop-sepia)}.backdrop-blur-sm{--learnify-utility-backdrop-blur: blur(4px) }.backdrop-blur-xl{--learnify-utility-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--learnify-utility-backdrop-blur) var(--learnify-utility-backdrop-brightness) var(--learnify-utility-backdrop-contrast) var(--learnify-utility-backdrop-grayscale) var(--learnify-utility-backdrop-hue-rotate) var(--learnify-utility-backdrop-invert) var(--learnify-utility-backdrop-opacity) var(--learnify-utility-backdrop-saturate) var(--learnify-utility-backdrop-sepia);backdrop-filter:var(--learnify-utility-backdrop-blur) var(--learnify-utility-backdrop-brightness) var(--learnify-utility-backdrop-contrast) var(--learnify-utility-backdrop-grayscale) var(--learnify-utility-backdrop-hue-rotate) var(--learnify-utility-backdrop-invert) var(--learnify-utility-backdrop-opacity) var(--learnify-utility-backdrop-saturate) var(--learnify-utility-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:text-slate-400::-moz-placeholder{--learnify-utility-text-opacity: 1;color:rgb(148 163 184/var(--learnify-utility-text-opacity, 1))}.placeholder\:text-slate-400::placeholder{--learnify-utility-text-opacity: 1;color:rgb(148 163 184/var(--learnify-utility-text-opacity, 1))}.last\:border-b-0:last-child{border-bottom-width:0}.focus-within\:border-\[\#6D5DFB\]:focus-within{--learnify-utility-border-opacity: 1;border-color:rgb(109 93 251/var(--learnify-utility-border-opacity, 1))}.focus-within\:border-indigo-300:focus-within{--learnify-utility-border-opacity: 1;border-color:rgb(165 180 252/var(--learnify-utility-border-opacity, 1))}.focus-within\:border-indigo-400:focus-within{--learnify-utility-border-opacity: 1;border-color:rgb(129 140 248/var(--learnify-utility-border-opacity, 1))}.focus-within\:bg-white:focus-within{--learnify-utility-bg-opacity: 1;background-color:rgb(255 255 255/var(--learnify-utility-bg-opacity, 1))}.focus-within\:ring-2:focus-within{--learnify-utility-ring-offset-shadow: var(--learnify-utility-ring-inset) 0 0 0 var(--learnify-utility-ring-offset-width) var(--learnify-utility-ring-offset-color);--learnify-utility-ring-shadow: var(--learnify-utility-ring-inset) 0 0 0 calc(2px + var(--learnify-utility-ring-offset-width)) var(--learnify-utility-ring-color);box-shadow:var(--learnify-utility-ring-offset-shadow),var(--learnify-utility-ring-shadow),var(--learnify-utility-shadow, 0 0 #0000)}.focus-within\:ring-4:focus-within{--learnify-utility-ring-offset-shadow: var(--learnify-utility-ring-inset) 0 0 0 var(--learnify-utility-ring-offset-width) var(--learnify-utility-ring-offset-color);--learnify-utility-ring-shadow: var(--learnify-utility-ring-inset) 0 0 0 calc(4px + var(--learnify-utility-ring-offset-width)) var(--learnify-utility-ring-color);box-shadow:var(--learnify-utility-ring-offset-shadow),var(--learnify-utility-ring-shadow),var(--learnify-utility-shadow, 0 0 #0000)}.focus-within\:ring-\[\#6D5DFB\]\/10:focus-within{--learnify-utility-ring-color: rgba(109, 93, 251, .1) }.focus-within\:ring-indigo-100:focus-within{--learnify-utility-ring-opacity: 1;--learnify-utility-ring-color: rgb(224 227 252/var(--learnify-utility-ring-opacity, 1)) }.focus-within\:ring-indigo-50:focus-within{--learnify-utility-ring-opacity: 1;--learnify-utility-ring-color: rgb(238 240 254/var(--learnify-utility-ring-opacity, 1)) }.hover\:-translate-y-0\.5:hover{--learnify-utility-translate-y: -.125rem }.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:translate(var(--learnify-utility-translate-x),var(--learnify-utility-translate-y)) rotate(var(--learnify-utility-rotate)) skew(var(--learnify-utility-skew-x)) skewY(var(--learnify-utility-skew-y)) scaleX(var(--learnify-utility-scale-x)) scaleY(var(--learnify-utility-scale-y))}.hover\:-translate-y-1:hover{--learnify-utility-translate-y: -.25rem }.hover\:scale-105:hover{--learnify-utility-scale-x: 1.05;--learnify-utility-scale-y: 1.05 }.hover\:scale-105:hover,.hover\:scale-110:hover{transform:translate(var(--learnify-utility-translate-x),var(--learnify-utility-translate-y)) rotate(var(--learnify-utility-rotate)) skew(var(--learnify-utility-skew-x)) skewY(var(--learnify-utility-skew-y)) scaleX(var(--learnify-utility-scale-x)) scaleY(var(--learnify-utility-scale-y))}.hover\:scale-110:hover{--learnify-utility-scale-x: 1.1;--learnify-utility-scale-y: 1.1 }.hover\:border-\[\#6D5DFB\]:hover{--learnify-utility-border-opacity: 1;border-color:rgb(109 93 251/var(--learnify-utility-border-opacity, 1))}.hover\:border-amber-100:hover{--learnify-utility-border-opacity: 1;border-color:rgb(254 243 199/var(--learnify-utility-border-opacity, 1))}.hover\:border-emerald-100:hover{--learnify-utility-border-opacity: 1;border-color:rgb(209 250 229/var(--learnify-utility-border-opacity, 1))}.hover\:border-indigo-100:hover{--learnify-utility-border-opacity: 1;border-color:rgb(224 227 252/var(--learnify-utility-border-opacity, 1))}.hover\:border-indigo-200:hover{--learnify-utility-border-opacity: 1;border-color:rgb(199 210 254/var(--learnify-utility-border-opacity, 1))}.hover\:border-pink-100:hover{--learnify-utility-border-opacity: 1;border-color:rgb(252 231 243/var(--learnify-utility-border-opacity, 1))}.hover\:bg-\[\#5145CD\]:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(81 69 205/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-\[\#F3F0FF\]:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(243 240 255/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-\[\#F8F9FC\]:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(248 249 252/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-amber-50:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(255 251 235/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-emerald-50:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(236 253 245/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-indigo-50:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(238 240 254/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-indigo-50\/30:hover{background-color:#eef0fe4d}.hover\:bg-indigo-700:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(67 56 202/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-indigo-800:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(55 48 163/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-pink-50:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(253 242 248/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-red-100:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(254 226 226/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-red-50:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(254 242 242/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-rose-50:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(255 241 242/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-slate-100:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(241 245 249/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-slate-200:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(226 232 240/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-slate-50:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(248 250 252/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-slate-50\/60:hover{background-color:#f8fafc99}.hover\:bg-white:hover{--learnify-utility-bg-opacity: 1;background-color:rgb(255 255 255/var(--learnify-utility-bg-opacity, 1))}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-\[\#6D5DFB\]:hover{--learnify-utility-text-opacity: 1;color:rgb(109 93 251/var(--learnify-utility-text-opacity, 1))}.hover\:text-indigo-600:hover{--learnify-utility-text-opacity: 1;color:rgb(79 70 229/var(--learnify-utility-text-opacity, 1))}.hover\:text-indigo-700:hover{--learnify-utility-text-opacity: 1;color:rgb(67 56 202/var(--learnify-utility-text-opacity, 1))}.hover\:text-rose-500:hover{--learnify-utility-text-opacity: 1;color:rgb(244 63 94/var(--learnify-utility-text-opacity, 1))}.hover\:text-slate-600:hover{--learnify-utility-text-opacity: 1;color:rgb(71 85 105/var(--learnify-utility-text-opacity, 1))}.hover\:text-slate-700:hover{--learnify-utility-text-opacity: 1;color:rgb(51 65 85/var(--learnify-utility-text-opacity, 1))}.hover\:text-slate-800:hover{--learnify-utility-text-opacity: 1;color:rgb(30 41 59/var(--learnify-utility-text-opacity, 1))}.hover\:text-white:hover{--learnify-utility-text-opacity: 1;color:rgb(255 255 255/var(--learnify-utility-text-opacity, 1))}.hover\:shadow-lg:hover{--learnify-utility-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--learnify-utility-shadow-colored: 0 10px 15px -3px var(--learnify-utility-shadow-color), 0 4px 6px -4px var(--learnify-utility-shadow-color) }.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:var(--learnify-utility-ring-offset-shadow, 0 0 #0000),var(--learnify-utility-ring-shadow, 0 0 #0000),var(--learnify-utility-shadow)}.hover\:shadow-md:hover{--learnify-utility-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--learnify-utility-shadow-colored: 0 4px 6px -1px var(--learnify-utility-shadow-color), 0 2px 4px -2px var(--learnify-utility-shadow-color) }.hover\:shadow-sm:hover{--learnify-utility-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--learnify-utility-shadow-colored: 0 1px 2px 0 var(--learnify-utility-shadow-color) }.hover\:shadow-sm:hover,.hover\:shadow-xl:hover{box-shadow:var(--learnify-utility-ring-offset-shadow, 0 0 #0000),var(--learnify-utility-ring-shadow, 0 0 #0000),var(--learnify-utility-shadow)}.hover\:shadow-xl:hover{--learnify-utility-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--learnify-utility-shadow-colored: 0 20px 25px -5px var(--learnify-utility-shadow-color), 0 8px 10px -6px var(--learnify-utility-shadow-color) }.focus\:border-indigo-300:focus{--learnify-utility-border-opacity: 1;border-color:rgb(165 180 252/var(--learnify-utility-border-opacity, 1))}.focus\:border-indigo-400:focus{--learnify-utility-border-opacity: 1;border-color:rgb(129 140 248/var(--learnify-utility-border-opacity, 1))}.focus\:bg-white:focus{--learnify-utility-bg-opacity: 1;background-color:rgb(255 255 255/var(--learnify-utility-bg-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--learnify-utility-ring-offset-shadow: var(--learnify-utility-ring-inset) 0 0 0 var(--learnify-utility-ring-offset-width) var(--learnify-utility-ring-offset-color);--learnify-utility-ring-shadow: var(--learnify-utility-ring-inset) 0 0 0 calc(2px + var(--learnify-utility-ring-offset-width)) var(--learnify-utility-ring-color) }.focus\:ring-2:focus,.focus\:ring-4:focus{box-shadow:var(--learnify-utility-ring-offset-shadow),var(--learnify-utility-ring-shadow),var(--learnify-utility-shadow, 0 0 #0000)}.focus\:ring-4:focus{--learnify-utility-ring-offset-shadow: var(--learnify-utility-ring-inset) 0 0 0 var(--learnify-utility-ring-offset-width) var(--learnify-utility-ring-offset-color);--learnify-utility-ring-shadow: var(--learnify-utility-ring-inset) 0 0 0 calc(4px + var(--learnify-utility-ring-offset-width)) var(--learnify-utility-ring-color) }.focus\:ring-indigo-100:focus{--learnify-utility-ring-opacity: 1;--learnify-utility-ring-color: rgb(224 227 252/var(--learnify-utility-ring-opacity, 1)) }.focus\:ring-indigo-50:focus{--learnify-utility-ring-opacity: 1;--learnify-utility-ring-color: rgb(238 240 254/var(--learnify-utility-ring-opacity, 1)) }.active\:scale-95:active{--learnify-utility-scale-x: .95;--learnify-utility-scale-y: .95;transform:translate(var(--learnify-utility-translate-x),var(--learnify-utility-translate-y)) rotate(var(--learnify-utility-rotate)) skew(var(--learnify-utility-skew-x)) skewY(var(--learnify-utility-skew-y)) scaleX(var(--learnify-utility-scale-x)) scaleY(var(--learnify-utility-scale-y))}.active\:text-rose-600:active{--learnify-utility-text-opacity: 1;color:rgb(225 29 72/var(--learnify-utility-text-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.group:hover .group-hover\:scale-105{--learnify-utility-scale-x: 1.05;--learnify-utility-scale-y: 1.05;transform:translate(var(--learnify-utility-translate-x),var(--learnify-utility-translate-y)) rotate(var(--learnify-utility-rotate)) skew(var(--learnify-utility-skew-x)) skewY(var(--learnify-utility-skew-y)) scaleX(var(--learnify-utility-scale-x)) scaleY(var(--learnify-utility-scale-y))}.group:hover .group-hover\:bg-indigo-50{--learnify-utility-bg-opacity: 1;background-color:rgb(238 240 254/var(--learnify-utility-bg-opacity, 1))}.group:hover .group-hover\:text-indigo-600{--learnify-utility-text-opacity: 1;color:rgb(79 70 229/var(--learnify-utility-text-opacity, 1))}@media (max-width:600px){.max-\[600px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (max-width:500px){.max-\[500px\]\:flex-col{flex-direction:column}.max-\[500px\]\:items-start{align-items:flex-start}.max-\[500px\]\:gap-2{gap:.5rem}}@media (min-width:351px){.min-\[351px\]\:w-auto{width:auto}.min-\[351px\]\:flex-row{flex-direction:row}.min-\[351px\]\:px-5{padding-left:1.25rem;padding-right:1.25rem}}@media (min-width:360px){.min-\[360px\]\:gap-3{gap:.75rem}.min-\[360px\]\:px-3\.5{padding-left:.875rem;padding-right:.875rem}.min-\[360px\]\:text-\[10px\]{font-size:10px}.min-\[360px\]\:text-\[11px\]{font-size:11px}.min-\[360px\]\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:400px){.min-\[400px\]\:left-1\.5{left:.375rem}.min-\[400px\]\:mb-6{margin-bottom:1.5rem}.min-\[400px\]\:mt-3{margin-top:.75rem}.min-\[400px\]\:h-10{height:2.5rem}.min-\[400px\]\:h-6{height:1.5rem}.min-\[400px\]\:w-10{width:2.5rem}.min-\[400px\]\:min-w-6{min-width:1.5rem}.min-\[400px\]\:max-w-\[330px\]{max-width:330px}.min-\[400px\]\:gap-2{gap:.5rem}.min-\[400px\]\:space-y-7>:not([hidden])~:not([hidden]){--learnify-utility-space-y-reverse: 0;margin-top:calc(1.75rem*(1 - var(--learnify-utility-space-y-reverse)));margin-bottom:calc(1.75rem*var(--learnify-utility-space-y-reverse))}.min-\[400px\]\:px-3{padding-left:.75rem;padding-right:.75rem}.min-\[400px\]\:px-4{padding-left:1rem;padding-right:1rem}.min-\[400px\]\:py-4{padding-top:1rem;padding-bottom:1rem}.min-\[400px\]\:text-2xl{font-size:1.5rem;line-height:2rem}.min-\[400px\]\:text-\[11px\]{font-size:11px}.min-\[400px\]\:text-sm{font-size:.875rem;line-height:1.25rem}.min-\[400px\]\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:640px){.sm\:left-4{left:1rem}.sm\:right-4{right:1rem}.sm\:top-4{top:1rem}.sm\:mb-3{margin-bottom:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:mt-8{margin-top:2rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-11{height:2.75rem}.sm\:h-20{height:5rem}.sm\:h-24{height:6rem}.sm\:h-28{height:7rem}.sm\:h-8{height:2rem}.sm\:min-h-\[360px\]{min-height:360px}.sm\:w-10{width:2.5rem}.sm\:w-11{width:2.75rem}.sm\:w-20{width:5rem}.sm\:w-24{width:6rem}.sm\:w-28{width:7rem}.sm\:w-8{width:2rem}.sm\:w-80{width:20rem}.sm\:w-auto{width:auto}.sm\:max-w-md{max-width:28rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-1\.5{gap:.375rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:space-y-8>:not([hidden])~:not([hidden]){--learnify-utility-space-y-reverse: 0;margin-top:calc(2rem*(1 - var(--learnify-utility-space-y-reverse)));margin-bottom:calc(2rem*var(--learnify-utility-space-y-reverse))}.sm\:rounded-2xl{border-radius:1rem}.sm\:border-b-0{border-bottom-width:0}.sm\:border-r{border-right-width:1px}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-5{padding-bottom:1.25rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:opacity-0{opacity:0}.sm\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sm\:last\:border-r-0:last-child{border-right-width:0}.group:hover .sm\:group-hover\:opacity-100{opacity:1}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-\[360px\]{width:360px}.md\:max-w-\[60\%\]{max-width:60%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:p-5{padding:1.25rem}.md\:px-0{padding-left:0;padding-right:0}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:min-h-\[480px\]{min-height:480px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_350px\]{grid-template-columns:1fr 350px}.lg\:grid-cols-\[1fr_420px\]{grid-template-columns:1fr 420px}.lg\:gap-5{gap:1.25rem}.lg\:gap-6{gap:1.5rem}.lg\:p-5{padding:1.25rem}.lg\:p-8{padding:2rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.lg\:pt-6{padding-top:1.5rem}.lg\:pt-\[68px\]{padding-top:68px}.lg\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1280px){.xl\:static{position:static}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:h-\[calc\(100vh-155px\)\]{height:calc(100vh - 155px)}.xl\:max-h-\[760px\]{max-height:760px}.xl\:min-h-\[520px\]{min-height:520px}.xl\:w-\[340px\]{width:340px}.xl\:flex-1{flex:1 1 0%}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1fr\)_340px\]{grid-template-columns:minmax(0,1fr) 340px}.xl\:rounded-2xl{border-radius:1rem}.xl\:shadow-\[0_8px_30px_rgba\(79\,70\,229\,0\.06\)\]{--learnify-utility-shadow: 0 8px 30px rgba(79, 70, 229, .06);--learnify-utility-shadow-colored: 0 8px 30px var(--learnify-utility-shadow-color);box-shadow:var(--learnify-utility-ring-offset-shadow, 0 0 #0000),var(--learnify-utility-ring-shadow, 0 0 #0000),var(--learnify-utility-shadow)}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}