@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;font-family:Alexandria,serif}html{scroll-behavior:smooth}body{background-color:#f6f6f6}a{text-decoration:none;color:inherit}.search-results{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:#fff;border-radius:8px;border:1px solid #ddd;box-shadow:0 4px 6px #0000001a;z-index:1000;max-height:300px;overflow-y:auto;width:100%}.search-results a{padding:12px 16px;border-bottom:1px solid #eee;cursor:pointer;text-decoration:none;color:#333;display:block}.search-results a:hover{background-color:#f5f5f5}.search-results .loading,.search-results .no-results{padding:12px 16px;text-align:center;color:#666}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 3%;box-shadow:0 0 10px #0000001a;position:relative}.navbar .logo{display:flex;justify-content:center;align-items:center}.navbar .logo span{font-size:36.38px;font-weight:600;color:#004e98}@media (max-width: 768px){.navbar .logo span{font-size:24px}}.navbar .mobile-menu-button{display:none}@media (max-width: 992px){.navbar .mobile-menu-button{display:block}.navbar .mobile-menu-button button{background:none;border:none;cursor:pointer;color:#004e98;padding:5px;display:flex;align-items:center;justify-content:center}}.navbar .nav-content{display:flex;justify-content:space-between;align-items:center;gap:20px;flex:1;margin-right:20px}@media (max-width: 992px){.navbar .nav-content{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;flex-direction:column;padding:20px;box-shadow:0 4px 6px #0000001a;z-index:1000;margin-right:0}.navbar .nav-content.show{display:flex}}.navbar .search-container{position:relative;z-index:1000;width:40%}@media (max-width: 992px){.navbar .search-container{width:100%}}.navbar .search-container .search-bar{position:relative;width:100%;background-color:transparent;border-radius:8px;border:2px solid rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 10px #0000001a}.navbar .search-container .search-bar svg{margin:5px}.navbar .search-container .search-bar input{width:100%;height:100%;padding:10px;border:none;outline:none;background-color:transparent}.navbar .search-container .search-bar input::placeholder{font-size:16px;font-weight:400;color:#6d7580}.navbar .nav-menu{display:flex;gap:0px 24.25px}@media (max-width: 992px){.navbar .nav-menu{flex-direction:column;align-items:center;gap:15px;width:100%;padding:15px 0}}.navbar .nav-menu a{color:#09101d;font-size:15.16px;font-weight:400;transition:.4s}.navbar .nav-menu a:hover{color:#09101dbf}.navbar .login-btn{cursor:pointer;display:flex;justify-content:center;align-items:center;gap:12.13px;background-color:#004e98;padding:10px 25px;border:2px solid rgba(46,137,223,.3);border-radius:12px;transition:.3s}@media (max-width: 992px){.navbar .login-btn{width:100%;margin-top:10px}}.navbar .login-btn:hover{background-color:#004e98f7}.navbar .login-btn span{font-size:12.13px;font-weight:400;color:#fff}.navbar .menu-container{display:flex;gap:0px 15px}@media (max-width: 992px){.navbar .menu-container{width:100%;justify-content:center;margin-top:10px}}.navbar .menu-container .user-info{display:flex;justify-content:center;align-items:center;background:#004e98;border:none;width:fit-content;padding:0 5px;height:35px;border-radius:5px;transition:background-color .3s;color:#fff;font-size:14px;font-weight:300}.navbar .menu-container .user-menu-container{position:relative;display:flex;justify-content:center;align-items:center;width:35px;height:35px}.navbar .menu-container .user-menu-container .user-menu-button{color:#000;display:flex;height:100%;width:100%;background-color:transparent;justify-content:center;align-items:center;cursor:pointer;border:none}.navbar .menu-container .user-menu-container .user-menu-dropdown{position:absolute;top:110%;right:calc(0% - 40px);background:#004e98;border-radius:5px;box-shadow:0 2px 10px #0000001a;padding:8px 0;min-width:max-content;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 992px){.navbar .menu-container .user-menu-container .user-menu-dropdown{position:fixed;top:auto;bottom:0;right:0;left:0;border-radius:15px 15px 0 0;padding:20px 0}}.navbar .menu-container .user-menu-container .user-menu-dropdown a,.navbar .menu-container .user-menu-container .user-menu-dropdown button{display:block;width:100%;padding:10px 8px;text-align:center;background:none;border:none;cursor:pointer;transition:background-color .3s;text-decoration:none;font-size:max(10px,.7vw);font-weight:400;color:#fff}.navbar .menu-container .user-menu-container .user-menu-dropdown a:hover,.navbar .menu-container .user-menu-container .user-menu-dropdown button:hover{background-color:#2e89df4d}.navbar .menu-container .user-menu-container .user-menu-dropdown a{border-bottom:1px solid rgba(255,255,255,.1)}.footer{background-color:#004e98;color:#fff;padding:20px 80px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 -5px 10px #0000001a}@media (max-width: 992px){.footer{padding:20px 40px}}@media (max-width: 768px){.footer{padding:20px}}.footer .main-footer{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:30px;margin:15px 0;width:100%}@media (max-width: 992px){.footer .main-footer{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.footer .main-footer{grid-template-columns:1fr;text-align:center}}.footer .main-footer .about{display:flex;flex-direction:column;gap:25px 0px}@media (max-width: 992px){.footer .main-footer .about{grid-column:1 / -1;align-items:center}}.footer .main-footer .about .logo{display:flex;align-items:center}.footer .main-footer .about .logo span{font-size:56px;font-weight:600;color:#fff}@media (max-width: 768px){.footer .main-footer .about .logo span{font-size:40px}}.footer .main-footer .about p{max-width:85%;line-height:1.8;font-size:16px;font-weight:500}@media (max-width: 768px){.footer .main-footer .about p{max-width:100%;font-size:14px}}.footer .main-footer .info,.footer .main-footer .discover{display:flex;flex-direction:column;gap:32px 0px;width:100%;align-items:center}@media (max-width: 768px){.footer .main-footer .info,.footer .main-footer .discover{gap:20px 0px}}.footer .main-footer .info h3,.footer .main-footer .discover h3{font-size:24px;font-weight:600}@media (max-width: 768px){.footer .main-footer .info h3,.footer .main-footer .discover h3{font-size:20px}}.footer .main-footer .info .links,.footer .main-footer .discover .links{display:flex;flex-direction:column;gap:30px 0px;font-size:16px}@media (max-width: 768px){.footer .main-footer .info .links,.footer .main-footer .discover .links{gap:20px 0px;font-size:14px}}.footer .main-footer .info .links a,.footer .main-footer .discover .links a{transition:.3s;color:#fffc}.footer .main-footer .info .links a:hover,.footer .main-footer .discover .links a:hover{color:#fff9}.footer .contact{width:85%;margin:40px auto;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.footer .contact{width:100%;flex-direction:column;gap:20px;margin:20px auto}}.footer .contact .line{width:60%;height:2px;background-color:#ccc6;border-radius:4px}@media (max-width: 768px){.footer .contact .line{width:100%;order:-1}}.footer .contact .social-media{display:flex;gap:0px 20px}@media (max-width: 768px){.footer .contact .social-media{margin-top:10px}}.footer .contact .social-media a{display:flex;justify-content:center;align-items:center;border:1px solid #fff;width:30px;height:30px;border-radius:50%;transition:.4s}.footer .contact .social-media a:hover{background-color:#fff;color:#000}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.primary-btn{max-width:max-content;width:auto;min-width:120px;padding:15px 32px;color:#fff;margin-top:32px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;display:flex;justify-content:center;align-items:center;transition:.4s;text-align:center;white-space:nowrap}.primary-btn:hover{opacity:.9}.primary-btn svg{margin-right:10px;width:18px;height:18px;transition:.3s}@media (min-width: 1200px){.primary-btn{padding:16px 36px;font-size:18px}.primary-btn svg{width:20px;height:20px}}@media (max-width: 992px){.primary-btn{padding:14px 28px;font-size:15px;margin-top:28px}.primary-btn svg{width:16px;height:16px}}@media (max-width: 768px){.primary-btn{padding:13px 24px;font-size:14px;margin-top:24px;min-width:100px}.primary-btn svg{width:15px;height:15px}}@media (max-width: 570px){.primary-btn{padding:12px 20px;font-size:14px;font-weight:500;margin-top:20px;min-width:90px}.primary-btn svg{width:14px;height:14px;margin-right:8px}}@media (max-width: 360px){.primary-btn{padding:10px 16px;font-size:13px;margin-top:16px;min-width:80px}.primary-btn svg{width:12px;height:12px;margin-right:6px}}.category{margin:40px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.category .category-image{border:1px solid #011627;width:200px;height:200px;border-radius:50%;display:flex;justify-content:center;align-items:center}.category .category-image img{width:70%;height:70%;object-fit:contain}.category span{font-size:24px;font-weight:400;line-height:55px;text-align:center}.course{border-radius:8px;border:1px solid rgba(0,0,0,.1);background:#fff;cursor:pointer;transition:.4s;text-decoration:none}.course:hover{transform:translateY(-3px)}.course .course-img{position:relative;width:100%;aspect-ratio:16/9}.course .course-img img{width:100%;height:100%;object-fit:cover;border-radius:8px 8px 0 0}.course .course-img .progress-overlay{position:absolute;bottom:0;left:0;right:0;background:#000000b3;padding:10px;color:#fff}.course .course-img .progress-overlay .progress-bar{width:100%;height:10px;background-color:#fff3;border-radius:5px;overflow:hidden;margin-bottom:5px}.course .course-img .progress-overlay .progress-bar .progress{height:100%;background-color:#4caf50;transition:width .3s ease}.course .course-img .progress-overlay .progress-text{text-align:center;font-size:14px;display:block}.course .course-details .title{display:inline-flex;padding:12px;color:#000;font-size:16px;font-weight:500;line-height:1.4}.course .course-details .details{padding:8px 12px 12px;display:flex;justify-content:space-between;align-items:flex-start}.course .course-details .details .d-right{display:flex;flex-direction:column;gap:5px}.course .course-details .details .d-right .author{color:#000;font-size:14px;font-weight:400}.course .course-details .details .d-right .rate{display:flex;align-items:center;gap:4px}.course .course-details .details .d-right .rate span{color:#00000080;font-size:12px;font-weight:400}.course .course-details .details .d-left{display:flex;flex-direction:column;gap:4px;text-align:right}.course .course-details .details .d-left .new-price{color:#004e98;font-size:21px;font-weight:600;line-height:1.4}.course .course-details .details .d-left .old-price{color:#00000080;font-size:12px;font-weight:400;line-height:1.4;text-decoration:line-through}@media (max-width: 1024px){.course .course-details .title{font-size:15px;padding:10px}.course .course-details .details{padding:6px 10px 10px}.course .course-details .details .d-right .author{font-size:13px}.course .course-details .details .d-left .new-price{font-size:18px}.course .course-details .details .d-left .old-price{font-size:13px}}@media (max-width: 768px){.course .course-details .title{font-size:14px;padding:8px}.course .course-details .details{padding:6px 8px 8px}.course .course-details .details .d-right .author{font-size:12px}.course .course-details .details .d-right .rate svg{width:14px;height:14px}.course .course-details .details .d-left .new-price{font-size:16px}.course .course-details .details .d-left .old-price{font-size:12px}}.wyl-card{display:flex;width:326px;height:350px;padding:32px 8px;flex-direction:column;justify-content:center;align-items:center;gap:16px;border-radius:8px;border:1px solid #fff}.wyl-card .card-image{width:70px;height:92px;flex-shrink:0}.wyl-card .card-image img{width:100%;height:100%;object-fit:contain}.wyl-card .card-title{color:#fff;text-align:center;font-size:max(18px,1vw);font-weight:600;padding:16px 0}.wyl-card .card-desc{color:#fff;text-align:center;font-size:max(14px,.8vw);font-weight:400;line-height:1.5}.home{height:auto}.home .header{background-image:url(/assets/header_bg-DZq6tZI9.png);background-position:center;background-repeat:no-repeat;background-size:cover;height:90dvb;display:flex;flex-direction:column;justify-content:center;padding:0 5%}.home .header h1{font-size:clamp(22px,3vw,42px);font-weight:600;max-width:80%;color:#fff;line-height:1.5}.home .header p{font-size:clamp(14px,1.5vw,18px);font-weight:400;margin-top:clamp(12px,2vw,20px);color:#fff;max-width:80%}@media (max-width: 768px){.home .header{padding:0 4%;height:80dvb}.home .header h1,.home .header p{max-width:100%}}@media (max-width: 576px){.home .header{padding:0 3%;text-align:center}.home .header .header-login{margin:0 auto}}.home .categories{max-width:90%;margin:clamp(30px,5vw,50px) auto;height:auto}.home .categories .category-header .title{font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.5;color:#011627;margin-bottom:clamp(20px,3vw,30px)}.home .categories .category-header .title span{color:#004e98}.home .categories .categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(20px,3vw,40px);justify-content:center;justify-items:center;align-items:center}@media (max-width: 768px){.home .categories .categories-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}}.home .categories .categories-grid .category-skeleton{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.home .categories .categories-grid .primary-btn{width:max-content;height:max-content}.home .courses,.home .popular-courses{max-width:90%;margin:clamp(30px,5vw,50px) auto;height:auto}.home .courses .courses-header,.home .popular-courses .courses-header{margin-bottom:clamp(25px,4vw,40px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.home .courses .courses-header .title,.home .popular-courses .courses-header .title{font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.5;color:#011627}.home .courses .courses-header .title span,.home .popular-courses .courses-header .title span{color:#004e98}@media (max-width: 576px){.home .courses .courses-header,.home .popular-courses .courses-header{justify-content:center;text-align:center}}.home .courses .courses-grid,.home .popular-courses .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(20px,3vw,40px)}@media (max-width: 768px){.home .courses .courses-grid,.home .popular-courses .courses-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}}.home .courses .courses-footer,.home .popular-courses .courses-footer{width:100%;display:flex;justify-content:center;align-items:center;margin-top:clamp(25px,4vw,40px)}.home .what-you-learn{background-color:#004e98;padding:clamp(40px,5vw,75px) clamp(20px,3vw,32px)}.home .what-you-learn .title{color:#fff;text-align:center;font-size:clamp(20px,3vw,28px);font-weight:500;line-height:1.5;margin-bottom:clamp(40px,5vw,64px)}.home .what-you-learn .body{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:clamp(15px,2vw,20px)}@media (max-width: 768px){.home .what-you-learn .body{justify-content:center}}.courses-page{max-width:90%;margin:clamp(30px,5vw,50px) auto;min-height:50dvh;position:relative}.courses-page .details{display:flex;align-items:center;font-size:clamp(16px,2vw,24px);padding:0 clamp(10px,2%,20px) clamp(15px,2%,20px)}@media (max-width: 576px){.courses-page .details{flex-direction:column;align-items:flex-start;gap:10px}}.courses-page .details .page-active{display:flex;align-items:center}.courses-page .details .page-active a{display:flex;align-items:center;color:#004e98;transition:color .3s ease}.courses-page .details .page-active a:hover{color:#003d77}.courses-page .details .page-active span{padding-right:clamp(3px,1vw,5px)}.courses-page .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(20px,3vw,40px);margin-top:clamp(20px,3vw,30px)}@media (max-width: 768px){.courses-page .courses-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}.courses-page .courses-grid .courses-error{width:100%;min-height:40dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(20px,3vw,40px)}.courses-page .courses-grid .courses-error h1{font-size:clamp(40px,6vw,70px);margin-bottom:clamp(10px,2vw,20px);color:#004e98}.courses-page .courses-grid .courses-error p{color:#0009;font-size:clamp(14px,1.5vw,16px);max-width:600px;line-height:1.5}.courses-page .pagination{display:flex;justify-content:center;align-items:center;gap:clamp(10px,2vw,20px);margin-top:clamp(20px,4vw,40px);flex-wrap:wrap}.courses-page .pagination button{padding:clamp(8px,1.5vw,10px) clamp(15px,2vw,20px);background-color:#004e98;color:#fff;border:none;cursor:pointer;border-radius:4px;font-size:clamp(14px,1.5vw,16px);transition:background-color .3s ease}.courses-page .pagination button:hover:not(:disabled){background-color:#003d77}.courses-page .pagination button:disabled{background-color:#ccc;cursor:not-allowed}.courses-page .pagination span{font-size:clamp(14px,1.5vw,18px)}@media (max-width: 576px){.courses-page .pagination{flex-direction:column;gap:15px}}@media (max-width: 768px){.courses-page{max-width:95%;margin:clamp(20px,4vw,30px) auto}}.Error{height:50dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(20px,3vw,40px);text-align:center}.Error h1{font-size:clamp(32px,8vw,120px);margin-bottom:clamp(10px,2vw,20px)}.Error p{font-size:clamp(14px,1.5vw,18px);color:#ccc;max-width:600px;line-height:1.5}@media (max-width: 576px){.Error{height:40dvh}}.course-rating{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-top:1rem;text-align:center;direction:rtl}.rating-title{margin:0 0 1rem;color:#333;font-size:1.1rem}.stars-container{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem}.star-button{background:none;border:none;font-size:2rem;color:#ddd;cursor:pointer;transition:transform .2s ease,color .2s ease;padding:.25rem}.star-button:hover{transform:scale(1.1)}.star-button.active{color:#ffc107}.star-button.submitting{cursor:not-allowed;opacity:.7}.rating-text{color:#666;font-size:.9rem;margin-top:.5rem;min-height:1.5em}.error-text{color:#dc3545;font-size:.9rem;display:block;margin-top:.5rem}.display-course-details{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;width:100%}@media (max-width: 768px){.display-course-details{padding:15px}}.display-course-details .price-section{margin:20px 0;text-align:right;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}@media (max-width: 576px){.display-course-details .price-section{flex-direction:column;align-items:flex-start}}.display-course-details .price-section .discount-badge{background:transparent;border:1px solid #0056b3;color:#0056b3;padding:4px 8px;border-radius:4px;font-size:14px;white-space:nowrap}.display-course-details .price-section div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.display-course-details .price-section div .current-price{font-size:clamp(20px,3vw,24px);font-weight:700}.display-course-details .price-section div .original-price{text-decoration:line-through;color:#666;font-size:clamp(16px,2.5vw,18px)}.display-course-details .course-includes{margin:20px 0}.display-course-details .course-includes h3{margin-bottom:15px;font-size:clamp(16px,2.5vw,18px);text-align:right;font-weight:600;color:#333}.display-course-details .course-includes .includes-list{display:flex;flex-direction:column;gap:15px}@media (max-width: 576px){.display-course-details .course-includes .includes-list{gap:12px}}.display-course-details .course-includes .include-item{display:flex;align-items:center;gap:10px;justify-content:flex-start;font-size:clamp(14px,2vw,16px)}.display-course-details .course-includes .include-item i{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.display-course-details .course-includes .include-item i svg{width:100%;height:100%}.display-course-details .course-includes .include-item .video-icon{color:#e91e63}.display-course-details .course-includes .include-item .student-icon{color:#2196f3}.display-course-details .course-includes .include-item .star-icon{color:#ffc107}.display-course-details .course-progress{margin:20px 0}.display-course-details .progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.display-course-details .progress-fill{height:100%;background-color:#4caf50;transition:width .3s ease}.display-course-details .progress-text{display:block;text-align:center;margin-top:8px;color:#666;font-size:14px}.display-course-details .continue-button{display:block;width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .3s ease}.display-course-details .continue-button:hover{background-color:#45a049}.display-course-details .buy-button{background-color:#0056b3;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-top:1rem}.display-course-details .buy-button:hover{background-color:#0056b3d9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.display-course-details .buy-button.processing{background-color:#6c757d;cursor:not-allowed;opacity:.8;transform:none;box-shadow:none}.display-course-details .buy-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.8;transform:none;box-shadow:none}.display-course-details .buy-button.error{background-color:#dc3545}.display-course-details .buy-button.error:hover{background-color:#c82333}.display-course-details .payment-section{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.display-course-details .payment-error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:1rem;border-radius:8px;text-align:center;font-size:.9rem}.unit-list{margin-top:20px;direction:rtl;display:flex;flex-direction:column;gap:12px}@media (max-width: 768px){.unit-list{margin-top:15px;gap:10px}}.unit{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease;background:#fff;box-shadow:0 1px 3px #0000001a}.unit:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}@media (max-width: 768px){.unit{border-radius:6px}}.unit-header{padding:clamp(12px,2vw,15px);display:flex;align-items:center;gap:clamp(8px,1.5vw,10px);cursor:pointer;background:#f8f9fa;transition:all .3s ease;-webkit-user-select:none;user-select:none}.unit-header h3{font-size:clamp(14px,2vw,16px);font-weight:600;color:#333;flex:1}.unit-header:hover{background:#f1f3f5}.unit-header.active{background:#e7f5ff;border-bottom:1px solid #e0e0e0}@media (max-width: 576px){.unit-header{padding:10px}}.unit-icon{font-size:clamp(16px,2.5vw,18px);color:#007bff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;flex-shrink:0}@media (max-width: 576px){.unit-icon{width:20px;height:20px}}.active .unit-icon{transform:rotate(180deg)}.lesson-list{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;background:#fff;padding:0}.lesson-list.show{max-height:1000px;transition:max-height .5s ease-in,padding .3s ease-in;padding:8px 0}.lesson{display:flex;align-items:flex-start;gap:clamp(8px,1.5vw,10px);padding:clamp(10px,1.5vw,12px) clamp(12px,2vw,15px);border-bottom:1px solid #eee;transition:all .3s ease;color:#555;cursor:pointer;min-height:45px}.lesson:hover{background-color:#007bff1a}.lesson:last-child{border-bottom:none}@media (max-width: 576px){.lesson{padding:8px 12px}.lesson:hover{padding-right:15px}}.lesson.active{background-color:#007bff26;font-weight:700}.lesson span:last-child{flex:1}.lesson.active .video-icon{color:#007bff}.video-icon{color:#007bff;font-size:clamp(8px,1.2vw,10px);width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px}.unit-skeleton{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;border-radius:8px;overflow:hidden}@media (max-width: 768px){.unit-skeleton{gap:8px;margin-bottom:8px}}.lesson.watched{background-color:#00ff000d}.watched-icon{margin-right:8px;color:#4caf50;font-size:clamp(10px,1.2vw,12px);display:flex;align-items:flex-start;justify-content:center;flex-shrink:0;margin-top:3px}.lesson .video-title{font-size:clamp(11px,1.4vw,14px);flex:1;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:0;word-spacing:1px;letter-spacing:.2px}.lesson.active .video-title{font-weight:500}.display-course-page{max-width:80%;margin:0 auto;padding:20px;display:flex;gap:30px}@media (max-width: 1200px){.display-course-page{max-width:90%;gap:25px}}@media (max-width: 1024px){.display-course-page{max-width:95%;padding:15px;gap:20px;flex-direction:column}}@media (max-width: 768px){.display-course-page{flex-direction:column;padding:10px}}.display-course-page .display-course-content{flex:1}.display-course-page .display-course-content .display-course-image{width:100%;border-radius:8px;overflow:hidden;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.display-course-page .display-course-content .display-course-image img{width:100%;height:auto;object-fit:cover;aspect-ratio:16/9}.display-course-page .display-course-content .display-course-title{font-size:clamp(20px,4vw,28px);margin-bottom:20px;color:#333;line-height:1.4}.display-course-page .display-course-content .display-about-course{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.display-course-page .display-course-content .display-about-course{padding:15px}}.display-course-page .display-course-content .display-about-course h2{font-size:clamp(18px,3vw,22px);margin-bottom:15px;color:#333}.display-course-page .display-course-content .display-about-course p{line-height:1.6;color:#666;font-size:clamp(14px,2vw,16px)}.display-course-page .display-course-sidebar{width:350px;position:sticky;top:20px;height:fit-content}@media (max-width: 1100px){.display-course-page .display-course-sidebar{width:100%;position:static}}@media (max-width: 1024px){.display-course-page .display-course-sidebar{width:100%;position:static;margin-top:20px}}.more-courses{max-width:80%;margin:40px auto;padding:20px}@media (max-width: 1200px){.more-courses{max-width:90%}}@media (max-width: 1024px){.more-courses{max-width:95%;padding:15px;margin:30px auto}}.more-courses .more-courses-title{font-size:clamp(20px,2.5vw,24px);font-weight:700;margin:0 0 20px;text-align:center}.more-courses .more-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(20px,3vw,40px)}@media (max-width: 1024px){.more-courses .more-courses-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}}@media (max-width: 768px){.more-courses .more-courses-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}}.more-courses .more-courses-grid .course-skeleton{border-radius:8px;overflow:hidden}.view-course-container{display:grid;grid-template-columns:1fr 350px;gap:2rem;padding:1rem;height:calc(100vh - 80px);overflow:hidden;max-width:1920px;margin:0 auto;direction:rtl}.view-course-content{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;min-width:0}.course-header{display:flex;align-items:center;gap:1rem;padding:.5rem}.back-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#333;transition:color .3s ease}.back-button:hover{color:#007bff}.course-title{font-size:1.5rem;margin:0;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player-section{display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.video-player{width:100%;max-width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}.video-info{padding:1.5rem;background:#f8f9fa;border-radius:8px;margin-top:-.5rem}.video-title{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 1rem;line-height:1.4}.video-description{font-size:1rem;color:#666;line-height:1.6;margin:0;white-space:pre-wrap}.main-video-player{width:100%;height:100%;object-fit:contain}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.video-loading,.video-error,.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;min-height:300px}.video-error{flex-direction:column;color:#dc3545;text-align:center;padding:2rem}.error-message{color:#dc3545;text-align:center;padding:1rem;background:#fff;border-radius:8px}.course-sidebar{background:#f8f9fa;border-radius:8px;padding:1rem;overflow-y:auto;max-height:100%}.youtube-player{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;border-radius:8px}.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-navigation{display:flex;justify-content:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;margin-top:1rem}.nav-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.prev-button,.next-button{background-color:#007bff;color:#fff}.prev-button:hover,.next-button:hover{background-color:#0056b3}.prev-button:disabled,.next-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.watch-button{background-color:#28a745;color:#fff}.watch-button:hover{background-color:#218838}.watch-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}@media (max-width: 1200px){.view-course-container{gap:1rem;padding:.5rem}.video-info{padding:1rem}}@media (max-width: 992px){.view-course-container{grid-template-columns:1fr 300px}.video-title{font-size:1.2rem}}@media (max-width: 768px){.view-course-container{grid-template-columns:1fr;height:auto;overflow:visible}.course-sidebar{max-height:400px}.video-player{min-height:200px}.video-info{padding:1rem}.video-title{font-size:1.1rem}.video-description{font-size:.95rem}.video-navigation{flex-direction:column;gap:.5rem}.nav-button{width:100%;min-width:unset;padding:.5rem 1rem}}@media (max-width: 576px){.view-course-container{padding:.5rem}.course-header{padding:.5rem 0}.course-title{font-size:1.2rem}.video-loading,.video-error,.video-placeholder{min-height:200px}.video-info{padding:.75rem}}.back-button .arrow-right{transform:scaleX(-1)}@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:4px;border-radius:var(--plyr-menu-radius,4px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#ffffffe6;background:var(--plyr-tooltip-background,#ffffffe6);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #ffffffe6;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#ffffffe6);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translate(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height, 5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#ffffffe6;background-color:var(--plyr-tooltip-background,#ffffffe6);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #ffffffe6;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#ffffffe6);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translate(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:4px;border-radius:calc(var(--plyr-tooltip-radius, 5px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--plyr-tooltip-radius, 5px) - 1px);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--plyr-tooltip-radius, 5px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}.secure-player-wrapper{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:8px;overflow:hidden}.secure-player-wrapper .plyr{position:absolute;top:0;left:0;width:100%;height:100%}.plyr__video-wrapper iframe{pointer-events:none!important}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000b3)!important;padding:20px!important}.plyr--video .plyr__control{background:transparent!important;color:#fff!important}.plyr--video .plyr__control:hover{background:#ffffff1a!important}.plyr--full-ui input[type=range]{color:#fff!important}.plyr__control[data-plyr=download],.plyr__control[data-plyr=share]{display:none!important}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff!important}.plyr--video .plyr__progress__buffer{color:#ffffff40!important}.secure-player-wrapper:fullscreen{padding-top:0;height:100vh}.secure-player-wrapper:fullscreen .plyr{height:100vh}.categories-page{background-color:#f6f6f6;max-width:90%;margin:clamp(30px,5vw,50px) auto;min-height:50dvh;padding:clamp(20px,3vw,30px);border-radius:8px}@media (max-width: 768px){.categories-page{max-width:95%;margin:clamp(20px,4vw,30px) auto}}.categories-page .details{display:flex;align-items:center;font-size:clamp(16px,2vw,24px);padding:0 clamp(10px,2%,20px) clamp(15px,2%,20px);margin-bottom:clamp(20px,3vw,30px)}@media (max-width: 576px){.categories-page .details{flex-direction:column;align-items:flex-start;gap:10px;padding:0 0 15px}}.categories-page .details .page-active{display:flex;align-items:center}.categories-page .details .page-active a{display:flex;align-items:center;color:#004e98;transition:color .3s ease;gap:5px}.categories-page .details .page-active a:hover{color:#003d77}.categories-page .details .page-active span{padding-right:clamp(3px,1vw,5px)}.categories-page .categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(20px,3vw,40px);justify-content:center;justify-items:center;align-items:center}@media (max-width: 768px){.categories-page .categories-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media (max-width: 576px){.categories-page .categories-grid{grid-template-columns:1fr;gap:15px}}.categories-page .category-card{width:100%;max-width:350px;transition:transform .3s ease}.categories-page .category-card:hover{transform:translateY(-5px)}@media (max-width: 576px){.categories-page .category-card{max-width:100%}}.error-page{min-height:80dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(20px,3vw,40px);text-align:center}.error-page h1{font-size:clamp(32px,8vw,120px);margin-bottom:clamp(10px,2vw,20px);color:#004e98}.error-page p{font-size:clamp(14px,1.5vw,18px);color:#666;max-width:600px;line-height:1.5;margin-bottom:clamp(20px,3vw,30px)}.error-page .error-actions{display:flex;gap:clamp(10px,2vw,20px);flex-wrap:wrap;justify-content:center}@media (max-width: 576px){.error-page{min-height:60dvh;padding:clamp(15px,2vw,25px)}}.privacy-policy{direction:rtl;padding:2rem 1rem;background-color:#f8f9fa;min-height:100vh}.container{max-width:1200px;margin:0 auto;background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 4px #0000001a}.main-title{color:#2c3e50;text-align:center;margin-bottom:2rem;font-size:2.5rem}.intro-section{margin-bottom:3rem;font-size:1.1rem;line-height:1.6;color:#34495e;text-align:justify}.policy-section{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.policy-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.policy-section h2{color:#2c3e50;margin-bottom:1.5rem;font-size:1.8rem}.policy-section h3{color:#34495e;margin:1.5rem 0 1rem;font-size:1.4rem}.policy-section p{margin-bottom:1rem;line-height:1.6;color:#444}.policy-section ul{list-style-type:none;padding-right:1.5rem}.policy-section li{margin-bottom:1rem;line-height:1.6;position:relative;padding-right:1.5rem}.policy-section li:before{content:"•";position:absolute;right:0;color:#3498db}.subsection{margin-bottom:1.5rem;padding-right:1rem;border-right:3px solid #3498db}@media (max-width: 768px){.container{padding:1.5rem}.main-title{font-size:2rem}.policy-section h2{font-size:1.6rem}.policy-section h3{font-size:1.3rem}.intro-section,.policy-section p,.policy-section li{font-size:1rem}}@media (max-width: 480px){.privacy-policy{padding:1rem .5rem}.container{padding:1rem}.main-title{font-size:1.8rem}.policy-section h2{font-size:1.4rem}.policy-section h3{font-size:1.2rem}}.about-page{direction:rtl;padding:2rem 1rem;background-color:#f8f9fa;min-height:100vh}.container{max-width:1200px;margin:0 auto;background-color:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.main-title{color:#2c3e50;text-align:center;margin-bottom:2.5rem;font-size:2.8rem;font-weight:700}.intro-section{margin-bottom:3.5rem;text-align:justify}.intro-section p{font-size:1.2rem;line-height:1.8;color:#34495e}.about-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.about-section{padding:2rem;border-radius:8px;background-color:#f8f9fa;transition:transform .3s ease,box-shadow .3s ease}.about-section:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.student-section{border-right:4px solid #3498db}.instructor-section{border-right:4px solid #e74c3c}.about-section h2{color:#2c3e50;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700}.about-section p{color:#444;line-height:1.7;font-size:1.1rem}.closing-section{text-align:center;margin-top:3rem;padding:2rem;background:linear-gradient(to left,#3498db11,#e74c3c11);border-radius:8px}.closing-section p{font-size:1.2rem;line-height:1.8;color:#2c3e50;font-weight:500}@media (max-width: 768px){.container{padding:1.5rem}.main-title{font-size:2.2rem;margin-bottom:2rem}.intro-section p,.closing-section p{font-size:1.1rem}.about-section{padding:1.5rem}.about-section h2{font-size:1.6rem}.about-section p{font-size:1rem}}@media (max-width: 480px){.about-page{padding:1rem .5rem}.container{padding:1rem}.main-title{font-size:1.8rem}.intro-section p,.closing-section p{font-size:1rem;line-height:1.6}.about-section h2{font-size:1.4rem}}.contact-page{direction:rtl;padding:2rem 1rem;background-color:#f8f9fa;min-height:100vh}.container{max-width:1200px;margin:0 auto}.contact-header{text-align:center;background-color:#2e6da4;color:#fff;padding:3rem 2rem;border-radius:12px;margin-bottom:3rem;box-shadow:0 4px 6px #0000001a}.contact-header h1{font-size:2.5rem;margin-bottom:1rem}.contact-header p{font-size:1.2rem;line-height:1.6;max-width:800px;margin:0 auto}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.info-card{background-color:#fff;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 2px 4px #0000000d;transition:transform .3s ease}.info-card:hover{transform:translateY(-5px)}.info-card .icon{font-size:2.5rem;margin-bottom:1rem}.info-card h3{color:#2c3e50;margin-bottom:.5rem;font-size:1.3rem}.info-card p{color:#666;font-size:1.1rem}.contact-form-container{background-color:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:2rem}.contact-form-container h2{color:#2c3e50;text-align:center;margin-bottom:2rem;font-size:2rem}.contact-form{max-width:700px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background-color:#f8f9fa}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2e6da4;background-color:#fff}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background-color:#2e6da4;color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:8px;cursor:pointer;width:100%;transition:background-color .3s ease}.submit-btn:hover{background-color:#245580}@media (max-width: 768px){.contact-header{padding:2rem 1.5rem}.contact-header h1{font-size:2rem}.contact-header p{font-size:1.1rem}.info-card,.contact-form-container{padding:1.5rem}.contact-form-container h2{font-size:1.8rem}}@media (max-width: 480px){.contact-page{padding:1rem .5rem}.contact-header h1{font-size:1.8rem}.contact-header p{font-size:1rem}.info-card .icon{font-size:2rem}.info-card h3{font-size:1.2rem}.info-card p{font-size:1rem}.contact-form-container{padding:1.2rem}.form-group input,.form-group textarea{padding:.7rem}.submit-btn{padding:.8rem 1.5rem;font-size:1rem}}.login-page,.register-page{height:100dvh;display:flex;background-color:#fff;overflow:hidden}.login-page .right-side,.login-page .left-side,.register-page .right-side,.register-page .left-side{flex-basis:50%}.login-page .right-side,.register-page .right-side{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#48bfe3,#28697d);padding:15px}.login-page .right-side svg,.register-page .right-side svg{width:100%;height:auto;max-width:500px}.login-page .right-side span,.register-page .right-side span{color:#fff;font-size:52px;font-weight:400;margin-bottom:10px;text-align:center}.login-page .left-side,.register-page .left-side{padding:11%;display:flex;flex-direction:column;justify-content:center}.login-page .left-side .header,.register-page .left-side .header{display:flex;flex-direction:column}.login-page .left-side .header .title,.register-page .left-side .header .title{color:#09101d;font-size:24px;font-weight:400;padding-bottom:8px}.login-page .left-side .header p,.register-page .left-side .header p{color:#2c3a4b;text-align:right;font-size:16px;font-weight:400}.login-page .left-side .header p a,.register-page .left-side .header p a{color:#108bffb3;padding-right:4px}.login-page .left-side .inputs-group,.register-page .left-side .inputs-group{margin:60px 0 0;display:flex;flex-direction:column}.login-page .left-side .inputs-group .input-primary,.register-page .left-side .inputs-group .input-primary{margin-top:30px}.login-page .left-side .forget-password,.register-page .left-side .forget-password{text-align:left;margin-top:30px;color:#108bffb3;font-size:16px;font-weight:400}.login-page .left-side .btn-login,.register-page .left-side .btn-login{display:flex;width:100%;padding:14px 160px;justify-content:center;align-items:center;gap:8px;border-radius:8px;background:#108bffb3;background:#108bff;margin:30px auto auto;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:none}.login-page .left-side .success-message,.register-page .left-side .success-message{color:#28a745;text-align:center;margin:10px 0;padding:8px;border-radius:4px;background-color:#d4edda}.login-page .left-side .terms-checkbox,.register-page .left-side .terms-checkbox{display:flex;align-items:center;gap:8px;margin:10px 0}.login-page .left-side .terms-checkbox input[type=checkbox],.register-page .left-side .terms-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.login-page .left-side .terms-checkbox label,.register-page .left-side .terms-checkbox label{font-size:14px;color:#333;cursor:pointer}.login-page .left-side .terms-checkbox label a,.register-page .left-side .terms-checkbox label a{color:#108bff;text-decoration:none;margin-right:4px}.login-page .left-side .terms-checkbox label a:hover,.register-page .left-side .terms-checkbox label a:hover{text-decoration:underline}.login-page .left-side .checkbox-container,.register-page .left-side .checkbox-container{display:flex;align-items:center;position:relative;padding-right:35px;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.login-page .left-side .checkbox-container input,.register-page .left-side .checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.login-page .left-side .checkmark,.register-page .left-side .checkmark{position:absolute;right:0;height:20px;width:20px;background-color:#fff;border:2px solid #ddd;border-radius:4px;transition:all .2s ease}.login-page .left-side .checkbox-container:hover input~.checkmark,.register-page .left-side .checkbox-container:hover input~.checkmark{border-color:#2196f3}.login-page .left-side .checkbox-container input:checked~.checkmark,.register-page .left-side .checkbox-container input:checked~.checkmark{background-color:#2196f3;border-color:#2196f3}.login-page .left-side .checkmark:after,.register-page .left-side .checkmark:after{content:"";position:absolute;display:none}.login-page .left-side .checkbox-container input:checked~.checkmark:after,.register-page .left-side .checkbox-container input:checked~.checkmark:after{display:block}.login-page .left-side .checkbox-container .checkmark:after,.register-page .left-side .checkbox-container .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.login-page .left-side .terms-text,.register-page .left-side .terms-text{color:#666}.login-page .left-side .terms-link,.register-page .left-side .terms-link{color:#2196f3;text-decoration:none;margin-right:4px}.login-page .left-side .terms-link:hover,.register-page .left-side .terms-link:hover{text-decoration:underline}.login-page .left-side .error-message,.register-page .left-side .error-message{color:#dc3545;text-align:center;margin:10px 0;padding:8px;border-radius:4px;background-color:#f8d7da}@media screen and (max-width: 1024px){.login-page .right-side span,.register-page .right-side span{font-size:42px}.login-page .right-side svg,.register-page .right-side svg{width:90%;max-width:400px}.login-page .left-side,.register-page .left-side{padding:8%}}@media screen and (max-width: 768px){.login-page .right-side,.register-page .right-side{display:none}.login-page .left-side,.register-page .left-side{flex-basis:100%;padding:40px 20px}.login-page .left-side .header .title,.register-page .left-side .header .title{font-size:22px}.login-page .left-side .inputs-group,.register-page .left-side .inputs-group{margin:40px 0 0}.login-page .left-side .btn-login,.register-page .left-side .btn-login{padding:14px 40px}}@media screen and (max-width: 480px){.login-page .left-side,.register-page .left-side{padding:30px 15px}.login-page .left-side .header .title,.register-page .left-side .header .title{font-size:20px}.login-page .left-side .header p,.register-page .left-side .header p{font-size:14px}.login-page .left-side .forget-password,.register-page .left-side .forget-password{font-size:14px}.login-page .left-side .btn-login,.register-page .left-side .btn-login{font-size:14px;padding:12px 30px}}.input-primary{display:flex;flex-direction:column;align-items:start;gap:12px;flex-shrink:0;width:100%}.input-primary label{color:#09101d;font-size:16px;font-weight:400}.input-primary input{width:100%;border-radius:6px;border:1px solid rgba(0,0,0,.25);background:#fff;padding:16px 8px;outline:none;font-size:16px}.input-primary input::placeholder{color:#545d69;font-size:14px;font-weight:400}.input-primary .input-error{border-color:#ff000040}.input-primary .input-pass::placeholder{font-size:16px;letter-spacing:2px}.input-primary .error-message{color:red;font-size:14px;margin-top:4px}.register-page{overflow:hidden}.register-page .right-side svg{width:100%;height:auto;max-width:500px}.register-page .left-side .inputs-group .input-details{width:100%;display:flex;gap:10px}.register-page .left-side .inputs-group .input-details .input-primary{width:50%!important}.register-page .left-side .btn-login{border:none}.register-page .left-side .success-message{color:#28a745;text-align:center;margin:10px 0;padding:8px;border-radius:4px;background-color:#d4edda}.register-page .left-side .error-message{color:#dc3545;text-align:center;margin:10px 0;padding:8px;border-radius:4px;background-color:#f8d7da}@media screen and (max-width: 1024px){.register-page .right-side svg{width:90%;max-width:400px}.register-page .right-side span{font-size:42px}.register-page .left-side{padding:8%}}@media screen and (max-width: 768px){.register-page .right-side{display:none}.register-page .left-side{flex-basis:100%;padding:40px 20px}.register-page .left-side .inputs-group{margin:40px 0 0}.register-page .left-side .inputs-group .input-details{flex-direction:column;gap:30px}.register-page .left-side .inputs-group .input-details .input-primary{width:100%!important}}@media screen and (max-width: 480px){.register-page .left-side{padding:30px 15px}.register-page .left-side .inputs-group{margin:30px 0 0}.register-page .left-side .inputs-group .input-details{gap:20px}.register-page .left-side .btn-login{font-size:14px;padding:12px 30px}}.forgot-password-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f0f0;padding:20px}.forgot-password-container .forgot-password-card{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.forgot-password-container h2{text-align:center;color:#333;margin-bottom:10px;font-size:24px}.forgot-password-container p{text-align:center;font-size:14px;margin-bottom:20px}.forgot-password-container p a{color:#4285f4;text-decoration:none}.forgot-password-container form .form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:10px 0px}.forgot-password-container form .form-group label{color:#09101d;font-size:16px;font-weight:400}.forgot-password-container form .form-group input{width:100%;border-radius:6px;border:1px solid rgba(0,0,0,.25);background:#fff;padding:16px 8px;outline:none;font-size:16px}.forgot-password-container form .form-group input::placeholder{color:#545d69;font-size:14px;font-weight:400}.forgot-password-container form button{background-color:#4285f4;width:100%;padding:15px 32px;color:#fff;margin-top:32px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;display:flex;justify-content:center;align-items:center;transition:.4s;border:none}.forgot-password-container form button:hover{background-color:#3367d6}.forgot-password-container .success-message{color:#28a745;text-align:center;margin:10px 0;padding:8px;border-radius:4px;background-color:#d4edda}.forgot-password-container .error-message{color:#dc3545;text-align:center;margin:10px 0;padding:8px;border-radius:4px;background-color:#f8d7da}@media screen and (max-width: 768px){.forgot-password-container{padding:15px}.forgot-password-container .forgot-password-card{padding:20px}.forgot-password-container h2{font-size:22px}}@media screen and (max-width: 480px){.forgot-password-container{padding:10px}.forgot-password-container .forgot-password-card{padding:15px}.forgot-password-container h2{font-size:20px}.forgot-password-container form .form-group{margin-bottom:15px}.forgot-password-container form .form-group label{font-size:14px}.forgot-password-container form .form-group input{padding:12px 8px;font-size:14px}.forgot-password-container form button{padding:12px 24px;font-size:14px;margin-top:24px}}.reset-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.reset-password-container .reset-password-card{background-color:#fff;border-radius:8px;padding:30px;width:100%;max-width:400px;box-shadow:0 2px 10px #0000001a}.reset-password-container .reset-password-card h1{font-size:24px;color:#000;margin:0 0 8px;text-align:center}.reset-password-container .reset-password-card p{color:#666;font-size:14px;text-align:center;margin:0 0 25px}.reset-password-container .reset-password-card .form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:5px 0px}.reset-password-container .reset-password-card .form-group label{color:#09101d;font-size:16px;font-weight:400}.reset-password-container .reset-password-card .form-group input{width:100%;border-radius:6px;border:1px solid rgba(0,0,0,.25);background:#fff;padding:16px 8px;outline:none;font-size:16px}.reset-password-container .reset-password-card .form-group input::placeholder{color:#545d69;font-size:14px;font-weight:400}.reset-password-container .reset-password-card button{width:100%;padding:14px;background-color:#4285f4;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:400;cursor:pointer;transition:background-color .3s ease}.reset-password-container .reset-password-card button:hover{background-color:#3367d6}.reset-password-container .reset-password-card .success-message{color:#108bff;text-align:center;margin:10px 0}@media screen and (max-width: 768px){.reset-password-container{padding:15px}.reset-password-container .reset-password-card{padding:25px}.reset-password-container .reset-password-card h1{font-size:22px}}@media screen and (max-width: 480px){.reset-password-container{padding:10px}.reset-password-container .reset-password-card{padding:20px}.reset-password-container .reset-password-card h1{font-size:20px}.reset-password-container .reset-password-card p{font-size:13px;margin:0 0 20px}.reset-password-container .reset-password-card .form-group{margin-bottom:15px}.reset-password-container .reset-password-card .form-group label{font-size:14px}.reset-password-container .reset-password-card .form-group input{padding:12px 8px;font-size:14px}.reset-password-container .reset-password-card button{padding:12px;font-size:13px}}.verified-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fff;padding:20px}.verified-container .verified-card{display:flex;flex-direction:column;align-items:center;padding:30px;text-align:center;max-width:500px;width:100%}.verified-container .verified-card .icon-circle{width:80px;height:80px;background-color:#3b82f6;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.verified-container .verified-card .icon-circle .check-icon{color:#fff;font-size:40px}.verified-container .verified-card h1{color:#333;font-size:24px;margin:0 0 10px}.verified-container .verified-card p{color:#666;font-size:16px;margin:20px 0;line-height:1.5}.verified-container .verified-card .ok-button{background-color:#3b82f6;color:#fff;border:none;border-radius:5px;padding:12px 40px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.verified-container .verified-card .ok-button:hover{background-color:#2563eb}.verified-container .success-message{color:#108bff;text-align:center;margin:10px 0}@media screen and (max-width: 768px){.verified-container{padding:15px}.verified-container .verified-card{padding:25px}.verified-container .verified-card .icon-circle{width:70px;height:70px}.verified-container .verified-card .icon-circle .check-icon{font-size:35px}.verified-container .verified-card h1{font-size:22px}.verified-container .verified-card p{font-size:15px}.verified-container .verified-card .ok-button{padding:10px 35px;font-size:15px}}@media screen and (max-width: 480px){.verified-container{padding:10px}.verified-container .verified-card{padding:20px}.verified-container .verified-card .icon-circle{width:60px;height:60px}.verified-container .verified-card .icon-circle .check-icon{font-size:30px}.verified-container .verified-card h1{font-size:20px}.verified-container .verified-card p{font-size:14px;margin:15px 0}.verified-container .verified-card .ok-button{padding:10px 30px;font-size:14px}}.user-dashboard{display:flex;min-height:100vh;background-color:#f5f5f5}.dashboard-sidebar{width:250px;background-color:#fff;padding:20px;box-shadow:2px 0 4px #0000001a;position:sticky;top:0;height:100vh}.sidebar-items{display:flex;flex-direction:column;gap:10px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;border-radius:8px;background:transparent;color:#666;cursor:pointer;transition:all .3s ease;text-align:right;width:100%}.sidebar-item i{font-size:18px}.sidebar-item span{font-size:14px}.sidebar-item:hover{background-color:#f5f5f5;color:#333}.sidebar-item.active{background-color:#e3f2fd;color:#1976d2}.dashboard-content{flex:1;padding:20px;overflow-y:auto}.personal-info-section,.courses-section{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.info-form{display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#666;font-size:14px;text-align:right}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:12px 40px 12px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#f8f8f8}.input-wrapper input:read-only{cursor:default}.input-wrapper i{position:absolute;right:12px;color:#666}.input-wrapper .password-toggle{left:12px;right:auto;cursor:pointer}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.no-courses-message{grid-column:1 / -1;text-align:center;padding:40px;color:#666}.no-courses-message i{font-size:48px;margin-bottom:16px;color:#ddd}.no-courses-message p{font-size:16px;margin:0}.course-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease}.course-card:hover{transform:translateY(-4px)}.course-image{width:100%;height:160px;object-fit:cover}.course-info{padding:16px}.course-info h3{margin:0 0 8px;font-size:16px;color:#333;text-align:right}.course-info p{margin:0;font-size:14px;color:#666;text-align:right}[dir=rtl] .input-wrapper input{padding-right:12px;padding-left:40px;text-align:right}[dir=rtl] .input-wrapper i:not(.password-toggle){right:auto;left:12px}@media (max-width: 1024px){.courses-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.user-dashboard{flex-direction:column}.dashboard-sidebar{width:100%;height:auto;position:static;padding:16px}.sidebar-items{flex-direction:row;justify-content:center;flex-wrap:wrap}.sidebar-item{width:auto;min-width:150px}.dashboard-content,.personal-info-section,.courses-section{padding:16px}.form-row{grid-template-columns:1fr}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 480px){.dashboard-content,.personal-info-section,.courses-section{padding:12px}.sidebar-item{min-width:120px;padding:10px}.courses-grid{grid-template-columns:1fr}.input-wrapper input{font-size:13px}}.payment-callback{min-height:calc(100vh - 140px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.payment-status{max-width:500px;padding:2rem;border-radius:12px;background-color:#fff;box-shadow:0 4px 6px #0000001a;margin:1rem}.status-icon{font-size:4rem;margin-bottom:1rem}.status-icon.loading{color:#3498db;animation:spin 2s linear infinite}.status-icon.success{color:#2ecc71}.status-icon.failed{color:#e74c3c}.status-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#2c3e50}.status-message{color:#7f8c8d;margin-bottom:1.5rem}.status-action{margin-top:1rem}.action-button{padding:.8rem 2rem;border-radius:8px;border:none;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:500}.action-button.primary{background-color:#3498db;color:#fff}.action-button.primary:hover{background-color:#2980b9}.action-button.danger{background-color:#e74c3c;color:#fff}.action-button.danger:hover{background-color:#c0392b}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.payment-status{width:90%;padding:1.5rem}.status-icon{font-size:3rem}.status-title{font-size:1.2rem}}