.homepage-content-container{flex-direction:column;justify-content:flex-start;gap:60px;display:flex}.header-container{border-bottom:1px solid #e2e8f0;justify-content:flex-start;align-items:center;gap:20px;height:65px;padding:20px 80px;font-family:Inter;text-decoration:none;display:flex}.logo-container,.profile-container,.searchbar-container{justify-content:space-between;align-items:center;height:40px;display:flex}.logo-container{width:83px;text-decoration:none}.logo-container h1{font-size:16px;font-weight:medium;color:#334155}.searchbar-container{border-radius:8px;justify-content:flex-start;gap:10px;width:622px;padding:10px;box-shadow:inset 0 0 0 1px #334155}.searchbar-container .search-icon{width:20px;height:20px}.searchbar-container input{border:none;outline:none;font-size:14px}.searchbar-container input::placeholder{color:#334155}.profile-container{white-space:nowrap;gap:24px;width:206px;margin-left:auto}.favorite,.cart,.notification{width:24px;height:24px}.categories-link,.teach-link,.favorite-link,.cart-link,.notification-link,.profile-button{color:#334155;cursor:pointer;background-color:#0000;border:none;font-size:14px;font-weight:500;text-decoration:none}.profile-button{width:40px;height:40px;font-size:16px;font-weight:medium;color:#fff;background-color:#334155;border-radius:100%;justify-content:center;align-items:center;display:flex}.login-button,.signup-button{cursor:pointer;height:40px;padding:10px;font-size:14px;font-weight:500;text-decoration:none}.login-button{color:#64748b;background-color:#0000;border:1px solid #64748b;width:61px}.signup-button{color:#fff;background-color:#64748b;border:none;width:73px}.footer-container{background-color:#1e293b;justify-content:space-between;width:100%;height:400px;padding:60px;font-family:Inter;display:flex}.footer-logo-container,.help-container ul,.programs-container ul,.contact-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;display:flex}.footer-logo-container{width:416px;height:161px}.footer-logo{justify-content:flex-start;align-items:center;gap:5px;width:111px;height:40px;display:flex}.footer-logo h2{color:#fff;font-size:23px;font-weight:400}.footer-logo-container p{color:#cbd5e1;font-size:14px;line-height:1.5}.help-container,.programs-container{white-space:nowrap}.help-container h2,.programs-container h2,.contact-container h2{font-size:18px;font-weight:semiBold;color:#cbd5e1}.help-container ul,.programs-container ul{gap:16px;margin-top:16px;list-style:none}.help-container ul a,.programs-container ul a,.contact-container p{color:#cbd5e1;font-size:14px;text-decoration:none}.contact-container p{margin-top:8px}.contact-container a{margin-top:24px}.banner-container{justify-content:space-between;align-items:center;padding:60px 80px 40px;display:flex}.banner-content-container{width:592px;height:262px}.banner-content-container h2{color:#0f172a;font-size:40px;font-weight:700}.banner-content-container p{color:#334155;margin-top:16px;font-size:16px}.banner-content-container .start-button{width:238px;height:48px;font-size:14px;font-weight:medium;color:#fff;background-color:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;margin-top:24px;padding:10px 24px;text-decoration:none;display:flex}.stats-container{background-color:#f8fafc;justify-content:space-around;align-items:center;height:149px;display:flex}.stats-container .line{width:0;height:55px}.stats-container .stat-box{white-space:nowrap;flex-direction:column;justify-content:space-between;align-items:center;width:192px;height:69px;display:flex}.stats-container .stat-box h2{font-size:32px;font-weight:semiBold}.stats-container .stat-box p{color:#0f172a;margin-top:auto;font-size:14px}.top-container{flex-direction:column;justify-content:flex-start;gap:31px;padding:0 80px;display:flex}.top-container-title{justify-content:space-between;align-items:center;height:48px;display:flex}.top-container-title h2{font-size:24px;font-weight:semiBold;color:#0f172a}.see-all-link{font-size:14px;font-weight:medium;color:#3b82f6;margin-right:24px;text-decoration:none}.top-card-container{justify-content:space-between;align-items:center;display:flex}.course-card{cursor:pointer;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;width:298px;height:312px;padding:16px;display:flex;box-shadow:0 0 5px #0000001a}.course-card-picture img{border-radius:8px;width:266px;height:139px}.course-card h3{font-size:18px;font-weight:semiBold;color:#0f172a}.course-card p{color:#334155;font-size:14px}.course-card h4{font-size:20px;font-weight:semiBold;color:#0f172a}.course-progress-bar,.course-progress-bar .course-progress{background-color:#e0f2fe;border-radius:60px;width:263px;height:3px}.course-rating{justify-content:flex-start;align-items:center;gap:8px;display:flex}.course-rating p{color:#334155;font-size:12px;font-weight:700}.star-rating-container{align-items:center;gap:4px;display:flex}.teacher-card{cursor:pointer;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;width:212px;padding:16px;display:flex;box-shadow:0 0 5px #0000001a}.teacher-picture{text-align:center;border-bottom:1px solid #e2e8f0;height:210px}.teacher-picture img{object-fit:cover;object-position:top;border-radius:8px;width:177px;height:132px}.teacher-picture h3{font-size:18px;font-weight:semiBold;color:#0f172a;margin-top:12px}.teacher-picture p{color:#334155;margin-top:5px;font-size:14px}.teacher-card button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:179px;height:40px;padding:10px 24px;font-size:14px;font-weight:500;display:flex}.teacher-card .teacher-rating{justify-content:space-between;align-items:center;width:180px;height:40px;display:flex}.teacher-card .teacher-rating .stars-rating{justify-content:space-between;align-items:center;width:43px;display:flex}.teacher-card .teacher-rating .stars-rating p{color:#0f172a;font-size:13px;font-weight:500}.teacher-card .teacher-rating p{color:#334155;font-size:13px;font-weight:500}.bottom-container{flex-direction:column;justify-content:center;align-items:center;gap:60px;margin:60px 0;padding:0 80px;display:flex}.bottom-top,.bottom-bottom{justify-content:space-between;align-items:center;gap:auto;width:77.986%;display:flex}.bottom-top-content,.bottom-bottom-content{width:48.887%;height:154px}.bottom-top-content h2,.bottom-bottom-content h2{font-size:20px;font-weight:semiBold}.bottom-top-content p,.bottom-bottom-content p{color:#1d2939;margin-top:8px;font-size:16px;line-height:1.6}.bottom-top-button,.bottom-bottom-button{white-space:nowrap;cursor:pointer;width:273px;height:48px;font-size:14px;font-weight:medium;color:#fff;background-color:#020617;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:10px 24px;text-decoration:none;display:flex}.bottom-bottom-button{width:202px}.login-container{justify-content:flex-end;gap:42px;display:flex}.login-frame{width:100%;padding:160px 0 0 80px}.login-box{flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;display:flex}.login-form{width:100%;max-width:690px}.login-box h1{color:#0f172a;font-size:32px;font-weight:600}.form-group input{border:1px solid #e2e8f0;border-radius:8px;max-width:690px;height:58px;padding:16px;font-size:16px}.error-message{color:#c33;text-align:center;background-color:#fee;border:1px solid #fcc;border-radius:5px;max-width:690px;margin-top:24px;margin-bottom:20px;padding:12px;font-size:14px}.sign-in-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#160018,#2a0b2f);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 24px;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;box-shadow:0 2px 8px #2c003c1f}.sign-in-button p{font-size:14px;font-weight:500}.register-container{justify-content:flex-start;gap:42px;display:flex}.register-frame{width:100%;padding:100px 0 0 80px}.register-box{flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;display:flex}.register-form{width:100%;max-width:690px}.register-box h1{color:#0f172a;font-size:32px;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-group{flex-direction:column;justify-content:flex-start;gap:6px;margin-bottom:20px;display:flex}.form-group label{color:#0f172a;margin-bottom:16px;font-size:18px;font-weight:600}.form-group input{box-sizing:border-box;border:1px solid #ddd;border-radius:5px;width:100%;padding:12px;font-size:14px;transition:border-color .3s}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 5px #667eea4d}.error-message{color:#c33;text-align:center;background-color:#fee;border:1px solid #fcc;border-radius:5px;margin-bottom:20px;padding:12px;font-size:14px}.create-account-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#160018,#2a0b2f);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 24px;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;box-shadow:0 2px 8px #2c003c1f}.create-account-button p{font-size:14px;font-weight:500}.user-content-container{justify-content:flex-start;gap:40px;padding:40px 80px;display:flex}.user-content{width:100%}.sidebar-frame{background-color:#f8fafc;border-radius:16px;width:290px;height:607px}.sidebar-top-container{border-bottom:1px solid #e2e8f0;flex-direction:column;justify-content:space-between;align-items:center;width:274px;height:318px;margin-left:auto;margin-right:auto;padding:24px 0;display:flex}.profile-picture-frame{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;display:flex;overflow:hidden}.profile-picture-frame img{object-fit:cover;width:100%;height:100%}.sidebar-top-container h2{font-size:20px;font-weight:semiBold;color:#0f172a}.sidebar-top-container button{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:164px;height:48px;padding:10px 24px;display:flex}.sidebar-top-container button p{white-space:nowrap;font-size:14px;font-weight:medium;color:#0f172a}.sidebar-bottom-container ul{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:290px;height:265px;margin-top:24px;display:flex}.sidebar-bottom-container ul li{border:none;border-bottom:1px solid #e2e8f0;width:100%;height:53px;list-style:none}.sidebar-bottom-container ul li a{color:#334155;align-items:center;width:100%;height:100%;padding:16px;font-size:14px;text-decoration:none;display:flex}.sidebar-bottom-container ul li:last-child{border:none}.sidebar-bottom-container ul li:hover,.sidebar-bottom-container ul li:hover:last-child,.sidebar-bottom-container ul li a.active{background-color:#0f172a;border:none}:is(.sidebar-bottom-container ul li:hover,.sidebar-bottom-container ul li:hover:last-child,.sidebar-bottom-container ul li a.active) a{color:#fff}.sidebar-bottom-container ul li a.active{color:#fff!important}.sidebar-bottom-container ul li:hover:last-child{border-bottom-right-radius:16px;border-bottom-left-radius:16px}.user-profile-container{flex-direction:column;gap:18px;display:flex}.input-profile-container{flex-direction:column;justify-content:flex-start;gap:24px;width:100%;height:auto;display:flex}.profile-info,.profile-image,.profile-links{border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:flex-start;gap:16px;width:100%;height:auto;padding:24px;display:flex}.name-box,.headline-box,.description-box,.language-box,.language-input{justify-content:space-between;gap:62px;display:flex}.first-name,.last-name,.headline,.description,.language{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;width:100%;display:flex}:is(.first-name,.last-name,.headline,.description,.language) span{color:#0f172a;font-size:14px}:is(.first-name,.last-name,.headline,.description,.language) input{color:#0f172a;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:58px;padding:16px;font-size:16px}.headline{width:calc(50% - 31px)}.description textarea{color:#0f172a;resize:none;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;min-height:120px;padding:16px;font-family:Inter;font-size:16px}.language{width:calc(50% - 31px)}.language-input{border:1px solid #e2e8f0;border-radius:8px;align-items:center;width:100%}.language-input input{color:#0f172a;border:none;outline:none;width:100%;height:58px;padding:16px;font-size:16px}.language-input select{color:#0000;cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%209L12%2015L18%209'%20stroke='%230F172A'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-position:50%;border:none;width:24px;height:24px;margin-right:17px}.profile-image{gap:46px}.image-preview-container,.image-upload-container{flex-direction:column;justify-content:flex-start;gap:6px;display:flex}:is(.image-preview-container,.image-upload-container) h3{color:#0f172a;font-size:18px;font-weight:600}.image-preview-container .image-box{border:1px solid #e2e8f0;border-radius:16px;max-width:425px;min-height:255px;padding:16px}.image-box img{object-fit:cover;border-radius:8px;max-width:100%;height:auto;display:block}.image-upload-container .upload-box{justify-content:flex-start;align-items:center;gap:16px;width:100%;height:58px;display:flex}.image-upload-container .upload-box input{color:#0f172a;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:55%;height:58px;padding:16px;font-size:16px}.image-upload-container .upload-box button{color:#0f172a;white-space:nowrap;cursor:pointer;background-color:#0000;border:1px solid #0f172a;border-radius:8px;width:141px;height:58px;padding:10px 24px;font-size:14px;font-weight:500}.image-upload-container .upload-image{color:#fff;white-space:nowrap;cursor:pointer;background-color:#0f172a;border:none;border-radius:8px;width:126px;height:48px;margin-top:10px;padding:10px 24px;font-size:14px;font-weight:500}.profile-links h3{color:#0f172a;font-size:18px;font-weight:600}.profile-links .link-box{flex-direction:column;justify-content:flex-start;gap:9px;width:100%;display:flex}.profile-links .link-box span{color:#0f172a;font-size:14px}.profile-links .link-box input{color:#0f172a;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:58px;padding:16px;font-size:16px}.user-profile-button{color:#fff;cursor:pointer;border:none;border-radius:8px;height:40px;font-size:16px}.user-profile-button.save{background-color:#0f172a}.user-profile-button.logout{background-color:#e32222}.user-courses-container{flex-direction:column;gap:18px;display:flex}.courses-container{grid-template-columns:repeat(auto-fill,minmax(298px,298px));gap:20px;width:100%;height:auto;display:grid}.user-page-name-container{align-items:baseline;gap:5px;display:flex}.toolbar-container,.toolbar-searchbar,.toolbar-actions-container{justify-content:space-between;align-items:center;height:48px;display:flex}.toolbar-searchbar{border:1px solid #e2e8f0;border-radius:8px;width:300px;height:44px;padding:10px}.toolbar-searchbar input{border:none;outline:none;width:88%;height:34px;font-size:14px}.toolbar-searchbar input::placeholder{color:#334155;font-size:14px}.toolbar-actions-container{gap:15px}.sort-button-container{justify-content:space-between;align-items:center;gap:15px;height:48px;display:flex}.sort-button-container p{color:#0f172a;font-size:16px}.sort-button-container button{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;height:48px;padding:10px 24px;font-size:14px;display:flex;box-shadow:inset 0 0 0 1px #0f172a}.sort-dropdown{display:inline-block;position:relative}.sort-dropdown-content{z-index:100;background-color:#0000;flex-direction:column;gap:4px;margin-top:4px;display:flex;position:absolute;top:100%;left:0;overflow:hidden}.sort-dropdown-content button{flex-direction:center;text-wrap:none;text-align:left;color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;width:100%;padding:12px 16px;font-size:14px;display:flex}.sort-dropdown-content button:hover{color:#fff;background-color:#0f172a}.filter-button-container{justify-content:space-between;align-items:center;gap:15px;height:48px;display:flex}.filter-button-container button{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;height:48px;padding:10px 24px;font-size:14px;display:flex;box-shadow:inset 0 0 0 1px #0f172a}.filter-dropdown{display:inline-block;position:relative}.filter-dropdown-content{z-index:100;background-color:#0000;flex-direction:column;gap:4px;margin-top:4px;display:flex;position:absolute;top:100%;left:0;overflow:hidden}.fitler-dropdown-content button{flex-direction:center;text-wrap:none;text-align:left;color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;width:100%;padding:12px 16px;font-size:14px;display:flex}.filter-dropdown-content button:hover{color:#fff;background-color:#0f172a}.user-teacher-container{flex-direction:column;gap:18px;display:flex}.teacher-container{grid-template-columns:repeat(auto-fill,minmax(212px,212px));gap:16px;width:100%;height:auto;display:grid}.user-messages-container,.user-reviews-container{flex-direction:column;gap:18px;display:flex}.categories-title{padding:40px 80px 0}.categories-toolbar{justify-content:space-between;align-items:center;padding:24px 80px;display:flex}.categories-content-container{justify-content:flex-start;gap:40px;padding:0 80px 60px;display:flex}.categories-content{grid-template-columns:repeat(auto-fill,minmax(298px,298px));justify-content:flex-start;gap:20px;width:100%;height:auto;display:grid}.categorySidebar-frame{width:305px}.category-container,.category-options{flex-direction:column;gap:8px;display:flex}.category-name{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.category-name h3{color:#0f172a;font-size:16px;font-weight:500}.category-name button{background-color:#0000;border:none;width:20px;height:20px}.category-options button{cursor:pointer;background-color:#0000;border:none}.course-info-container{justify-content:flex-start;gap:40px;padding:40px 80px;display:flex}.course-info{width:100%}.course-info-frame{flex-direction:column;justify-content:flex-start;gap:24px;display:flex}.course-info-title{color:#0f172a;font-size:40px;font-weight:700}.course-info-description{color:#334155;font-size:16px}.course-sidebar-frame{border:1px solid #e2e8f0;border-radius:16px;width:400px}.course-sidebar-buy-container{flex-direction:column;justify-content:flex-start;gap:24px;display:flex}.course-sidebar-buy-container img{border-radius:8px;width:356px;height:200px}.course-sidebar-buy-container p{color:#0f172a;font-size:24px;font-weight:600}.course-sidebar-buy-container button{cursor:pointer;border-radius:8px;height:48px;padding:10px 24px;font-size:14px;font-weight:500}.add-to-cart-button{color:#fff;background-color:#020617;border:none}.buy-now-button{color:#020617;background-color:#0000;border:1px solid #0f172a}.course-sidebar-share-container{border-top:1px solid #e2e8f0;flex-direction:column;gap:8px;padding:24px 24px 28px;display:flex}.course-sidebar-share-container p{color:#0f172a;font-size:16px;font-weight:500}.course-sidebar-syllabus{border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:flex-start;display:flex}.course-chapter-name{justify-content:flex-start;align-items:center;gap:16px;display:flex}.course-chapter-name h3{color:#0f172a;font-size:18px;font-weight:600}.course-chapter-name button{background-color:#0000;border:none}.course-lesson{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;padding:12px 24px;display:flex}.course-lesson button{color:#0f172a;cursor:pointer;background-color:#0000;border:none;padding:12px;font-size:16px}.course-info-buttons-container{justify-content:flex-start;align-items:center;gap:24px;padding:25px 0;display:flex}.course-info-buttons-container button{color:#0f172a;cursor:pointer;background-color:#0000;border:1px solid #e2e8f0;border-radius:8px;width:148px;height:57px;padding:18px 21px;font-size:14px}.course-info-buttons-container button.active{background-color:#eff6ff;border:none}.course-info-tab-content{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:24px 0}.course-info-description-container,.course-description,.course-certification{flex-direction:column;justify-content:flex-start;gap:24px;display:flex}.course-description,.course-certification{gap:4px}:is(.course-description,.course-certification) h3{color:#0f172a;font-size:20px;font-weight:600}:is(.course-description,.course-certification) p{color:#334155;font-size:16px}.course-instructor,.course-instructor-name{flex-direction:column;justify-content:flex-start;gap:16px;display:flex}.course-instructor-name{justify-content:center;gap:8px}.course-instructor-name h3{color:#2563eb;font-size:20px;font-weight:600}.course-instructor-name p{color:#334155;font-size:16px}.course-instructor-profile{justify-content:flex-start;align-items:center;gap:16px;display:flex}.course-instructor-profile img{object-fit:cover;border-radius:50%;width:120px;height:120px}.instructor-profile-line{justify-content:flex-start;align-items:center;gap:4px;display:flex}.instructor-profile-line img{width:20px;height:20px}.instructor-profile-line p{color:#0f172a;font-size:14px}.course-info-syllabus-container{flex-direction:column;justify-content:flex-start;gap:16px;display:flex}.course-syllabus{border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:flex-start;display:flex}.course-chapter-container{border-bottom:1px solid #e0e0e0;padding:24px}.course-chapter-container:last-child{border:none}.course-chapter-name{justify-content:flex-start;align-items:center;gap:16px;display:flex}.course-chapter-name h3{color:#0f172a;font-size:18px;font-weight:600}.course-chapter-name button{background-color:#0000;border:none}.course-lesson{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;padding:12px 24px;display:flex}.course-lesson button{color:#0f172a;cursor:pointer;background-color:#0000;border:none;padding:12px;font-size:16px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter}