.sidebar-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:120px;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1000}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{background:#fff;border-radius:0 12px 12px 0;bottom:0;box-shadow:2px 0 16px #00000026;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:120px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:1001}.sidebar.open{transform:translateX(0)}.sidebar-header{align-items:center;background:#fff;border-bottom:1px solid var(--border);display:flex;gap:.75rem;padding:1.2rem 1.5rem}.sidebar-logo{font-size:1.6rem}.sidebar-title{color:var(--dark);flex:1 1;font-size:1.3rem;font-weight:700;letter-spacing:-.3px}.sidebar-content{flex:1 1;overflow-y:auto;padding:1rem 0}.category-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.category-link{align-items:center;background:#0000;border-radius:12px;color:var(--dark);display:flex;font-size:1rem;font-weight:500;gap:1rem;margin:0 .75rem;padding:.85rem 1.5rem;text-decoration:none;transition:all .2s ease}.category-icon{border-radius:50%;height:44px;object-fit:cover;transition:transform .2s ease;width:44px}.category-icon-placeholder{align-items:center;background:var(--primary-light);border-radius:50%;color:var(--primary);display:flex;font-size:1.6rem;height:44px;justify-content:center;width:44px}.category-name{color:var(--dark);font-size:1rem;font-weight:600;transition:color .3s}.category-link:hover{background:var(--primary)}.category-link:hover .category-name{color:#fff}.category-link:hover .category-icon{transform:scale(1.05)}.category-link:hover .category-icon-placeholder{background:#fff;color:var(--primary)}@media (max-width:768px){.sidebar{width:280px}.category-link{font-size:.95rem;padding:.7rem 1.2rem}.category-icon,.category-icon-placeholder{font-size:1.4rem;height:38px;width:38px}.sidebar-title{font-size:1.2rem}}.sidebar-content::-webkit-scrollbar{width:5px}.sidebar-content::-webkit-scrollbar-track{background:#e2e8f0}.sidebar-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.currency-selector{align-self:flex-start;margin-left:.5rem;position:relative}.currency-trigger{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:32px;color:#fff;cursor:default;display:flex;font-size:.85rem;font-weight:700;gap:.3rem;line-height:1.2;padding:.3rem .7rem;transition:all .2s ease}.currency-flag{align-items:center;border-radius:50%;display:inline-flex;font-size:.9rem;height:20px;justify-content:center;width:20px}.currency-code{font-size:.8rem;font-weight:700;letter-spacing:.3px;white-space:nowrap}.currency-dropdown{background:#fff;border:none;border-radius:16px;box-shadow:0 10px 30px #0000001a;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.currency-header{border-bottom:1px solid #eef2ff;color:#000;font-size:16px;font-weight:700;letter-spacing:normal;padding:.8rem 1rem .5rem;text-transform:none}.currency-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:.85rem;gap:.75rem;padding:.6rem 1rem;position:relative;text-align:left;transition:background .15s ease;white-space:nowrap;width:100%}.currency-option:hover{background:#f8fafc}.currency-option.active{background:#eef2ff;color:var(--primary);font-weight:700}.currency-option-flag{align-items:center;border-radius:50%;display:inline-flex;font-size:1.1rem;height:28px;justify-content:center;width:28px}.currency-option-code{font-size:.85rem;font-weight:600;width:50px}.currency-option-label{color:#1e293b;flex:1 1;font-size:.85rem;font-weight:600}.currency-option-check{color:var(--primary);font-size:.9rem;font-weight:700;margin-left:.5rem}.currency-dropdown{animation:fadeIn .15s ease}.header{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:var(--primary);border-bottom:1px solid #ffffff1a;position:sticky;top:0;z-index:100}.header-container{gap:1.5rem;height:120px;justify-content:space-between}.header-container,.logo{align-items:center;display:flex}.logo{color:#fff;font-size:2.4rem;font-weight:700;gap:.5rem;text-decoration:none;white-space:nowrap}.logo-text{background:none;color:#fff}.burger-btn{align-items:center;background:#0000;border:1px solid #ffffff80;border-radius:16px;cursor:pointer;display:inline-flex;flex-shrink:0;height:60px;justify-content:center;transition:all .2s ease;width:60px}.burger-btn:hover{background:#fff3;border-color:#fff;transform:scale(1.02)}.burger-icon{display:inline-block;height:32px;position:relative;width:32px}.burger-icon span{background:#fff;border-radius:3px;display:block;height:3px;position:absolute;transition:all .3s ease;width:100%}.burger-icon span:first-child{left:0;top:6px}.burger-icon span:nth-child(2){left:0;top:14px}.burger-icon span:nth-child(3){left:0;top:22px}.burger-btn.open .burger-icon span:first-child{top:14px;transform:rotate(45deg)}.burger-btn.open .burger-icon span:nth-child(2){opacity:0;transform:scaleX(0)}.burger-btn.open .burger-icon span:nth-child(3){top:14px;transform:rotate(-45deg)}.header-search{flex:1 1;max-width:none}.header-search-input{background-color:#fff;border:1px solid #ffffff4d;border-radius:16px;color:var(--dark);font-size:1.1rem;height:60px;outline:none;padding:0 1.5rem;transition:var(--transition);width:100%}.header-search-input::placeholder{color:var(--gray)}.header-search-input:focus{border-color:#fff;box-shadow:0 0 0 2px #0000000d}.nav-actions{align-items:center;display:flex;gap:.8rem}.nav-icon-button{align-items:center;background:#0000;border:none;border-radius:18px;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.nav-icon-button svg{fill:currentColor;height:28px;width:28px}.nav-icon-button span{font-size:.9rem;font-weight:500}.nav-icon-button:hover{background:#fff3;transform:translateY(-2px)}@media (max-width:1024px){.header-container{height:100px}.logo{font-size:2rem}.burger-btn{height:52px;width:52px}.burger-icon{height:28px;width:28px}.burger-icon span{height:2.5px}.burger-icon span:first-child{top:5px}.burger-icon span:nth-child(2){top:12px}.burger-icon span:nth-child(3){top:19px}.burger-btn.open .burger-icon span:first-child,.burger-btn.open .burger-icon span:nth-child(3){top:12px}.header-search-input{font-size:1rem;height:52px}.nav-icon-button{padding:8px 12px}.nav-icon-button svg{height:24px;width:24px}.nav-icon-button span{font-size:.8rem}}@media (max-width:768px){.header-container{height:80px}.logo-text{display:none}.burger-btn{height:44px;width:44px}.burger-icon{height:24px;width:24px}.burger-icon span{height:2px}.burger-icon span:first-child{top:4px}.burger-icon span:nth-child(2){top:11px}.burger-icon span:nth-child(3){top:18px}.burger-btn.open .burger-icon span:first-child,.burger-btn.open .burger-icon span:nth-child(3){top:11px}.header-search-input{font-size:.9rem;height:44px}.nav-icon-button{padding:4px 8px}.nav-icon-button svg{height:20px;width:20px}.nav-icon-button span{font-size:.7rem}}@media (max-width:480px){.nav-icon-button span{display:none}.nav-icon-button{padding:6px}}@media (max-width:768px){.nav-actions{display:none}}.footer{background:#f7f5ff;border-top:1px solid #4b49e81a;box-shadow:0 -4px 12px #00000005;margin-top:auto;padding:1.2rem 0 .8rem}.footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-contacts{display:flex;flex-wrap:wrap;gap:1.8rem}.footer-link{align-items:center;color:#475569;display:inline-flex;font-size:.9rem;gap:.4rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--primary)}.footer-icon{stroke-width:1.8;height:18px;width:18px}.footer-social{display:flex;gap:1rem}.social-icon{align-items:center;background:#4b49e80d;border-radius:50%;color:#64748b;display:inline-flex;height:34px;justify-content:center;transition:all .2s ease;width:34px}.social-icon svg{stroke-width:1.7;height:18px;width:18px}.social-icon:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.footer-copyright{border-top:1px solid #0000000d;color:#94a3b8;font-size:.75rem;margin-top:1rem;padding-top:.8rem;text-align:center}@media (max-width:680px){.footer-inner{flex-direction:column;gap:1.2rem;text-align:center}.footer-contacts{gap:1rem}.footer-contacts,.footer-social{justify-content:center}.footer-copyright{margin-top:.8rem}}.course-card{background:#fff;border:1px solid #4b5dff;border-radius:.875rem;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:background .2s ease}.course-media{background:#0000;border:none;cursor:pointer;flex-shrink:0;margin:0;padding:0;width:100%}.course-media-inner{align-items:center;aspect-ratio:18/8;background:linear-gradient(135deg,var(--primary-light),var(--primary));display:flex;justify-content:center;position:relative;width:100%}.course-image{display:block;height:100%;object-fit:cover;width:100%}.course-placeholder{color:#fff;font-size:3rem}.course-content{display:flex;flex-direction:column;flex-grow:1;padding:.75rem .75rem 1rem}.course-title{color:#1e293b;font-size:1.2rem;font-weight:600;line-height:1.3;margin-bottom:.3rem;text-align:left}.course-description,.course-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.course-description{color:#64748b;font-size:.975rem;line-height:1.4;margin-bottom:.6rem}.course-stacks{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .75rem}.course-stack-item{align-items:center;background:#f1f5f9;border-radius:50%;cursor:default;display:inline-flex;height:32px;justify-content:center;transition:background .2s ease;width:32px}.course-stack-item:hover{background:#e2e8f0}.stack-logo{border-radius:50%;height:24px;object-fit:contain;width:24px}.stack-placeholder{font-size:1rem;line-height:1}.course-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.course-price{align-items:baseline;display:flex;flex-wrap:wrap;gap:.4rem}.current-price,.old-price{align-items:baseline;display:inline-flex}.current-price{transition:color .2s ease}.current-price--black{color:#1e293b}.current-price--primary{color:var(--primary)}.currency-symbol{color:inherit;font-size:.95em;font-weight:700;margin-right:2px}.old-price .currency-symbol{color:#94a3b8;font-size:.9em}.favorite-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:none;border-radius:50%;cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px;z-index:5}.favorite-btn svg{stroke:#fff;stroke-width:1.8;fill:none;height:16px;width:16px}.favorite-btn:hover{background:#0009}.favorite-btn--active svg{fill:#ef4444;stroke:#ef4444}.discount-badge-corner{background:var(--danger);border-radius:999px;color:#fff;font-size:.65rem;font-weight:700;left:6px;padding:.15rem .5rem;pointer-events:none;position:absolute;top:6px;z-index:6}.enrolled-badge{align-items:center;background:#10b981;border-radius:999px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.25rem .75rem}.enrolled-icon{font-size:1rem;font-weight:700}.enrolled-text{font-size:.85rem}.course-card:hover{background:#f8f9fc;box-shadow:0 0 0 2px #4b5dff33,0 4px 12px #0000000d}.home-page{min-height:calc(100vh - 150px);padding:2rem 0}.hero-banner{background:#f0f2f5;border:1px solid #4b5dff;border-radius:1.5rem;box-shadow:0 8px 20px #0000001a;height:320px;margin-bottom:2rem;overflow:hidden;position:relative;width:100%}.hero-banner-image{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:768px){.hero-banner{height:280px}}@media (max-width:480px){.hero-banner{height:240px}}.course-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.course-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.course-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.course-grid{gap:.6rem}}.home-error,.home-loading{align-items:center;color:var(--gray);display:flex;flex-direction:column;font-size:1.125rem;justify-content:center;min-height:60vh;padding:3rem;text-align:center}.hero-banner-carousel{border:1px solid #4b5dff;border-radius:1.5rem;box-shadow:0 8px 20px #0000001a;height:320px;margin-bottom:2rem;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.carousel-slides-container{height:100%;overflow:hidden;position:relative;width:100%}.carousel-slides-track{display:flex;height:100%;transition:transform .7s ease-in-out;width:100%;will-change:transform}.carousel-slide{flex:0 0 100%;height:100%}.carousel-image{display:block;object-fit:cover}.carousel-image,.carousel-overlay{height:100%;pointer-events:none;width:100%}.carousel-overlay{background:#0003;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;z-index:2}.carousel-overlay.visible{opacity:1}.carousel-arrow{align-items:center;background:#ffffffd9;border:none;border-radius:50%;box-shadow:0 2px 6px #0000001a;color:#1e293b;cursor:pointer;display:flex;font-size:26px;font-weight:400;height:40px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease,visibility .2s ease;visibility:hidden;width:40px;z-index:10}.carousel-arrow.visible{opacity:1;visibility:visible}.carousel-arrow:hover{background:#fff;box-shadow:0 4px 10px #00000026;color:#4b5dff}.carousel-arrow-left{left:20px}.carousel-arrow-right{right:20px}@media (max-width:768px){.hero-banner-carousel{height:280px}.carousel-arrow{font-size:22px;height:36px;width:36px}.carousel-arrow-left{left:12px}.carousel-arrow-right{right:12px}}@media (max-width:480px){.hero-banner-carousel{height:240px}.carousel-arrow{font-size:20px;height:32px;width:32px}.carousel-arrow-left{left:8px}.carousel-arrow-right{right:8px}.home-page{padding:1rem 0}.hero-banner-carousel{height:180px}.course-title{font-size:.9rem}.course-description{font-size:.8rem}.current-price{font-size:1rem}.old-price{font-size:.85rem}.stack-logo{height:20px;width:20px}.course-stack-item{height:28px;width:28px}}.spinner-wrapper{align-items:center;display:flex;justify-content:center;min-height:200px;width:100%}.spinner-fullpage{height:100%;min-height:60vh}.spinner{display:inline-block}.profile-layout{display:flex;gap:2rem;margin:2rem auto;max-width:1400px;padding:0 1rem}.profile-card-left{flex:0.9 1;padding-bottom:2rem;transition:transform .2s ease,box-shadow .2s ease}.profile-card-left,.profile-card-right{background:#fff;border-radius:1.5rem;box-shadow:0 20px 35px -8px #0000001a;overflow:hidden}.profile-card-right{display:flex;flex:2.3 1;flex-direction:column;padding:1.5rem}.profile-header{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:2rem;text-align:center}.profile-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:3rem;font-weight:600;height:120px;justify-content:center;margin:0 auto 1rem;overflow:hidden;width:120px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-header h2{font-size:1.8rem;margin-bottom:.25rem}.profile-header p{font-size:1rem;opacity:.9}.profile-body{padding:2rem}.profile-form{gap:1.5rem}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:.75rem}.form-group label{color:var(--dark);font-size:1rem;font-weight:600}.form-group input{border:1px solid var(--border);border-radius:12px;font-size:1rem;padding:.85rem 1rem;transition:var(--transition)}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4b5dff1a;outline:none}.form-group input.error-input{border-color:var(--danger)}.error-message{color:var(--danger);font-size:.85rem;margin-top:-.5rem}.radio-group{gap:1.5rem}.radio-group,.radio-label{align-items:center;display:flex}.radio-label{cursor:pointer;font-size:1rem;gap:.5rem}.radio-label input{height:18px;margin:0;width:18px}.form-actions{margin-top:1rem}.btn-primary{align-items:center;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:1rem 1.5rem;transition:background .2s ease;width:100%}.btn-primary:hover{background:var(--primary-dark)}.profile-actions{margin-top:2rem}.btn-logout{align-items:center;background:var(--danger);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:1rem 1.5rem;transition:background .2s ease;width:100%}.btn-logout:hover{background:#dc2626}.profile-actions-top{display:flex;gap:1rem;margin-bottom:1rem}.btn-pill{align-items:center;background:#0000;border:1px solid var(--primary);border-radius:12px;color:var(--primary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.85rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-pill:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.btn-icon{font-size:1.2rem}.enrolled-courses{background:var(--light);border-radius:1rem;display:flex;flex:1 1;flex-direction:column;max-height:60vh;overflow:hidden;padding:0;transition:background .2s,box-shadow .2s}.enrolled-courses h3{background:var(--light);font-size:1.5rem;font-weight:700;margin:0;padding:1.25rem 1.5rem .5rem;position:sticky;text-align:left;top:0;z-index:2}.courses-list{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:.5rem 1.5rem 1.5rem}.enrolled-course-card{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 2px 4px #0000000d;display:flex;gap:1rem;padding:1rem}.course-media-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-light),var(--primary));border-radius:.75rem;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;width:100px}.course-media-placeholder img{display:block;height:100%;object-fit:cover;width:100%}.course-media-placeholder span{color:#fff;font-size:2.5rem}.course-info{flex:2 1}.course-info h4{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.course-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--gray);display:-webkit-box;font-size:.9rem;margin-bottom:.5rem;overflow:hidden}.status-badge{background:#10b981;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;padding:.25rem .8rem}.go-button,.status-badge{font-weight:600;white-space:nowrap}.go-button{background:#0000;border:1px solid var(--primary);border-radius:9999px;color:var(--primary);cursor:pointer;font-size:.9rem;margin-left:auto;padding:.6rem 1.2rem;transition:all .2s}.go-button:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;transform:translateY(-1px)}.empty-courses{align-items:center;color:var(--gray);display:flex;flex:1 1;flex-direction:column;font-size:1.1rem;justify-content:center;padding:2rem;text-align:center}.empty-courses-link{color:var(--primary);font-weight:600;margin-top:.5rem;text-decoration:none}.empty-courses-link:hover{text-decoration:underline}.enrolled-courses.highlight{animation:gentleGlow 1.5s ease-in-out forwards}@keyframes gentleGlow{0%{background-color:var(--light);box-shadow:0 0 0 0 #4b49e800}30%{background-color:#4b49e826;box-shadow:0 0 0 6px #4b49e833}to{background-color:var(--light);box-shadow:0 0 0 0 #4b49e800}}.courses-list::-webkit-scrollbar{width:6px}.courses-list::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.courses-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.courses-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{background:#fff;border-radius:24px;max-width:400px;padding:2rem;text-align:center;width:90%}.modal-content h3{font-size:1.5rem;margin-bottom:.5rem}.modal-content p{color:var(--gray);margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:center}.modal-btn{border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.modal-btn-confirm{background:var(--danger);color:#fff}.modal-btn-confirm:hover{background:#dc2626}.modal-btn-cancel{background:#0000;border:1px solid var(--border);color:var(--dark)}.modal-btn-cancel:hover{background:var(--light)}@media (max-width:1024px){.profile-layout{flex-direction:column}.profile-card-left,.profile-card-right{width:100%}}@media (max-width:768px){.enrolled-course-card{flex-wrap:wrap}.go-button{margin-left:0;text-align:center;width:100%}.enrolled-courses{max-height:50vh}}.avatar-dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:2100}.avatar-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:180px;overflow:hidden;position:absolute;z-index:2101}.avatar-dropdown-item{color:#1f2937;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 16px;transition:background .1s}.avatar-dropdown-item:hover{background:#f3f4f6}.avatar-dropdown-danger{color:#ef4444}.avatar-dropdown-divider{background:#e5e7eb;height:1px;margin:4px 0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.profile-layout{flex-direction:column;gap:1rem;margin:1rem auto}.profile-card-left,.profile-card-right{border-radius:1rem;width:100%}.profile-header{padding:1rem}.profile-avatar{font-size:2rem;height:80px;width:80px}.profile-header h2{font-size:1.3rem}.profile-header p{font-size:.8rem}.profile-body{padding:1rem}.form-group label{font-size:.9rem}.form-group input{font-size:.9rem;padding:.6rem .8rem}.btn-logout,.btn-primary{font-size:.9rem;padding:.7rem}.profile-actions-top{flex-direction:column;gap:.5rem}.btn-pill{font-size:.85rem;justify-content:center;padding:.6rem}.enrolled-courses{max-height:none}.enrolled-courses h3{font-size:1.2rem;padding:.75rem 1rem .25rem}.courses-list{padding:.5rem 1rem 1rem}.enrolled-course-card{flex-wrap:wrap;gap:.75rem;padding:.75rem}.course-media-placeholder{height:70px;width:70px}.course-info h4{font-size:1rem}.course-info p{font-size:.8rem}.status-badge{font-size:.7rem;padding:.2rem .6rem}.go-button{font-size:.8rem;margin-left:auto;padding:.4rem .8rem}.avatar-dropdown{min-width:150px}.avatar-dropdown-item{font-size:.85rem;padding:8px 12px}}.profile-page{background:linear-gradient(135deg,#f5f7fa,#e9edf2);min-height:calc(100vh - 70px);padding:1rem 0}.detail-page{background:#f0f2f5;min-height:100vh;padding:2rem}.detail-container{background:#fff;border-radius:1.5rem;box-shadow:0 8px 20px #00000014;display:flex;gap:2rem;margin:0 auto;max-width:1200px;padding:2rem}.detail-left{display:flex;flex:1 1;flex-direction:column}.detail-back-button{align-self:flex-start;background:none;border:none;color:var(--primary);cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:1rem;padding:0;transition:color .2s ease}.detail-back-button:hover{color:var(--primary-dark);text-decoration:underline}.detail-media-card{aspect-ratio:16/9;background:#000;border:2px solid var(--primary);border-radius:1.5rem;box-shadow:0 4px 12px #0000001a;overflow:hidden;width:100%}.detail-video-wrapper,.detail-video-wrapper iframe{height:100%;width:100%}.detail-video-placeholder{align-items:center;background:#1e293b;color:#fff;display:flex;font-size:1.2rem;height:100%;justify-content:center;width:100%}.detail-right{display:flex;flex:1 1;flex-direction:column;gap:1rem}.detail-info-card{background:#f8fafc;border-radius:1rem;padding:1.5rem}.detail-course-title{color:var(--dark);font-size:1.6rem;font-weight:700;margin:0 0 1rem;text-align:center}.detail-specs{display:flex;flex-direction:column;gap:.75rem}.detail-spec-row{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 0}.detail-spec-row:last-child{border-bottom:none}.detail-spec-label{color:#1e293b;font-weight:600}.detail-spec-value{color:#64748b;text-align:right}.detail-spec-stacks{align-items:flex-start;flex-direction:column;gap:.75rem}.detail-stack-list{display:flex;flex-wrap:wrap;gap:.875rem;justify-content:flex-start;width:100%}.detail-stack-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;display:inline-flex;height:56px;justify-content:center;transition:box-shadow .2s ease,transform .1s ease;width:56px}.detail-stack-item:hover{box-shadow:0 4px 12px #0000001f;transform:scale(1.02)}.detail-stack-logo{border-radius:50%;height:44px;object-fit:contain;width:44px}.detail-stack-placeholder{font-size:1.5rem}.detail-price-action-card{background:#f8fafc;border-radius:1rem;display:flex;flex-direction:column;gap:.5rem;padding:1.2rem}.detail-price-header{margin-bottom:0}.detail-total-label{color:#64748b;font-size:.85rem;font-weight:500;letter-spacing:.5px}.detail-current-price{font-size:1.8rem;font-weight:700;line-height:1.2;transition:color .2s ease}.detail-current-price--black{color:#1e293b}.detail-current-price--primary{color:var(--primary)}.detail-old-price-line{align-items:center;display:flex;gap:.75rem;margin-top:-.2rem}.detail-old-price{color:#64748b;font-size:.95rem;text-decoration:line-through}.detail-discount-badge{background:#ef4444;border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.detail-action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.detail-buy-button,.detail-favorite-button{border:none;border-radius:999px;box-sizing:border-box;cursor:pointer;display:block;font-size:.95rem;font-weight:600;height:48px;line-height:1.2;padding:0 1rem;text-align:center;transition:background .2s ease,color .2s ease;width:100%}.detail-favorite-button{background:#0000;border:1px solid var(--primary);color:var(--primary)}.detail-buy-button,.detail-favorite-button:hover{background:var(--primary);color:#fff}.detail-buy-button:hover{background:var(--primary-dark)}.detail-description{background:#fff;border-radius:1.5rem;box-shadow:0 8px 20px #00000014;margin:2rem auto 0;max-width:1200px;padding:2rem}.detail-description h3{font-size:1.5rem;margin-bottom:1rem}.detail-description p{color:#1e293b;line-height:1.6}.detail-error,.detail-loading{align-items:center;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}@media (max-width:768px){.detail-container{flex-direction:column}}.detail-video-player{height:100%;object-fit:contain;width:100%}.video-controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;flex-wrap:wrap;padding:.5rem 1rem}.custom-video-player:hover .video-controls{opacity:1}.progress-slider{background:#ddd}.time-display{font-size:.8rem}.volume-slider{background:#ddd;height:4px}.control-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.2rem .4rem;transition:background .2s}.control-btn:hover{background:#fff3}.progress-slider{background:#ffffff4d;height:3px}.progress-slider::-webkit-slider-thumb{background:var(--primary);box-shadow:0 0 2px #fff;height:12px;width:12px}.volume-slider{border-radius:2px}.volume-slider::-webkit-slider-thumb{height:10px;width:10px}.fullscreen-btn{font-size:1rem}.course-image-with-play{cursor:pointer;height:100%;position:relative;width:100%}.course-detail-image{display:block;height:100%;object-fit:cover;width:100%}.play-button-overlay{align-items:center;background:var(--primary);border:none;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;font-size:28px;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .2s ease,transform .1s ease;width:64px}.play-button-overlay:hover{background:var(--primary-dark);transform:translate(-50%,-50%) scale(1.05)}.trailer-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.trailer-modal-container{animation:scaleIn .25s ease;background:#000;border-radius:20px;box-shadow:0 25px 50px #00000080;max-width:1000px;overflow:hidden;width:90%}.trailer-modal-header{align-items:center;background:#111;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1rem 1.5rem}.trailer-modal-info{display:flex;flex-direction:column;gap:.25rem}.trailer-badge{color:var(--primary);font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.trailer-title{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.trailer-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.8rem;padding:0 .5rem;transition:color .2s}.trailer-close-btn:hover{color:var(--primary)}.trailer-video-wrapper{background:#000;height:0;padding-bottom:56.25%;position:relative}.trailer-video{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.trailer-video::-webkit-media-controls-panel{background:linear-gradient(0deg,#000c,#0003);border-radius:0;padding:0 1rem}.trailer-video::-webkit-media-controls-fullscreen-button,.trailer-video::-webkit-media-controls-mute-button,.trailer-video::-webkit-media-controls-play-button,.trailer-video::-webkit-media-controls-volume-slider{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.trailer-video::-webkit-media-controls-current-time-display,.trailer-video::-webkit-media-controls-time-remaining-display{color:#fff;font-family:monospace;font-size:.8rem}.trailer-video::-webkit-media-controls-timeline{background:#fff3;border-radius:4px;height:4px}.trailer-video::-webkit-media-controls-timeline::-webkit-slider-thumb{background:var(--primary);border-radius:50%;height:12px;width:12px}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.detail-buy-button.enrolled{background:#10b981;cursor:default;opacity:.8}.detail-buy-button.enrolled:hover{background:#10b981}.currency-symbol-usd{font-size:.8em;margin-right:.2rem;vertical-align:super}.currency-symbol-cis{font-weight:400;margin-left:.2rem}.current-price{font-size:1.3rem;font-weight:700;white-space:nowrap}.old-price{color:#94a3b8;font-size:1.05rem;text-decoration:line-through;white-space:nowrap}@media (max-width:768px){.detail-page{padding:1rem}.detail-container{flex-direction:column;padding:1rem}.detail-left{margin-bottom:1rem}.detail-media-card{aspect-ratio:16/9}.detail-course-title{font-size:1.2rem}.detail-spec-row{font-size:.85rem}.detail-stack-item{height:40px;width:40px}.detail-stack-logo{height:32px;width:32px}.detail-current-price{font-size:1.4rem}.detail-old-price{font-size:.85rem}.detail-buy-button,.detail-favorite-button{font-size:.85rem;height:42px}.detail-description{padding:1rem}.detail-description h3{font-size:1.2rem}.trailer-modal-container{width:95%}.trailer-title{font-size:1rem}}.lesson-page{background:#f0f2f5;min-height:100vh;padding:1rem 2rem}.lesson-header{margin-bottom:2rem;padding-left:.5rem;padding-top:.5rem}.lesson-logo{color:var(--primary);font-size:2rem;font-weight:700;text-decoration:none}.lesson-logo-text{background:none;color:var(--primary)}.lesson-container{align-items:flex-start;display:flex;gap:2rem;margin:0 auto;max-width:1400px}.lesson-video-section{flex:2 1;min-height:540px}.video-card{background:#fff;border-radius:1.5rem;box-shadow:0 8px 20px #00000014;height:100%;overflow:hidden;padding:1.5rem}.course-header-centered{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.course-logo{background:#f8fafc;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 8px #0000001a;height:64px;object-fit:cover;width:64px}.course-title-centered{color:var(--dark);font-size:2rem;font-weight:700;margin:0}.video-player-container{aspect-ratio:16/9;background:#000;border-radius:1rem;margin-bottom:1rem;overflow:hidden;width:100%}.custom-video-player{align-items:center;background:#000;display:flex;height:100%;justify-content:center;position:relative;width:100%}.custom-video{cursor:pointer;height:100%;object-fit:contain;width:100%}.video-controls{align-items:center;background:linear-gradient(0deg,#000000b3,#0000);bottom:0;display:flex;gap:.5rem;left:0;opacity:0;padding:.75rem 1rem;pointer-events:none;position:absolute;right:0;transition:opacity .3s}.video-controls.visible{opacity:1;pointer-events:auto}.progress-container{align-items:center;display:flex;flex:1 1;gap:.75rem}.progress-slider{-webkit-appearance:none;border-radius:2px;cursor:pointer;flex:1 1;height:4px}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 2px #00000080;cursor:pointer;height:14px;-webkit-transition:transform .1s;transition:transform .1s;width:14px}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.progress-slider::-webkit-slider-runnable-track{background:#0000}.time-display{background:#00000080;border-radius:4px;color:#fff;font-family:monospace;font-size:.75rem;padding:.2rem .4rem}.volume-control{align-items:center;display:flex;gap:.3rem}.volume-slider{-webkit-appearance:none;background:#ffffff4d;border-radius:3px;cursor:pointer;height:3px;width:60px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);border-radius:50%;box-shadow:0 0 2px #fff;cursor:pointer;height:12px;-webkit-transition:transform .1s;transition:transform .1s;width:12px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.volume-control .control-btn{font-size:1.2rem;padding:.2rem}.video-info{margin-top:.5rem}.video-info h3{font-size:1.4rem;margin-bottom:.5rem}.lesson-duration{background:#eef2ff;border-radius:999px;color:var(--primary);display:inline-block;font-size:.8rem;padding:.25rem .75rem}.lesson-nav-buttons-bottom{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.75rem}.lesson-nav-buttons-bottom button{background:#0000;border:1px solid var(--primary);border-radius:999px;color:var(--primary);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:.2s}.lesson-nav-buttons-bottom button:hover:not(:disabled){background:var(--primary);color:#fff}.lesson-nav-buttons-bottom button:disabled{cursor:not-allowed;opacity:.4}.lesson-list-section{background:#fff;border-radius:1.5rem;box-shadow:0 8px 20px #00000014;display:flex;flex:1 1;flex-direction:column;height:715px;padding:1.5rem}.lesson-list-section h3{flex-shrink:0;font-size:1.3rem;margin-bottom:1rem}.lessons-list{display:flex;flex:1 1;flex-direction:column;gap:.75rem;min-height:0;overflow-y:auto}.lesson-item{align-items:center;background:#f8fafc;border-radius:1rem;cursor:pointer;display:flex;gap:1rem;padding:.75rem;transition:all .2s}.lesson-item:hover{background:#eef2ff}.lesson-item.active{background:var(--primary);color:#fff}.lesson-item.active .lesson-meta,.lesson-item.active .lesson-title{color:#fff}.module-order{font-size:1rem;font-weight:600}.lesson-info{flex:1 1}.lesson-title{font-weight:500}.lesson-meta{color:var(--gray);font-size:.75rem}.lesson-item.active .lesson-meta{color:#fffc}.lessons-list::-webkit-scrollbar{width:6px}.lessons-list::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.lessons-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.lessons-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.lesson-loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.lesson-error{color:var(--danger);font-size:1.2rem;padding:2rem;text-align:center}@media (max-width:1024px){.lesson-container{flex-direction:column}.lesson-list-section{height:auto;max-height:540px}}.center-play-button{align-items:center;background:var(--primary);border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:40px;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,transform .2s ease,background .2s ease;width:80px;z-index:10}.center-play-button:hover{background:var(--primary-dark);transform:translate(-50%,-50%) scale(1.05)}.center-play-button.visible{opacity:1;pointer-events:auto}.center-play-button.hidden{opacity:0;pointer-events:none}@media (max-width:768px){.lesson-page{padding:.5rem}.lesson-container{flex-direction:column;gap:1rem}.lesson-video-section{flex:auto;min-height:auto}.video-card{padding:.75rem}.course-header-centered{gap:.5rem;margin-bottom:1rem}.course-logo{height:40px;width:40px}.course-title-centered{font-size:1.2rem}.video-player-container{aspect-ratio:16/9}.center-play-button{font-size:24px;height:50px;width:50px}.video-info h3{font-size:1.1rem}.lesson-nav-buttons-bottom{flex-wrap:wrap;justify-content:center}.lesson-nav-buttons-bottom button{font-size:.8rem;padding:.4rem .8rem}.lesson-list-section{max-height:400px;padding:1rem}.lesson-list-section h3{font-size:1.1rem;margin-bottom:.75rem}.lesson-item{gap:.5rem;padding:.5rem}.lesson-order,.lesson-title{font-size:.85rem}.lesson-meta{font-size:.7rem}.custom-video-player .video-controls{padding:.4rem .6rem}.control-btn{font-size:.9rem;padding:.1rem .2rem}.progress-slider{height:3px}.time-display{font-size:.65rem}.volume-slider{width:40px}}.video-loading-overlay{background:#000000b3}.video-error-overlay,.video-loading-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.video-error-overlay{background:#000000d9;color:#fff;flex-direction:column;gap:1rem;z-index:5}.video-error-overlay p{background:#0009;border-radius:8px;font-size:1rem;padding:.5rem 1rem}.retry-video-btn{background:var(--primary);border:none;border-radius:40px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:background .2s}.retry-video-btn:hover{background:var(--primary-dark)}.custom-video:active,.custom-video:focus{border:none;outline:none}.video-controls{pointer-events:auto;z-index:10}.video-loading-overlay{pointer-events:none;z-index:5}.video-absent-message{align-items:center;background:#f1f5f9;border-radius:1rem;color:#475569;display:flex;flex-direction:column;font-size:1.2rem;height:100%;justify-content:center;width:100%}.video-absent-icon{font-size:4rem;margin-bottom:1rem}.video-absent-message p{margin:0}.resume-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:30}.resume-overlay-content{color:#fff;max-width:90%;padding:2rem;text-align:center}.resume-overlay-icon{font-size:4rem;margin-bottom:1rem}.resume-overlay-text{font-size:1.8rem;font-weight:500;line-height:1.3;margin-bottom:2rem}.resume-overlay-text strong{color:var(--primary);font-weight:700}.resume-overlay-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.resume-overlay-btn{border:none;border-radius:50px;cursor:pointer;font-size:1.2rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.resume-overlay-btn.primary{background:var(--primary);box-shadow:0 4px 12px #0000004d;color:#fff}.resume-overlay-btn.primary:hover{background:var(--primary-dark);transform:scale(1.02)}.resume-overlay-btn.secondary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff4d;color:#fff}.resume-overlay-btn.secondary:hover{background:#ffffff4d}@media (max-width:768px){.resume-overlay-text{font-size:1.2rem}.resume-overlay-btn{font-size:1rem;padding:.5rem 1.2rem}.resume-overlay-icon{font-size:3rem}}.control-btn{align-items:center;background:#0009;border-radius:50%;color:#fff;display:inline-flex;font-size:1rem;height:32px;justify-content:center;padding:0;transition:background .2s,transform .1s;width:32px}.control-btn:hover{background:var(--primary);transform:scale(1.05)}.control-btn svg{stroke:currentColor;fill:none;display:block;height:18px;width:18px}.control-btn.volume-icon svg{fill:none;stroke:#fff}.control-btn.volume-icon:hover svg{stroke:#fff}.speed-select{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;height:32px;outline:none;padding:.2rem .8rem;transition:all .2s}.speed-select:hover{background:var(--primary);border-color:var(--primary)}.speed-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4b5dff4d}.speed-select option{background:#1e1e2f;color:#fff}.fullscreen-btn{align-items:center;background:#0009;border-radius:50%;display:inline-flex;height:32px;justify-content:center;width:32px}.fullscreen-btn svg{fill:#fff;height:18px;width:18px}.fullscreen-btn:hover{background:var(--primary)}.video-controls{transition:opacity .2s}.video-loading-overlay+.video-controls{opacity:0;pointer-events:none}.payment-page{background:#f0f2f5;min-height:100vh;padding:2rem}.payment-container{margin:0 auto;max-width:1300px}.payment-back-button{background:none;border:none;color:var(--primary);cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;margin-bottom:1.5rem;padding:0;transition:color .2s ease}.payment-back-button:hover{color:var(--primary-dark);text-decoration:underline}.payment-grid{align-items:stretch;display:flex;gap:2rem}.payment-left{display:flex;flex:1.2 1;flex-direction:column;gap:2rem}.course-preview-card{align-items:center;background:#fff;border-radius:1.5rem;box-shadow:0 8px 20px #0000001a;display:flex;gap:2rem;padding:2rem}.course-preview-image{align-items:center;background:linear-gradient(135deg,var(--primary-light),var(--primary));border-radius:1rem;display:flex;flex-shrink:0;height:140px;justify-content:center;overflow:hidden;width:140px}.course-preview-image img{height:100%;object-fit:cover;width:100%}.course-preview-placeholder{font-size:3rem}.course-preview-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.course-preview-title{color:var(--dark);font-size:1.5rem;font-weight:700;margin:0}.course-preview-price{align-items:baseline;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.25rem}.course-preview-price .old-price{color:#94a3b8;font-size:1.1rem}.course-preview-price .current-price{color:var(--primary);font-size:1.8rem;font-weight:800}.payment-methods-card{background:#fff;border-radius:1.5rem;box-shadow:0 8px 20px #0000001a;padding:2rem}.payment-methods-title{color:var(--dark);font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.payment-methods-list{display:flex;flex-direction:column;gap:1.2rem}.payment-method-btn{background:#0000;border:1.5px solid var(--primary);border-radius:1rem;color:var(--primary);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease;width:fit-content}.payment-method-btn.active{background:var(--primary);color:#fff}.saved-cards{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.saved-cards-placeholder{color:#94a3b8;font-size:.9rem}.payment-right{flex:1 1}.order-summary-card{background:#fff;border-radius:1.5rem;box-shadow:0 8px 20px #0000001a;display:flex;flex-direction:column;height:100%;padding:2rem}.order-summary-title{border-bottom:2px solid #e2e8f0;color:var(--dark);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem}.order-summary-details{display:flex;flex:1 1;flex-direction:column;gap:1rem;margin-bottom:2rem}.summary-row{color:#475569;display:flex;font-size:1.1rem;justify-content:space-between}.old-price-inline{color:#94a3b8}.discount-row{color:#ef4444}.total-row{border-top:2px dashed #cbd5e1;color:#0f172a;font-size:1.3rem;font-weight:700;margin-top:1rem;padding-top:1rem}.total-amount{color:var(--primary);font-size:1.5rem}.pay-button{background:var(--primary);border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:auto;padding:1.2rem;transition:background .2s ease;width:100%}.pay-button:hover{background:var(--primary-dark)}.pay-button:disabled{cursor:not-allowed;opacity:.6}.payment-error,.payment-loading{align-items:center;color:var(--gray);display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}@media (max-width:768px){.course-preview-card,.payment-grid{flex-direction:column}.course-preview-card{text-align:center}.course-preview-price{justify-content:center}}.code-input-container{margin:1rem 0;position:relative}.code-input-container,.code-inputs{display:flex;justify-content:center}.code-inputs{gap:.5rem}.code-input{background:#fff;border:1px solid var(--border);border-radius:12px;font-size:1.5rem;font-weight:600;height:56px;text-align:center;transition:all .2s;width:48px}.code-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4b5dff33;outline:none}.code-input.success{background:#10b9811a;border-color:#10b981;border-color:var(--success,#10b981)}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.checkmark-animation{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.checkmark{stroke:#10b981;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 0 #10b981;display:block;height:56px;width:56px}.checkmark,.checkmark__circle{stroke-width:2;stroke-miterlimit:10}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke:#10b981;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;transform-origin:50% 50%}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #10b981}}.auth-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.auth-modal{animation:slideUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 20px 35px -8px #0003;max-width:420px;padding:2rem;position:relative;width:90%}.auth-modal-close{background:none;border:none;color:var(--gray);cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;transition:color .2s}.auth-modal-close:hover{color:var(--danger)}.auth-modal-header{margin-bottom:1.5rem;text-align:center}.auth-modal-logo{display:block;font-size:2.5rem;margin-bottom:.5rem}.auth-modal-header h2{color:var(--dark);font-size:1.5rem;font-weight:600;margin:0}.auth-modal-subtitle{color:var(--gray);margin-bottom:1rem;text-align:center}.auth-modal-input{border:1px solid var(--border);border-radius:12px;font-size:1rem;margin-bottom:1rem;outline:none;padding:.8rem 1rem;transition:border .2s;width:100%}.auth-modal-input:focus{border-color:var(--primary)}.auth-modal-input-error{border-color:var(--danger)}.auth-modal-button{background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:1rem;padding:.8rem;transition:background .2s;width:100%}.auth-modal-button:hover:not(:disabled){background:var(--primary-dark)}.auth-modal-button:disabled{cursor:not-allowed;opacity:.6}.auth-modal-terms{color:var(--gray);font-size:.75rem;margin-top:1rem;text-align:center}.auth-modal-terms a{color:var(--primary);text-decoration:none}.auth-modal-terms a:hover{text-decoration:underline}.auth-modal-error{color:var(--danger);font-size:.85rem;margin-bottom:.5rem;margin-top:-.5rem;text-align:center}.auth-modal-timer{color:var(--gray);font-size:.85rem;margin:1rem 0;text-align:center}.auth-modal-resend{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:500}.auth-modal-resend:hover{text-decoration:underline}.auth-modal-back-link{background:none;border:none;color:var(--gray);cursor:pointer;display:block;font-size:.85rem;margin-top:1rem;text-align:center}.auth-modal-back-link:hover{color:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stack-page{background:#f0f2f5;min-height:100vh;padding:2rem}.stack-container{background:#fff;border-radius:1.5rem;box-shadow:0 8px 20px #00000014;margin:0 auto;max-width:1000px;padding:2rem 2rem 5rem;position:relative}.stack-content{display:flex;flex-wrap:wrap;gap:2rem}.stack-left{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:200px;text-align:center}.stack-logo-wrapper{margin-bottom:1rem}.stack-logo-large{background:#f8fafc;box-shadow:0 4px 12px #0000000d;object-fit:contain;padding:.5rem}.stack-logo-large,.stack-logo-placeholder{border:1px solid #e2e8f0;border-radius:50%;height:160px;width:160px}.stack-logo-placeholder{align-items:center;background:#f1f5f9;display:flex;font-size:4rem;justify-content:center}.stack-name{color:var(--dark);font-size:2rem;font-weight:700;margin:0}.stack-right{flex:2 1;min-width:250px}.stack-description-title{border-left:4px solid var(--primary);color:var(--dark);font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding-left:.75rem}.stack-description-text{word-wrap:break-word;color:#334155;font-size:1rem;line-height:1.6;max-width:100%;overflow-wrap:break-word;white-space:normal}.stack-cta{bottom:1.5rem;position:absolute;right:1.5rem;z-index:2}.stack-cta-button{background:#4b49e814;border:none;border-radius:40px;color:var(--primary);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1.2rem;transition:all .2s ease;white-space:nowrap}.stack-cta-button:hover{background:var(--primary);color:#fff;transform:translateX(4px)}.stack-error,.stack-loading{align-items:center;color:var(--gray);display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top:4px solid var(--primary);height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.stack-container{padding:1.5rem 1.5rem 4rem}.stack-content{align-items:center;flex-direction:column;text-align:center}.stack-left,.stack-right{width:100%}.stack-description-title{border-bottom:2px solid var(--primary);border-left:none;padding-bottom:.5rem;padding-left:0;text-align:center}.stack-cta-button{text-align:center;white-space:normal}}.mobile-bottom-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 -2px 10px #0000000d;display:flex;justify-content:space-around;left:0;padding:.5rem 0 .8rem;position:fixed;right:0;z-index:100}.bottom-nav-item{align-items:center;background:none;border:none;border-radius:30px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;gap:.2rem;padding:.3rem .8rem;transition:color .2s}.bottom-nav-item svg{stroke-width:1.8;height:22px;width:22px}.bottom-nav-item span{font-size:.65rem;font-weight:500}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active svg{stroke:var(--primary);fill:#0000}@media (min-width:769px){.mobile-bottom-nav{display:none}}.notification-toast{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293bf2;border:none;border-radius:40px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #00000005;color:#fff;left:50%;padding:.6rem 1.2rem;position:fixed;top:80px;transform:translateX(-50%);will-change:transform,opacity;z-index:2000}.notification-toast.enter{animation:dropAndBounce .5s cubic-bezier(.34,1.3,.55,1) forwards}.notification-toast.exit{animation:fadeUp .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes dropAndBounce{0%{opacity:0;transform:translateX(-50%) translateY(-100px)}60%{opacity:1;transform:translateX(-50%) translateY(8px)}80%{transform:translateX(-50%) translateY(-3px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeUp{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-60px)}}.notification-content{align-items:center;display:flex;font-size:.85rem;font-weight:500;gap:.6rem}.notification-icon{font-size:1rem;font-weight:600}.notification-toast.success .notification-icon{color:#10b981}.notification-toast.error .notification-icon{color:#ef4444}.notification-toast.info .notification-icon{color:var(--primary)}.notification-message{color:#fff;font-weight:500}:root{--primary:#4b49e8;--primary-dark:#3a3bc0;--primary-light:#e3e6ff;--secondary:#ffb74d;--dark:#1e293b;--gray:#64748b;--light:#f8fafc;--danger:#e03d3d;--border:#e2e8f0;--radius:0.5rem;--transition:all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}#root,body,html{background:#f8fafc;background:var(--light)}body{-webkit-font-smoothing:antialiased;color:#1e293b;color:var(--dark);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.container{margin:0 auto;max-width:1500px;padding:0 1rem}a{color:inherit;text-decoration:none}button{font-family:inherit}.btn{align-items:center;background:#0000;border:1px solid #4b49e8;border:1px solid var(--primary);border-radius:9999px;color:#4b49e8;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;padding:.6rem 1.2rem;transition:all .2s ease;transition:var(--transition)}.btn-solid,.btn:hover{background:#4b49e8;background:var(--primary);color:#fff}.btn-solid:hover{background:#3a3bc0;background:var(--primary-dark)}.btn-danger{border-color:#e03d3d;border-color:var(--danger);color:#e03d3d;color:var(--danger)}.btn-danger:hover{background:#e03d3d;background:var(--danger);color:#fff}@media (max-width:768px){body{padding-bottom:70px}}video:focus{outline:none}
/*# sourceMappingURL=main.bb70116b.css.map*/