:root{--text:#6b6375;--text-h:#08060d;--bg:#212121;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}body{margin:0}.category-container{border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:4px 6px;display:inline-flex}.category-text{color:var(--Primary-Soft-Black,#212121);text-align:right;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.course-left-side{flex-direction:column;align-self:stretch;align-items:flex-start;gap:12px;padding:0 2px;display:flex}.course-image{border-radius:12px;width:253px;height:162.643px}.course-para-container{flex-direction:column;align-self:stretch;align-items:flex-start;gap:4px;display:flex}.course-title{height:20px;max-height:40px;color:var(--Primary-White,#fff);text-overflow:ellipsis;white-space:nowrap;align-self:stretch;font-size:14px;font-style:normal;font-weight:500;line-height:20px;overflow:hidden}.course-author{color:var(--Primary-Lemon,#ffda58);align-self:stretch;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.course-category{position:absolute;top:8px;left:8px}.course-card-container{position:relative}.course-preview-page{flex-direction:column;align-items:stretch;gap:24px;width:fit-content;min-width:880px;margin:0 auto;display:flex}#course-preview-list{grid-template-columns:repeat(3,1fr);gap:60px;display:grid}.search-header-container{box-sizing:border-box;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:100%;display:flex}.search-header-logo-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.search-bar-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:12px;width:100%;padding:8px 16px;display:flex}.search-bar{background:var(--Secondary-Invisible-Grey,#3d3d3d);border-radius:12px;justify-content:center;align-self:stretch;align-items:center;gap:6px;padding:12px 12px 12px 8px;display:flex}.search-bar-content{flex:1 0 0;align-items:center;gap:4px;display:flex}.search-bar-icon{width:24px;height:24px}.search-bar-input{align-items:center;gap:var(--Spacing-0,0);color:var(--Primary-White,#fff);background:0 0;border:none;outline:none;flex:1 0 0;padding-left:4px;font-family:inherit;font-size:16px;display:flex}.search-bar-input::placeholder{color:var(--Secondary-Mouse,#b0b0b0)}.tabs-container{border-bottom:1px solid var(--Secondary-Mouse,#838383);align-self:stretch;align-items:center;gap:12px;padding:0 16px;display:flex}.tabs{flex-direction:row;flex:1 0 0;justify-content:space-between;align-items:center;display:flex}.tab-button{cursor:pointer;color:var(--Secondary-Mouse,#838383);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;justify-content:center;align-items:center;padding:12px 8px;font-weight:400;display:flex}.tab-button.active{color:var(--Primary-Lemon,#ffda58);border-bottom:2px solid var(--Primary-Lemon,#ffda58);font-weight:700}#main-page-container{flex-direction:column;align-items:center;width:100%;margin:0 auto;padding:10px;display:flex}.author-card-container{background:var(--Secondary-Invisible-Grey,#3d3d3d);border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;width:358px;padding:16px;display:flex}.author-header-container{justify-content:space-between;align-self:stretch;align-items:center;display:flex}.author-header-subcontainer{flex-direction:column;align-self:stretch;align-items:flex-start;gap:2px;width:274px;display:flex}.author-name{color:var(--Primary-White,#fff);align-self:stretch;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.author-profession{color:var(--Primary-Lemon,#ffda58);align-self:stretch;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.author-bio{color:var(--Secondary-Ceramic,#cdcdcd);align-self:stretch;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.author-image{background:var(--author-avatar-url) lightgray 50% / cover no-repeat;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;padding:7.5px;display:flex}.review-card-container{align-self:stretch;align-items:center;gap:12px;display:flex}.review-name-container{flex-direction:column;flex:1 0 0;align-items:flex-start;gap:2px;display:flex}.review-name{color:var(--Primary-White,#fff);align-self:stretch;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.review-rating{-webkit-line-clamp:1;line-clamp:1;color:var(--Primary-Lemon,#ffda58);text-overflow:ellipsis;-webkit-box-orient:vertical;font-family:Ubuntu;font-size:16px;font-style:normal;font-weight:500;line-height:24px;display:-webkit-box;overflow:hidden}#review-list{flex-direction:column;align-self:stretch;align-items:flex-start;gap:12px;display:flex}#review-list-header{color:var(--Primary-White,#fff);align-self:stretch;font-size:16px;font-style:normal;font-weight:500;line-height:24px}#course-page{width:flex;flex-direction:column;align-items:center;gap:20px;padding:24px 0 0;display:flex}#course-page-header{justify-content:space-between;align-self:stretch;align-items:center;height:44px;padding:12px 0;display:flex;position:relative}#course-page-return-button{border-radius:var(--Radius-xs,4px);z-index:1;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:flex}#course-page-logo{align-self:center;width:146.339px;height:20px;position:absolute;left:50%;transform:translate(-50%)}#course-page-image{background:var(--image-url) lightgray 50% / cover no-repeat;border-radius:8px;align-self:stretch;height:512px}#course-page-title-container{flex-direction:column;align-self:stretch;align-items:flex-start;gap:12px;display:flex}#course-page-top{justify-content:space-between;align-self:stretch;align-items:flex-start;display:flex}#bookmark{width:24px;height:24px}#course-page-title{flex-direction:column;align-self:stretch;align-items:flex-start;gap:4px;display:flex}#course-title{color:var(--Primary-White,#fff);align-self:stretch;font-size:24px;font-style:normal;font-weight:500;line-height:32px}#course-author{color:var(--Primary-Lemon,#ffda58);align-self:stretch;font-size:14px;font-style:normal;font-weight:500;line-height:20px}#course-page-bottom{align-self:stretch;align-items:flex-start;gap:20px;display:flex}#course-page-left{flex-direction:column;flex:1 0 0;align-items:flex-start;gap:20px;width:527px;display:flex}#course-description-container{flex-direction:column;align-self:stretch;align-items:flex-start;gap:12px;display:flex}#course-description-header{color:var(--Primary-White,#fff);align-self:stretch;font-size:16px;font-style:normal;font-weight:500;line-height:24px}#course-description{color:var(--Secondary-Ceramic,#cdcdcd);align-self:stretch;font-size:14px;font-style:normal;font-weight:400;line-height:20px}#course-page-right{flex-direction:column;align-items:flex-start;gap:20px;display:flex}#unlock-button{background:var(--Primary-Lemon,#ffda58);border-radius:12px;justify-content:center;align-self:stretch;align-items:center;width:250px;padding:16px 12px;display:flex}#unlock-button-text{-webkit-line-clamp:1;line-clamp:1;color:var(--Primary-Soft-Black,#212121);text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:20px;font-style:normal;font-weight:700;line-height:24px;display:-webkit-box;overflow:hidden}#start-button{background:var(--Secondary-Green,#63f896);border-radius:12px;justify-content:center;align-self:stretch;align-items:center;width:250px;padding:16px 12px;display:flex}#start-button-text{-webkit-line-clamp:1;line-clamp:1;color:var(--Primary-Soft-Black,#212121);text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:20px;font-style:normal;font-weight:700;line-height:24px;display:-webkit-box;overflow:hidden}