:root{--color-yellow: #FFDA58;--color-background-medium: #3D3D3D;--color-white: #FFFFFF;--color-dark-gray: #212121;--color-text-light-gray: #CDCDCD;--color-text-gray: #3D3D3D;font-size:16px;font-family:Ubuntu,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--color-dark-gray);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}input,button{font-family:inherit}#main-page-container{margin:auto 15%}.page-container{max-width:800px;margin:0 auto}.header{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px;padding-top:20px;width:100%;position:sticky;top:0;background-color:var(--color-dark-gray);z-index:1}.course-preview-list{display:grid;grid-template-columns:repeat(3,1fr);row-gap:20px;column-gap:20px;width:100%;padding:20px 0}.course-preview-list>div{min-width:0}.site-logo{height:20px;width:146px;padding-bottom:12px;padding-top:12px}.course-preview{width:100%}.image-and-category-container{position:relative;width:100%}.category{position:absolute;top:8px;left:8px;border-radius:8px;color:var(--color-dark-gray);padding:4px 6px;font-size:.75rem;line-height:1.333;font-weight:500}.course-image{border-radius:12px;width:100%;display:block}.course-title{font-size:.875rem;line-height:1.429;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.course-author{color:var(--color-yellow);font-size:.75rem;line-height:1.333}.course-title-and-author{padding-top:12px}#loading-page{display:flex;justify-content:center;align-items:center;min-height:100vh}#loading-page .loading-content{display:flex;flex-direction:column;align-items:center;gap:56px}#loading-page .logo{width:234px;height:32px}#loading-page .loading-gif{width:150px;height:150px}.search-bar-container{width:100%;padding:8px 16px;box-sizing:border-box}.search-container{width:100%;padding:12px 12px 12px 8px;gap:4px;border-radius:12px;background-color:#3d3d3d;display:flex;align-items:center;box-sizing:border-box}.search-icon{width:24px;height:24px;flex-shrink:0}.search-input{width:100%;background:transparent;border:none;outline:none;font-size:.875rem;line-height:1.429;color:var(--color-white)}.search-input::placeholder{color:#cdcdcd}.categories-container{display:flex;flex-direction:row;gap:12px;padding:0 16px;width:100%;box-shadow:inset 0 -1px #838383;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;box-sizing:border-box}.category-button{flex:1;min-width:fit-content;background:none;border:none;border-bottom:2px solid transparent;padding:12px 8px;color:#838383;cursor:pointer;font-size:.75rem;line-height:1.333;font-weight:600;text-align:center;font-family:sans-serif}.category-button:hover,.category-button.selected{color:var(--color-yellow);border-bottom:2px solid var(--color-yellow)}#course-page{padding-bottom:24px;display:flex;flex-direction:column;gap:20px;max-width:800px;margin:0 auto;box-sizing:border-box}#course-page .header{display:grid;position:sticky;top:0;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;background-color:var(--color-dark-gray)}#course-page .return-button{background-color:transparent;border:none;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;position:relative;padding:0}#course-page .vector-icon{position:absolute}#course-page .logo{width:146px;height:20px;padding:12px 0}#course-page .course-image{width:100%;height:512px;border-radius:8px;display:block}#course-page .course-info{display:grid;grid-template-columns:2fr 1fr;column-gap:20px;width:100%;box-sizing:border-box}#course-page .course-info-left{display:flex;flex-direction:column;gap:20px}.course-details-header{width:100%}.course-details-header__category-container{display:flex;justify-content:space-between;align-items:center}.course-details-header__category{background-color:#aefd6c;border-radius:8px;color:#000;padding:4px 6px;font-size:.75rem;font-weight:500;line-height:1.333;text-align:center;color:var(--color-dark-gray);display:flex;align-items:center;justify-content:center}.course-details-header__saved-icon{width:24px;height:24px}.course-details-header__rating-author{font-weight:500;font-size:.875rem;line-height:1.429;color:var(--color-yellow);padding-top:4px}.course-details-header__title{font-weight:500;font-size:1.5rem;line-height:1.333;padding-top:12px}.course-description{display:flex;flex-direction:column;gap:8px}.course-description__header{font-weight:500;font-size:1rem;line-height:1.5}.course-description__text{font-size:.875rem;line-height:1.429;color:#cdcdcd}.about-author{border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px;background-color:#3d3d3d}.course-author__header{display:flex;justify-content:space-between;align-items:flex-start}.course-author__text-info{display:flex;flex-direction:column}.course-author__avatar{width:40px;height:40px;border-radius:4px;object-fit:cover;display:block}.course-author__profession{color:var(--color-yellow);font-size:.75rem;line-height:1.333}.course-author__name{font-weight:500;font-size:1rem;line-height:1.5}.course-author__biography{font-size:.875rem;line-height:1.429;line-height:20px;color:#cdcdcd}.course-reviews{display:flex;flex-direction:column;gap:12px}.course-reviews__header{font-weight:500;font-size:1rem;line-height:1.5}.course-reviews__list{display:flex;flex-direction:column;gap:12px}.course-review{display:flex;justify-content:space-between;align-items:center}.course-review__name{font-weight:500;font-size:.875rem;line-height:1.429}.course-review__rating{font-weight:500;font-size:1rem;line-height:1.5;color:var(--color-yellow)}.course-button{justify-self:end;align-self:start;width:253px;height:56px;padding:16px 12px;border-radius:12px;border:none;cursor:pointer;font-weight:700;font-size:1.25rem;line-height:1.2;color:var(--color-dark-gray);display:flex;justify-content:center;align-items:center}.course-button-yellow{background-color:var(--color-yellow)}.course-button-green{background-color:#63f896}.course-unlock-overlay{position:fixed;inset:0;background-color:var(--color-dark-gray);display:flex;flex-direction:column;align-items:center;gap:56px;padding:73px 0;box-sizing:border-box;z-index:1000;overflow-y:auto}.course-unlock-overlay>*{max-width:800px;width:100%}.course-unlock__header-img{display:flex;flex-direction:column;gap:32px;width:100%}.unlock-course-image{width:100%;height:340px;object-fit:cover;border-radius:8px}.unlock-offer{display:flex;flex-direction:column;align-items:center;gap:8px}.unlock-offer__limited{padding:4px 6px;border-radius:8px;font-weight:500;font-size:.75rem;line-height:1.333;background:#fff7b0;color:var(--color-dark-gray);width:fit-content;margin-bottom:16px}.unlock-offer__title{font-weight:500;font-size:1.5rem;line-height:1.333;color:var(--color-white);text-align:center}.unlock-offer__description{font-size:1rem;line-height:1.5;color:#cdcdcd;text-align:center}.unlock-header{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:16px 0}.unlock-header__title{font-size:.75rem;line-height:1.333;color:var(--color-white);text-align:center}.unlock-header__close-button{position:absolute;right:16px;background-color:transparent;border:none;cursor:pointer;width:24px;height:24px}.unlock-actions{max-width:480px;width:100%;display:flex;flex-direction:column;gap:12px}.unlock-actions__trial-row{display:flex;justify-content:space-between;align-items:center;background-color:#3d3d3d;height:66px;padding:0 20px;border-radius:8px}.unlock-actions__trial-text{font-size:1rem;line-height:1.25;color:var(--color-white);font-weight:700}.unlock-actions__get-trial-text{font-size:.75rem;line-height:1.333;color:#b4c1cb}.unlock-actions__free-trial-textbox{display:flex;flex-direction:column;gap:2px}.unlock-actions__free-trial-icon{width:22px;height:22px}.unlock-actions__free-trial-button{background-color:transparent;border:none;cursor:pointer;padding:0;display:flex}.unlock-actions .course-button{width:100%;justify-self:unset;align-self:unset}.unlock-actions__price{font-weight:500;font-size:1rem;line-height:1.5;color:var(--color-white);text-align:center;padding-bottom:4px}.course-completed{width:400px;height:392px;border-radius:8px;background-color:var(--color-white);margin:auto;display:flex;align-items:center;justify-content:center}.course-completed-overlay{position:fixed;inset:0;background-color:#0000004d;pointer-events:all;overflow:hidden;display:flex;align-items:center;justify-content:center}.course-completed__content{display:flex;flex-direction:column;gap:25px;width:360px}.course-completed__icon-wrapper{padding-top:47px;display:flex;justify-content:center;align-items:center}.course-completed .course-button{max-width:250px;max-height:40px;justify-self:center;align-self:center;font-size:1rem;line-height:1.5;margin-bottom:20px}.completion-message{display:flex;flex-direction:column;gap:10px}.completion-message__title{font-weight:700;font-size:1.5rem;line-height:1.333;text-align:center;color:#3d3d3d}.completion-message__description{font-size:.875rem;line-height:1.429;text-align:center;color:var(--color-dark-gray)}#error-page{display:flex;justify-content:center;align-items:center;min-height:100vh}#error-page .error-content{display:flex;flex-direction:column;align-items:center;gap:56px}#error-page .error-text-content{display:flex;flex-direction:column;align-items:center;gap:8px}#error-page .logo{width:116px;height:100px}#error-page .error-message{font-weight:600;font-size:1.5rem;line-height:1.333;color:var(--color-white)}#error-page .error-submessage{font-size:.875rem;line-height:1.429;color:#cdcdcd}#error-page .course-button{width:400px}