@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap";.header-nav a{color:#475569;border-radius:30px;padding:8px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.admin-link-desktop{color:#7c3aed;white-space:nowrap;background:#7c3aed14;border:1px solid #7c3aed26;border-radius:30px;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.admin-link-desktop:hover{color:#fff;background:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed4d}.admin-link-mobile{display:none}.profile-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999;background:#fffffff7;border:1px solid #ffffff4d;border-radius:16px;min-width:210px;padding:8px;animation:.25s fadeDown;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 20px 60px #0000001f}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.footer-socials a{color:#94a3b8;background:#ffffff0a;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}@keyframes floatBg{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffffb3;border:1px solid #fff6;border-radius:32px;width:100%;max-width:320px;padding:48px;box-shadow:0 20px 60px #0000000f}.hero-progress span{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;width:65%;height:100%;animation:3s ease-in-out infinite progressAnim;display:block}@keyframes progressAnim{0%,to{width:60%}50%{width:80%}}.course-card-body p{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.final-cta:before{content:"";background:radial-gradient(circle,#ffffff0f 0%,#0000 70%);width:100%;height:100%;animation:15s ease-in-out infinite floatBg;position:absolute;top:-50%;left:-50%}.about-page{max-width:1280px;margin:0 auto;padding:40px 20px}.about-hero{text-align:center;background:linear-gradient(135deg,#eff6ff,#ede9fe);border-radius:24px;margin-bottom:40px;padding:40px 20px}.about-hero h1{margin-bottom:8px;font-size:40px;font-weight:900}.about-hero p{color:#64748b;font-size:16px}.about-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.about-card{text-align:center;background:#fff;border:1px solid #0000;border-radius:20px;padding:28px 24px;transition:all .4s;box-shadow:0 4px 20px #0000000a}.about-card:hover{border-color:#2563eb14;transform:translateY(-6px);box-shadow:0 12px 40px #00000014}.about-card .icon{margin-bottom:12px;font-size:40px;display:block}.about-card h3{margin-bottom:8px;font-size:20px}.about-card p{color:#64748b;font-size:15px;line-height:1.7}.contact-page{max-width:1280px;margin:0 auto;padding:40px 20px}.contact-hero{text-align:center;background:linear-gradient(135deg,#eff6ff,#ede9fe);border-radius:24px;margin-bottom:40px;padding:40px 20px}.contact-hero h1{margin-bottom:8px;font-size:40px;font-weight:900}.contact-hero p{color:#64748b;font-size:16px}.contact-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.contact-info{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px #0000000a}.contact-info h3{margin-bottom:16px;font-size:22px}.contact-info-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:12px 0;display:flex}.contact-info-item:last-child{border-bottom:none}.contact-info-item .icon{font-size:24px}.contact-info-item div strong{font-size:15px;display:block}.contact-info-item div span{color:#64748b;font-size:14px}.contact-form{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px #0000000a}.contact-form h3{margin-bottom:16px;font-size:22px}.contact-form label{margin-bottom:4px;font-size:14px;font-weight:600;display:block}.contact-form input,.contact-form textarea{border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;margin-bottom:16px;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb0f}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:30px;padding:14px 40px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #2563eb4d}.contact-form button:hover{transform:translateY(-3px);box-shadow:0 8px 28px #2563eb66}.empty-state{text-align:center;background:#fff;border-radius:20px;padding:60px 20px;box-shadow:0 4px 20px #0000000a}.empty-state .icon{margin-bottom:12px;font-size:56px;display:block}.empty-state h3{margin-bottom:8px;font-size:22px}.empty-state p{color:#94a3b8;margin-bottom:20px}.empty-state a{color:#2563eb;border:1px solid #2563eb;border-radius:30px;padding:10px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.empty-state a:hover{color:#fff;background:#2563eb}.auth-card{-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fff6;border-radius:32px;padding:40px 36px;box-shadow:0 20px 60px #00000014}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:4px;display:flex}.code-input{text-align:center;letter-spacing:10px;font-weight:700;font-size:24px!important}.auth-options{justify-content:space-between;align-items:center;font-size:14px;display:flex}.auth-checkbox{cursor:pointer;color:#475569;align-items:center;gap:6px;display:flex}.auth-checkbox input{accent-color:#2563eb;width:16px;height:16px}.auth-forgot{color:#2563eb;font-weight:600;text-decoration:none}.auth-forgot:hover{text-decoration:underline}.auth-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:30px;margin-top:8px;padding:14px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #2563eb4d}.auth-back{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;font-size:14px;font-weight:600;transition:color .3s}.auth-back:hover{color:#2563eb}.auth-footer{text-align:center;margin-top:8px}.search-page{background:#f8fafc;min-height:70vh;padding:40px 20px}.search-container{max-width:800px;margin:0 auto}.search-box{background:#fff;border:2px solid #e2e8f0;border-radius:30px;align-items:center;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 20px #0000000a}.search-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.search-icon{color:#94a3b8;padding:0 16px 0 8px;font-size:22px}.search-input-large{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:16px 0;font-size:18px}.search-input-large::placeholder{color:#94a3b8}.search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 16px;font-size:20px;transition:color .3s}.search-clear:hover{color:#ef4444}.search-count{color:#64748b;margin:20px 0 16px;font-size:14px;font-weight:500}.search-results{flex-direction:column;gap:16px;display:flex}.search-result-card{background:#fff;border:1px solid #0000;border-radius:20px;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex;box-shadow:0 4px 20px #0000000a}.search-result-card:hover{border-color:#2563eb1a;transform:translate(-6px);box-shadow:0 8px 30px #0000000f}.result-icon{flex-shrink:0;font-size:32px}.result-info{flex:1}.result-category{color:#2563eb;background:#2563eb14;border-radius:30px;margin-bottom:4px;padding:2px 12px;font-size:12px;font-weight:600;display:inline-block}.result-info h3{margin-bottom:2px;font-size:17px;font-weight:700}.result-info p{color:#64748b;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.result-meta{color:#94a3b8;gap:16px;margin-top:6px;font-size:13px;display:flex}.result-link{color:#2563eb;white-space:nowrap;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.result-link:hover{color:#7c3aed}.search-empty{text-align:center;color:#94a3b8;padding:60px 20px}.search-empty div{margin-bottom:12px;font-size:52px}.search-empty h3{color:#0f172a;margin-bottom:4px}.admin-page{background:#f1f5f9;min-height:80vh;padding:30px 20px}.admin-container{max-width:1280px;margin:0 auto}.admin-login-box{text-align:center;background:#fff;border-radius:24px;max-width:400px;margin:60px auto;padding:40px;box-shadow:0 4px 24px #0000000f}.admin-login-icon{margin-bottom:12px;font-size:48px}.admin-login-box h2{margin-bottom:4px;font-size:24px;font-weight:900}.admin-login-box p{color:#64748b;margin-bottom:20px}.admin-login-input{border:2px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:12px 16px;font-size:16px;transition:all .3s}.admin-login-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.admin-login-error{color:#ef4444;margin:8px 0;font-size:14px}.admin-login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:30px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #2563eb4d}.admin-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2563eb66}.admin-settings-section,.admin-courses-section{background:#fff;border-radius:24px;margin-bottom:32px;padding:32px;box-shadow:0 4px 24px #0000000a}.admin-section-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:28px;display:flex}.admin-section-icon{font-size:32px}.admin-section-label{color:#2563eb;text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600;display:block}.admin-section-header h2{margin:0;font-size:24px;font-weight:900}.admin-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:30px;margin-right:auto;padding:10px 24px;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #2563eb4d}.admin-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.admin-settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-field-full input,.admin-field-half input,.admin-field-full textarea,.admin-field-half textarea{border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.admin-field-full input:focus,.admin-field-half input:focus,.admin-field-full textarea:focus,.admin-field-half textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb0f}.admin-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:30px;margin-top:16px;padding:10px 32px;font-size:14px;font-weight:700;transition:all .3s}.admin-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb4d}.admin-form-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:32px;padding:24px}.admin-form-header{border-bottom:2px solid #e2e8f0;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.admin-form-icon{font-size:24px}.admin-form-header h3{margin:0;font-size:20px;font-weight:700}.admin-cancel-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:50%;width:32px;height:32px;margin-right:auto;font-size:16px;transition:all .3s}.admin-cancel-btn:hover{color:#fff;background:#ef4444}.admin-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-field-full{grid-column:1/-1}.admin-field-full label,.admin-field-half label{color:#0f172a;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.admin-field-full input,.admin-field-half input,.admin-field-full select,.admin-field-half select,.admin-field-full textarea,.admin-field-half textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.admin-field-full input:focus,.admin-field-half input:focus,.admin-field-full select:focus,.admin-field-half select:focus,.admin-field-full textarea:focus,.admin-field-half textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb0f}.admin-field-full small,.admin-field-half small{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.admin-chapters-section{border-top:2px solid #e2e8f0;grid-column:1/-1;margin-top:8px;padding-top:16px}.admin-chapters-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.admin-chapters-icon{font-size:20px}.admin-chapters-header h4{margin:0;font-size:16px;font-weight:700}.admin-chapter-add{gap:10px;margin-bottom:16px;display:flex}.admin-chapter-add input{border:2px solid #e2e8f0;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:14px}.admin-chapter-add input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb0f}.admin-chapter-add button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:10px 20px;font-weight:700;transition:all .3s}.admin-chapter-add button:hover{background:#1d4ed8}.admin-chapters-list{flex-direction:column;gap:10px;display:flex}.admin-chapter-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px 16px}.admin-chapter-header{justify-content:space-between;align-items:center;display:flex}.admin-chapter-title{cursor:pointer;flex:1;align-items:center;gap:12px;display:flex}.admin-chapter-number{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.admin-chapter-title strong{font-size:15px}.admin-chapter-title small{color:#94a3b8;font-size:12px}.admin-chapter-delete{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:18px;transition:all .3s}.admin-chapter-delete:hover{transform:scale(1.1)}.admin-lessons-section{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.admin-lesson-add{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.admin-lesson-add h5{width:100%;margin:0;font-size:14px;font-weight:600}.admin-lesson-add input{border:2px solid #e2e8f0;border-radius:10px;outline:none;flex:1;min-width:140px;padding:8px 12px;font-size:13px}.admin-lesson-add input:focus{border-color:#2563eb}.admin-lesson-free{cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.admin-lesson-add button{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:10px;padding:8px 18px;font-weight:700;transition:all .3s}.admin-lesson-add button:hover{background:#16a34a}.admin-lessons-list{flex-direction:column;gap:6px;display:flex}.admin-lesson-item{background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.admin-lesson-info{flex:1;align-items:center;gap:10px;display:flex}.admin-lesson-number{color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.admin-lesson-info strong{font-size:14px}.admin-lesson-video{color:#64748b;font-size:12px}.admin-lesson-actions{align-items:center;gap:8px;display:flex}.admin-lesson-free-badge{color:#fff;background:#22c55e;border-radius:30px;padding:2px 10px;font-size:10px;font-weight:700}.admin-lesson-actions button{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:16px}.admin-lesson-actions button:hover{transform:scale(1.1)}.admin-save-course-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:30px;grid-column:1/-1;margin-top:8px;padding:14px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #2563eb4d}.admin-save-course-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2563eb66}.admin-list-section{margin-top:8px}.admin-list-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-list-icon{font-size:24px}.admin-list-header h3{margin:0;font-size:20px;font-weight:700}.admin-search-input{border:2px solid #e2e8f0;border-radius:14px;outline:none;width:100%;margin-bottom:16px;padding:12px 16px;font-size:15px;transition:all .3s}.admin-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb0f}.admin-empty-state{text-align:center;color:#94a3b8;background:#f8fafc;border-radius:16px;padding:40px 20px}.admin-courses-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.admin-course-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .3s;overflow:hidden}.admin-course-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.admin-course-thumb{background:linear-gradient(135deg,#e0e7ff,#ede9fe);justify-content:center;align-items:center;height:120px;font-size:40px;display:flex}.admin-course-thumb img{object-fit:cover;width:100%;height:100%}.admin-course-details{padding:14px 16px}.admin-course-category{color:#2563eb;background:#2563eb14;border-radius:30px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.admin-course-details h4{margin:6px 0 2px;font-size:15px;font-weight:700}.admin-course-price{color:#64748b;margin-bottom:10px;font-size:14px;font-weight:600}.admin-course-actions{gap:8px;display:flex}.admin-edit-btn,.admin-delete-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:6px 12px;font-size:12px;font-weight:600;transition:all .3s}.admin-edit-btn{color:#2563eb;background:#dbeafe}.admin-edit-btn:hover{color:#fff;background:#2563eb}.admin-delete-btn{color:#ef4444;background:#fee2e2}.admin-delete-btn:hover{color:#fff;background:#ef4444}.course-page{background:#f8fafc;min-height:80vh}.course-container{grid-template-columns:2fr 1fr;gap:32px;max-width:1280px;margin:0 auto;padding:24px 20px;display:grid}.course-hero-modern{background:#fff;border-radius:24px;grid-column:1/-1;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000a}.course-hero-backdrop{z-index:0;background:linear-gradient(135deg,#eff6ff,#ede9fe);position:absolute;inset:0}.course-hero-pattern{background-image:radial-gradient(circle at 20%,#2563eb0a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#7c3aed0a 0%,#0000 50%);position:absolute;inset:0}.course-hero-content{z-index:1;align-items:center;gap:32px;padding:32px;display:flex;position:relative}.course-hero-image{background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:180px;height:180px;font-size:56px;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000000f}.course-hero-image img{object-fit:cover;width:100%;height:100%}.course-hero-text{flex:1}.course-badge-modern{color:#2563eb;background:#2563eb1a;border-radius:30px;margin-bottom:8px;padding:4px 16px;font-size:13px;font-weight:600;display:inline-block}.course-hero-text h1{margin-bottom:8px;font-size:28px;font-weight:900}.course-description-modern{color:#64748b;max-width:600px;margin-bottom:16px;font-size:16px;line-height:1.7}.course-stats-modern{align-items:center;gap:20px;margin-bottom:20px;display:flex}.stat-item{align-items:center;gap:6px;display:flex}.stat-number{color:#0f172a;font-size:16px;font-weight:700}.stat-label{color:#94a3b8;font-size:14px}.stat-divider{background:#e2e8f0;width:1px;height:24px}.course-purchase-box-modern{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.course-price-modern{align-items:baseline;gap:4px;display:flex}.free-price{color:#22c55e;font-size:20px;font-weight:900}.price-amount{color:#0f172a;font-size:24px;font-weight:900}.price-currency{color:#64748b;font-size:14px;font-weight:600}.btn-purchase{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:30px;padding:12px 32px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #2563eb4d}.btn-purchase:hover{transform:translateY(-3px);box-shadow:0 8px 28px #2563eb66}.btn-start-learning{color:#fff;background:#22c55e;border:none;border-radius:30px;padding:12px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 4px 16px #22c55e4d}.btn-start-learning:hover{transform:translateY(-3px);box-shadow:0 8px 28px #22c55e66}.course-syllabus-modern{background:#fff;border-radius:24px;padding:28px;box-shadow:0 4px 24px #0000000a}.syllabus-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.syllabus-title{align-items:center;gap:10px;display:flex}.syllabus-icon{font-size:24px}.syllabus-title h2{margin:0;font-size:22px;font-weight:900}.syllabus-count{color:#64748b;font-size:14px;font-weight:600}.course-chapters-modern{flex-direction:column;gap:8px;display:flex}.chapter-item{border:1px solid #e2e8f0;border-radius:16px;transition:all .3s;overflow:hidden}.chapter-item:hover{border-color:#94a3b8}.chapter-summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;list-style:none;transition:background .3s;display:flex}.chapter-summary::-webkit-details-marker{display:none}.chapter-summary:hover{background:#f8fafc}.chapter-title-modern{align-items:center;gap:12px;display:flex}.chapter-number{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.chapter-title-modern strong{font-size:15px}.chapter-arrow-modern{color:#94a3b8;font-size:18px;transition:transform .3s}.chapter-item[open] .chapter-arrow-modern{transform:rotate(180deg)}.chapter-lessons-modern{flex-direction:column;gap:6px;padding:0 18px 16px;display:flex}.lesson-item-modern{background:#f8fafc;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:all .3s;display:flex}.lesson-item-modern:hover{background:#f1f5f9}.lesson-icon-modern{color:#64748b;font-size:14px}.lesson-info-modern{flex:1;align-items:center;gap:10px;display:flex}.lesson-number{color:#94a3b8;font-size:13px;font-weight:600}.lesson-info-modern strong{font-size:14px}.lesson-duration{color:#94a3b8;font-size:12px}.lesson-free-badge-modern{color:#fff;background:#22c55e;border-radius:30px;padding:2px 12px;font-size:11px;font-weight:700}.course-sidebar-modern{align-self:start}.sidebar-card{text-align:center;background:#fff;border-radius:24px;padding:28px;box-shadow:0 4px 24px #0000000a}.sidebar-icon{margin-bottom:8px;font-size:40px}.sidebar-card h3{margin-bottom:8px;font-size:18px;font-weight:700}.sidebar-card p{color:#64748b;margin-bottom:20px;font-size:14px;line-height:1.7}.sidebar-btn{cursor:pointer;border:none;border-radius:30px;width:100%;padding:12px 32px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.sidebar-btn.primary{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 16px #2563eb4d}.sidebar-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 28px #2563eb66}.checkout-page{background:#f1f5f9;min-height:80vh;padding:30px 20px}.checkout-container{max-width:1100px;margin:0 auto}.checkout-header{align-items:center;gap:20px;margin-bottom:30px;display:flex}.checkout-back{color:#64748b;background:#fff;border-radius:30px;padding:8px 16px;font-weight:600;text-decoration:none;transition:color .3s;box-shadow:0 2px 8px #0000000a}.checkout-back:hover{color:#2563eb}.checkout-header h1{margin:0;font-size:28px;font-weight:900}.checkout-grid{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.checkout-order{background:#fff;border-radius:24px;padding:28px;box-shadow:0 4px 24px #0000000a}.checkout-order h2{margin-bottom:20px;font-size:20px;font-weight:800}.checkout-course-card{background:#f8fafc;border-radius:16px;gap:16px;padding:16px;display:flex}.checkout-course-image{background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;display:flex;overflow:hidden}.checkout-course-image img{object-fit:cover;width:100%;height:100%}.checkout-course-info{flex:1}.checkout-course-category{color:#2563eb;background:#2563eb14;border-radius:30px;padding:2px 12px;font-size:12px;font-weight:600;display:inline-block}.checkout-course-info h3{margin:4px 0;font-size:18px;font-weight:700}.checkout-course-info p{color:#64748b;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.checkout-divider{background:#e2e8f0;height:1px;margin:16px 0}.checkout-summary{flex-direction:column;gap:8px;display:flex}.checkout-row{color:#475569;justify-content:space-between;font-size:15px;display:flex}.checkout-row.total{color:#0f172a;font-size:18px;font-weight:700}.total-price{color:#2563eb}.checkout-payment{background:#fff;border-radius:24px;align-self:start;padding:28px;box-shadow:0 4px 24px #0000000a}.checkout-payment h2{margin-bottom:20px;font-size:20px;font-weight:800}.payment-methods{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.payment-method{cursor:pointer;border:2px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:all .3s;display:flex}.payment-method.active{background:#2563eb0a;border-color:#2563eb}.payment-method:hover{border-color:#2563eb}.method-icon{font-size:24px}.method-info strong{font-size:14px;display:block}.method-info span{color:#94a3b8;font-size:13px}.payment-summary{background:#f8fafc;border-radius:16px;margin-bottom:20px;padding:16px}.payment-row{color:#475569;justify-content:space-between;padding:6px 0;font-size:15px;display:flex}.payment-row.total{color:#0f172a;border-top:1px solid #e2e8f0;margin-top:4px;padding-top:10px;font-size:18px;font-weight:700}.checkout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:30px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:18px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 16px #2563eb4d}.checkout-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 28px #2563eb66}.checkout-btn:disabled{opacity:.7;cursor:not-allowed}.checkout-btn.loading{background:#94a3b8}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.payment-secure{text-align:center;color:#94a3b8;margin-top:16px;font-size:14px;line-height:1.6}.payment-success-page{background:#f1f5f9;justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;display:flex}.payment-success-container{width:100%;max-width:540px}.success-card{text-align:center;background:#fff;border-radius:32px;padding:48px 36px;box-shadow:0 4px 24px #0000000a}.success-icon{margin-bottom:12px;font-size:64px;animation:1s infinite bounce}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-card h1{color:#22c55e;margin-bottom:8px;font-size:28px;font-weight:900}.success-card p{color:#64748b;margin-bottom:24px;font-size:16px}.success-details{text-align:right;background:#f8fafc;border-radius:16px;margin-bottom:24px;padding:16px 20px}.success-row{color:#475569;justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.tracking-code{color:#2563eb;letter-spacing:1px;font-weight:700}.status-paid{color:#22c55e;font-weight:700}.success-actions{flex-direction:column;gap:12px;display:flex}.success-btn{text-align:center;border-radius:30px;padding:14px 24px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s}.success-btn.primary{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 16px #2563eb4d}.success-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 28px #2563eb66}.success-btn.secondary{color:#0f172a;background:#f1f5f9}.success-btn.secondary:hover{background:#e2e8f0}.success-timer{color:#94a3b8;margin-top:20px;font-size:14px}.success-timer span:first-child{font-size:18px}.payment-success{text-align:center;padding:20px 0}.payment-success-icon{margin-bottom:8px;font-size:56px}.payment-success h3{color:#22c55e;font-size:22px;font-weight:900}.payment-success p{color:#64748b;margin:4px 0 16px}.payment-loader{color:#475569;background:#f1f5f9;border-radius:30px;padding:8px 24px;font-size:14px;animation:1.5s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.learn-page{background:#f8fafc;min-height:90vh}.learn-container{max-width:1280px;margin:0 auto;padding:20px}.learn-header{background:#fff;border-radius:20px;margin-bottom:24px;padding:20px 24px;box-shadow:0 4px 20px #0000000a}.learn-header-top{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.learn-back{color:#64748b;font-weight:600;text-decoration:none;transition:color .3s}.learn-back:hover{color:#2563eb}.learn-header-top h1{flex:1;margin:0;font-size:22px;font-weight:800}.learn-progress-badge{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:30px;padding:4px 16px;font-size:14px;font-weight:700}.learn-progress-bar{background:#e2e8f0;border-radius:10px;width:100%;height:6px;margin:12px 0 6px;overflow:hidden}.learn-progress-fill{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;height:100%;transition:width .5s}.learn-progress-text{color:#94a3b8;justify-content:space-between;font-size:13px;display:flex}.learn-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.learn-player{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000a}.learn-video{aspect-ratio:16/9;background:#0f172a;border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.video-wrapper{width:100%;height:100%}.video-frame{border:none;width:100%;height:100%}.video-player{background:#000;width:100%;height:100%}.video-placeholder{text-align:center;color:#94a3b8}.video-placeholder span{margin-bottom:8px;font-size:48px;display:block}.learn-lesson-info{padding:16px 0 8px}.learn-badge{color:#2563eb;background:#2563eb14;border-radius:30px;padding:2px 14px;font-size:12px;font-weight:600;display:inline-block}.learn-lesson-info h2{margin:4px 0;font-size:20px;font-weight:700}.learn-lesson-info p{color:#94a3b8;font-size:14px}.learn-navigation{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.learn-nav-btn{cursor:pointer;border:none;border-radius:30px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .3s}.learn-nav-btn.prev{color:#0f172a;background:#f1f5f9}.learn-nav-btn.prev:hover:not(:disabled){background:#e2e8f0}.learn-nav-btn.next{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 12px #2563eb4d}.learn-nav-btn.next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.learn-nav-btn:disabled{opacity:.4;cursor:not-allowed}.learn-counter{color:#64748b;font-size:14px;font-weight:600}.learn-sidebar{background:#fff;border-radius:20px;max-height:600px;padding:20px;overflow-y:auto;box-shadow:0 4px 20px #0000000a}.learn-sidebar h3{margin-bottom:12px;font-size:18px;font-weight:700}.learn-lessons-list{flex-direction:column;gap:4px;display:flex}.learn-lesson-item{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:all .3s;display:flex}.learn-lesson-item:hover{background:#f1f5f9}.learn-lesson-item.active{background:#2563eb0f;border-color:#2563eb}.learn-lesson-item.completed{opacity:.7}.lesson-status{flex-shrink:0;font-size:14px}.lesson-title{flex:1;font-size:14px;font-weight:500}.lesson-check{color:#22c55e;font-size:14px;font-weight:700}.course-progress-mini{align-items:center;gap:10px;margin:8px 0 4px;display:flex}.mini-bar{background:#e2e8f0;border-radius:10px;flex:1;height:4px;overflow:hidden}.mini-fill{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;height:100%;transition:width .5s}.mini-text{color:#2563eb;font-size:12px;font-weight:700}.progress-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#000000b3;border-radius:30px;padding:2px 12px;font-size:12px;font-weight:700;position:absolute;bottom:8px;left:8px}.course-comments-section{grid-column:1/-1;margin-top:24px}.course-comments{background:#fff;border-radius:24px;padding:28px;box-shadow:0 4px 24px #0000000a}.course-comments.dark{background:#1e293b}.comments-header{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.comments-header h3{margin:0;font-size:22px;font-weight:800}.rating-summary{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.average-rating{align-items:center;gap:12px;display:flex}.big-rating{color:#f59e0b;font-size:36px;font-weight:900}.stars-display{gap:2px;display:flex}.star-icon{font-size:22px}.rating-count{color:#64748b;font-size:14px}.rating-breakdown{flex:1;max-width:300px}.rating-row{align-items:center;gap:8px;font-size:13px;display:flex}.star-label{min-width:40px}.rating-bar-bg{background:#e2e8f0;border-radius:10px;flex:1;height:6px;overflow:hidden}.rating-bar-fill{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:10px;height:100%;transition:width .5s}.rating-count-num{color:#64748b;min-width:20px;font-size:12px}.comment-form{border-bottom:1px solid #e2e8f0;flex-direction:column;gap:16px;margin-bottom:28px;padding-bottom:28px;display:flex}.form-row{flex-wrap:wrap;gap:16px;display:flex}.form-group{flex:1;min-width:180px}.form-group.full{flex:100%}.form-group label{color:#0f172a;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb0f}.rating-input{direction:ltr;gap:4px;padding:4px 0;display:flex}.star-picker{cursor:pointer;font-size:28px;transition:transform .2s}.star-picker:hover{transform:scale(1.2)}.star-picker.active{transform:scale(1)}.submit-comment-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:30px;align-self:flex-start;padding:12px 32px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #2563eb4d}.submit-comment-btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px #2563eb66}.comments-list{flex-direction:column;gap:16px;display:flex}.no-comments{text-align:center;color:#94a3b8;background:#f8fafc;border-radius:16px;padding:30px}.comment-item{background:#f8fafc;border-radius:16px;padding:16px;transition:all .3s}.comment-item:hover{background:#f1f5f9}.comment-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.comment-user{align-items:center;gap:10px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.user-name{font-size:15px;font-weight:700}.comment-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.comment-rating{gap:2px;font-size:14px;display:flex}.comment-date{color:#94a3b8;font-size:12px}.delete-comment{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:16px;transition:transform .2s}.delete-comment:hover{transform:scale(1.2)}.comment-text{color:#334155;margin:0;font-size:15px;line-height:1.7}@media (width<=992px){.learn-grid{grid-template-columns:1fr}.learn-sidebar{max-height:400px}.checkout-grid,.course-container{grid-template-columns:1fr}.course-hero-content{text-align:center;flex-direction:column;padding:24px}.course-hero-image{width:120px;height:120px}.course-description-modern{margin-left:auto;margin-right:auto}.course-stats-modern,.course-purchase-box-modern{justify-content:center}.course-sidebar-modern{grid-column:1}.contact-grid,.admin-settings-grid,.admin-form-grid{grid-template-columns:1fr}.admin-field-full,.admin-field-half{grid-column:1}.admin-section-header{flex-direction:column;align-items:flex-start}.admin-add-btn{text-align:center;width:100%;margin-right:0}.admin-courses-grid{grid-template-columns:1fr 1fr}.admin-lesson-add{flex-direction:column}.admin-lesson-add input{width:100%}.admin-chapter-add{flex-direction:column}.footer-container{grid-template-columns:1fr 1fr;gap:30px}.home-hero-inner{text-align:center;grid-template-columns:1fr}.hero-actions{justify-content:center}.hero-content p{margin:0 auto 28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-title-row{text-align:center;flex-direction:column;gap:12px}}@media (width<=600px){.learn-header-top h1{font-size:18px}.learn-progress-badge{padding:2px 12px;font-size:12px}.learn-navigation{flex-wrap:wrap;justify-content:center;gap:8px}.learn-nav-btn{padding:8px 18px;font-size:13px}.learn-lesson-item{padding:8px 10px}.lesson-title{font-size:13px}.course-hero-text h1{font-size:22px}.course-stats-modern{flex-wrap:wrap;gap:8px}.stat-divider{display:none}.course-purchase-box-modern{flex-direction:column;width:100%}.btn-purchase,.btn-start-learning{text-align:center;width:100%}.syllabus-header{flex-direction:column;align-items:flex-start;gap:4px}.lesson-item-modern,.lesson-info-modern{flex-wrap:wrap}.checkout-header{flex-direction:column;align-items:flex-start;gap:12px}.checkout-header h1{font-size:22px}.checkout-order,.checkout-payment{padding:20px}.checkout-course-card{text-align:center;flex-direction:column;align-items:center}.checkout-course-image{width:100px;height:100px}.success-card{padding:32px 20px}.success-card h1{font-size:22px}.auth-card{padding:28px 20px}.auth-header h1{font-size:24px}.auth-options{flex-direction:column;align-items:flex-start;gap:8px}.search-result-card{flex-wrap:wrap}.result-link{text-align:center;border-top:1px solid #f1f5f9;width:100%;padding-top:8px}.admin-courses-grid{grid-template-columns:1fr}.admin-settings-section,.admin-courses-section{padding:20px 16px}.admin-form-card{padding:16px}.footer-container{grid-template-columns:1fr;gap:24px}.header-actions .login-btn,.header-actions .signup-btn{display:none}.header-logo{font-size:18px}.logo-icon{padding:4px 10px;font-size:14px}.profile-name{display:none}.profile-btn{padding:6px 10px}.hero-content h1{font-size:28px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card strong{font-size:24px}.course-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}.contact-form,.contact-info{padding:20px}}body.dark-mode{color:#e2e8f0;background:#0f172a}body.dark-mode .site-header{background:#0f172af2;border-bottom:1px solid #1e293b}body.dark-mode .header-nav a{color:#94a3b8}body.dark-mode .header-nav a:hover{color:#e2e8f0;background:#ffffff0d}body.dark-mode .header-nav a.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}body.dark-mode .logo-icon{background:linear-gradient(135deg,#2563eb,#7c3aed)}body.dark-mode .search-btn{color:#94a3b8;background:#1e293b}body.dark-mode .search-btn:hover{color:#fff;background:#2563eb}body.dark-mode .login-btn{color:#60a5fa;background:#2563eb26;border-color:#2563eb33}body.dark-mode .login-btn:hover{color:#fff;background:#2563eb}body.dark-mode .signup-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}body.dark-mode .admin-link-desktop{color:#a78bfa;background:#7c3aed26;border-color:#7c3aed33}body.dark-mode .admin-link-desktop:hover{color:#fff;background:#7c3aed}body.dark-mode .home-hero{background:linear-gradient(135deg,#0f172a,#1e293b)}body.dark-mode .hero-content p{color:#94a3b8}body.dark-mode .hero-card{background:#1e293bcc;border-color:#1e293b}body.dark-mode .hero-card strong{color:#e2e8f0}body.dark-mode .hero-card span{color:#94a3b8}body.dark-mode .stat-card{background:#1e293b;border-color:#1e293b}body.dark-mode .stat-card span{color:#94a3b8}body.dark-mode .home-course-card{background:#1e293b;border-color:#1e293b}body.dark-mode .course-card-body h3{color:#e2e8f0}body.dark-mode .course-card-body p{color:#94a3b8}body.dark-mode .course-card-bottom{border-color:#334155}body.dark-mode .course-card-bottom strong{color:#e2e8f0}body.dark-mode .category-card{background:#1e293b}body.dark-mode .category-card h3{color:#e2e8f0}body.dark-mode .category-card p{color:#94a3b8}body.dark-mode .why-section{background:linear-gradient(135deg,#0f172a,#1e293b)}body.dark-mode .why-card{background:#ffffff08;border-color:#ffffff0d}body.dark-mode .why-card h3{color:#e2e8f0}body.dark-mode .why-card p{color:#94a3b8}body.dark-mode .auth-card{background:#1e293be6;border-color:#1e293b}body.dark-mode .auth-header p{color:#94a3b8}body.dark-mode .auth-field input{color:#e2e8f0;background:#0f172a;border-color:#1e293b}body.dark-mode .auth-field input:focus{border-color:#2563eb}body.dark-mode .auth-footer p{color:#94a3b8}body.dark-mode .courses-hero{background:linear-gradient(135deg,#0f172a,#1e293b)}body.dark-mode .courses-hero p{color:#94a3b8}body.dark-mode .search-input{color:#e2e8f0;background:#1e293b;border-color:#1e293b}body.dark-mode .search-input:focus{border-color:#2563eb}body.dark-mode .category-filters button{color:#94a3b8;background:#1e293b;border-color:#334155}body.dark-mode .category-filters button:hover{background:#2d3748}body.dark-mode .category-filters button.active-filter{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000}body.dark-mode .course-hero-modern{background:#1e293b}body.dark-mode .course-hero-backdrop{background:linear-gradient(135deg,#0f172a,#1e293b)}body.dark-mode .course-hero-text h1{color:#e2e8f0}body.dark-mode .course-description-modern{color:#94a3b8}body.dark-mode .course-syllabus-modern{background:#1e293b}body.dark-mode .syllabus-header,body.dark-mode .chapter-item{border-color:#334155}body.dark-mode .chapter-summary:hover{background:#0f172a}body.dark-mode .chapter-title-modern strong{color:#e2e8f0}body.dark-mode .lesson-item-modern{background:#0f172a}body.dark-mode .lesson-item-modern:hover{background:#1e293b}body.dark-mode .lesson-info-modern strong{color:#e2e8f0}body.dark-mode .sidebar-card{background:#1e293b}body.dark-mode .sidebar-card h3{color:#e2e8f0}body.dark-mode .sidebar-card p{color:#94a3b8}body.dark-mode .checkout-order,body.dark-mode .checkout-payment{background:#1e293b}body.dark-mode .checkout-course-card{background:#0f172a}body.dark-mode .checkout-course-info h3{color:#e2e8f0}body.dark-mode .checkout-course-info p,body.dark-mode .checkout-row{color:#94a3b8}body.dark-mode .checkout-row.total{color:#e2e8f0}body.dark-mode .payment-summary{background:#0f172a}body.dark-mode .payment-row{color:#94a3b8}body.dark-mode .payment-row.total{color:#e2e8f0}body.dark-mode .success-card{background:#1e293b}body.dark-mode .success-card p{color:#94a3b8}body.dark-mode .success-details{background:#0f172a}body.dark-mode .success-row{color:#94a3b8}body.dark-mode .success-btn.secondary{color:#e2e8f0;background:#0f172a}body.dark-mode .success-btn.secondary:hover,body.dark-mode .admin-settings-section,body.dark-mode .admin-courses-section{background:#1e293b}body.dark-mode .admin-section-header h2{color:#e2e8f0}body.dark-mode .admin-field-full input,body.dark-mode .admin-field-half input,body.dark-mode .admin-field-full select,body.dark-mode .admin-field-half select,body.dark-mode .admin-field-full textarea,body.dark-mode .admin-field-half textarea{color:#e2e8f0;background:#0f172a;border-color:#1e293b}body.dark-mode .admin-field-full input:focus,body.dark-mode .admin-field-half input:focus,body.dark-mode .admin-field-full select:focus,body.dark-mode .admin-field-half select:focus,body.dark-mode .admin-field-full textarea:focus,body.dark-mode .admin-field-half textarea:focus{border-color:#2563eb}body.dark-mode .admin-field-full label,body.dark-mode .admin-field-half label{color:#94a3b8}body.dark-mode .admin-form-card{background:#0f172a;border-color:#1e293b}body.dark-mode .admin-form-header{border-color:#1e293b}body.dark-mode .admin-form-header h3{color:#e2e8f0}body.dark-mode .admin-chapter-item{background:#1e293b;border-color:#1e293b}body.dark-mode .admin-chapter-title strong{color:#e2e8f0}body.dark-mode .admin-chapter-add input{color:#e2e8f0;background:#0f172a;border-color:#1e293b}body.dark-mode .admin-chapter-add input:focus{border-color:#2563eb}body.dark-mode .admin-lesson-item{background:#0f172a}body.dark-mode .admin-lesson-info strong{color:#e2e8f0}body.dark-mode .admin-lesson-add input{color:#e2e8f0;background:#0f172a;border-color:#1e293b}body.dark-mode .admin-lesson-add input:focus{border-color:#2563eb}body.dark-mode .admin-course-card{background:#1e293b;border-color:#1e293b}body.dark-mode .admin-course-details h4{color:#e2e8f0}body.dark-mode .admin-course-price{color:#94a3b8}body.dark-mode .admin-search-input{color:#e2e8f0;background:#0f172a;border-color:#1e293b}body.dark-mode .admin-search-input:focus{border-color:#2563eb}body.dark-mode .admin-login-box{background:#1e293b}body.dark-mode .admin-login-box h2{color:#e2e8f0}body.dark-mode .admin-login-input{color:#e2e8f0;background:#0f172a;border-color:#1e293b}body.dark-mode .admin-login-input:focus{border-color:#2563eb}body.dark-mode .footer-contact p,body.dark-mode .footer-about p,body.dark-mode .footer-socials a{color:#94a3b8}body.dark-mode .footer-socials a:hover{color:#e2e8f0}body.dark-mode .footer-links a{color:#94a3b8}body.dark-mode .footer-links a:hover{color:#e2e8f0}body.dark-mode .footer-bottom{color:#64748b}body.dark-mode .empty-state{background:#1e293b}body.dark-mode .empty-state p{color:#94a3b8}body.dark-mode .empty-state h3{color:#e2e8f0}body.dark-mode .about-hero{background:linear-gradient(135deg,#0f172a,#1e293b)}body.dark-mode .about-card{background:#1e293b}body.dark-mode .about-card h3{color:#e2e8f0}body.dark-mode .about-card p{color:#94a3b8}body.dark-mode .contact-hero{background:linear-gradient(135deg,#0f172a,#1e293b)}body.dark-mode .contact-info{background:#1e293b}body.dark-mode .contact-info h3,body.dark-mode .contact-info-item div strong{color:#e2e8f0}body.dark-mode .contact-info-item div span{color:#94a3b8}body.dark-mode .contact-form{background:#1e293b}body.dark-mode .contact-form h3{color:#e2e8f0}body.dark-mode .contact-form label{color:#94a3b8}body.dark-mode .contact-form input,body.dark-mode .contact-form textarea{color:#e2e8f0;background:#0f172a;border-color:#1e293b}body.dark-mode .contact-form input:focus,body.dark-mode .contact-form textarea:focus{border-color:#2563eb}body.dark-mode .profile-header{background:#1e293b!important}body.dark-mode .profile-header h2{color:#e2e8f0}body.dark-mode .profile-header p{color:#94a3b8}body.dark-mode .stat-box{background:#1e293b!important}body.dark-mode .stat-box p{color:#94a3b8}body.dark-mode .my-courses-grid>div{background:#1e293b!important}body.dark-mode .my-courses-grid h4{color:#e2e8f0}body.dark-mode .my-courses-grid p{color:#94a3b8}body.dark-mode .search-result-card{background:#1e293b}body.dark-mode .result-info h3{color:#e2e8f0}body.dark-mode .result-info p{color:#94a3b8}body.dark-mode .result-meta{color:#64748b}body.dark-mode .profile-container h2,body.dark-mode .profile-container h3{color:#e2e8f0}body.dark-mode .profile-container p{color:#94a3b8}body.dark-mode .profile-dropdown{background:#1e293bf7;border-color:#1e293b}body.dark-mode .profile-dropdown a,body.dark-mode .profile-dropdown button{color:#e2e8f0}body.dark-mode .profile-dropdown a:hover,body.dark-mode .profile-dropdown button:hover{background:#ffffff0d}body.dark-mode .admin-empty-state{color:#94a3b8;background:#0f172a}body.dark-mode .admin-course-thumb{background:linear-gradient(135deg,#0f172a,#1e293b)}body.dark-mode .admin-course-category{background:#2563eb26}body.dark-mode .theme-toggle:hover{background:#ffffff0d}body.dark-mode .course-comments{background:#1e293b}body.dark-mode .comments-header h3{color:#e2e8f0}body.dark-mode .form-group label{color:#94a3b8}body.dark-mode .form-group input,body.dark-mode .form-group textarea{color:#e2e8f0;background:#0f172a;border-color:#1e293b}body.dark-mode .form-group input:focus,body.dark-mode .form-group textarea:focus{border-color:#2563eb}body.dark-mode .comment-item{background:#0f172a}body.dark-mode .comment-item:hover{background:#1e293b}body.dark-mode .user-name{color:#e2e8f0}body.dark-mode .comment-text{color:#cbd5e1}body.dark-mode .no-comments{color:#94a3b8;background:#0f172a}body.dark-mode .comment-form{border-color:#1e293b}body.dark-mode .rating-count{color:#94a3b8}body.dark-mode .rating-bar-bg{background:#1e293b}body.dark-mode .rating-count-num{color:#94a3b8}body.dark-mode .comment-date{color:#64748b}body.dark-mode ::-webkit-scrollbar{width:8px}body.dark-mode ::-webkit-scrollbar-track{background:#0f172a}body.dark-mode ::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#475569}.auth-page-modern{background:linear-gradient(135deg,#eff6ff 0%,#ede9fe 50%,#fce7f3 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-wrapper{width:100%;max-width:480px;margin:0 auto}.auth-brand{text-align:center;margin-bottom:32px}.auth-brand-icon{margin-bottom:4px;font-size:48px}.auth-brand h2{color:#0f172a;margin:0;font-size:28px;font-weight:900}.auth-brand p{color:#64748b;margin-top:2px;font-size:15px}.auth-card-modern{-webkit-backdrop-filter:blur(24px);background:#ffffffeb;border:1px solid #ffffff4d;border-radius:32px;padding:40px 36px;box-shadow:0 20px 60px #0000000f}.auth-card-header{text-align:center;margin-bottom:28px}.auth-card-icon{margin-bottom:8px;font-size:52px}.auth-card-header h1{color:#0f172a;margin-bottom:4px;font-size:28px;font-weight:900}.auth-card-header p{color:#64748b;margin:0;font-size:15px}.auth-form-modern{flex-direction:column;gap:16px;display:flex}.auth-input-group{flex-direction:column;gap:4px;display:flex}.auth-input-group label{color:#0f172a;font-size:14px;font-weight:600}.auth-input-group input{background:#fff;border:2px solid #e2e8f0;border-radius:14px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .3s}.auth-input-group input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.auth-code-input{text-align:center;letter-spacing:12px;font-weight:700;font-size:26px!important}.auth-code-hint{color:#94a3b8;margin-top:4px;font-size:13px}.auth-code-hint strong{color:#2563eb;background:#eff6ff;border-radius:6px;padding:2px 10px;font-weight:700}.auth-error-box{color:#ef4444;text-align:center;background:#fef2f2;border-radius:12px;margin:4px 0;padding:10px 12px;font-size:14px;font-weight:600}.auth-extra{justify-content:space-between;align-items:center;margin:4px 0;font-size:14px;display:flex}.auth-remember{cursor:pointer;color:#475569;align-items:center;gap:6px;display:flex}.auth-remember input{accent-color:#2563eb;width:16px;height:16px}.auth-forgot-link{color:#2563eb;font-weight:600;text-decoration:none}.auth-forgot-link:hover{text-decoration:underline}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:30px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 16px #2563eb4d}.auth-submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 28px #2563eb66}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.auth-back-btn{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;padding:8px;font-size:14px;font-weight:600;transition:color .3s}.auth-back-btn:hover{color:#2563eb}.auth-divider-line{align-items:center;margin:24px 0 16px;display:flex}.auth-divider-line:before,.auth-divider-line:after{content:"";background:#e2e8f0;flex:1;height:1px}.auth-divider-line span{color:#94a3b8;padding:0 16px;font-size:13px}.auth-footer-text{text-align:center}.auth-footer-text p{color:#64748b;font-size:14px}.auth-footer-link{color:#2563eb;font-weight:700;text-decoration:none}.auth-footer-link:hover{text-decoration:underline}body.dark-mode .auth-page-modern{background:linear-gradient(135deg,#0f172a,#1e293b)}body.dark-mode .auth-brand h2{color:#e2e8f0}body.dark-mode .auth-brand p{color:#94a3b8}body.dark-mode .auth-card-modern{background:#1e293bf2;border-color:#1e293b}body.dark-mode .auth-card-header h1{color:#e2e8f0}body.dark-mode .auth-card-header p,body.dark-mode .auth-input-group label{color:#94a3b8}body.dark-mode .auth-input-group input{color:#e2e8f0;background:#0f172a;border-color:#1e293b}body.dark-mode .auth-input-group input:focus{border-color:#2563eb}body.dark-mode .auth-code-hint{color:#64748b}body.dark-mode .auth-code-hint strong{color:#60a5fa;background:#2563eb26}body.dark-mode .auth-error-box{background:#ef44441a}body.dark-mode .auth-remember{color:#94a3b8}body.dark-mode .auth-divider-line span{color:#64748b}body.dark-mode .auth-divider-line:before,body.dark-mode .auth-divider-line:after{background:#1e293b}body.dark-mode .auth-footer-text p{color:#94a3b8}.profile-page-new{background:#f1f5f9;min-height:100vh;padding-bottom:40px}.profile-page-new.dark{background:#0f172a}.profile-login-box{text-align:center;background:#fff;border-radius:24px;max-width:500px;margin:60px auto;padding:60px 20px;box-shadow:0 4px 20px #0000000a}.profile-page-new.dark .profile-login-box{background:#1e293b}.profile-login-icon{margin-bottom:8px;font-size:56px}.profile-login-box h2{margin-bottom:4px;font-size:24px;font-weight:800}.profile-page-new.dark .profile-login-box h2{color:#e2e8f0}.profile-login-box p{color:#64748b;margin-bottom:20px}.profile-login-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:30px;padding:12px 36px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.profile-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb4d}.profile-banner{max-width:1100px;margin:0 auto;padding:40px 20px 0;position:relative}.profile-banner-bg{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:24px 24px 0 0;height:180px;position:absolute;top:0;left:0;right:0}.profile-banner-content{background:#fff;border-radius:24px;flex-wrap:wrap;align-items:flex-end;gap:24px;padding:60px 28px 28px;display:flex;position:relative;box-shadow:0 4px 24px #0000000a}.profile-page-new.dark .profile-banner-content{background:#1e293b}.profile-avatar-wrap{flex-shrink:0;position:relative}.profile-avatar-new{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:42px;font-weight:700;display:flex;box-shadow:0 4px 20px #0000001a}.profile-page-new.dark .profile-avatar-new{border-color:#1e293b}.profile-badge-admin{color:#d97706;background:#fef3c7;border-radius:30px;padding:2px 12px;font-size:11px;font-weight:700;position:absolute;bottom:0;right:0}.profile-banner-info{flex:1;padding-bottom:8px}.profile-name-row{align-items:center;gap:10px;display:flex}.profile-name-row h1{margin:0;font-size:26px;font-weight:900}.profile-page-new.dark .profile-name-row h1{color:#e2e8f0}.profile-edit-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:16px;transition:color .3s}.profile-edit-btn:hover{color:#2563eb}.profile-edit-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-edit-input{background:#fff;border:2px solid #2563eb;border-radius:12px;flex:1;min-width:140px;padding:8px 14px;font-size:16px}.profile-page-new.dark .profile-edit-input{color:#e2e8f0;background:#0f172a}.profile-save-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:10px;padding:8px 16px;font-size:16px}.profile-cancel-btn{color:#0f172a;cursor:pointer;background:#e2e8f0;border:none;border-radius:10px;padding:8px 16px;font-size:16px}.profile-meta{flex-wrap:wrap;gap:16px;margin-top:4px;display:flex}.profile-meta span{color:#64748b;font-size:14px}.profile-page-new.dark .profile-meta span{color:#94a3b8}.profile-logout-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:30px;align-self:flex-start;margin-bottom:8px;padding:10px 24px;font-weight:700;transition:all .3s}.profile-logout-btn:hover{color:#fff;background:#ef4444}.profile-stats-new{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:24px auto 0;padding:0 20px;display:grid}.profile-stat-item{text-align:center;background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 20px #0000000a}.profile-page-new.dark .profile-stat-item{background:#1e293b}.profile-stat-number{color:#2563eb;font-size:34px;font-weight:900;display:block}.profile-page-new.dark .profile-stat-number{color:#60a5fa}.profile-stat-label{color:#64748b;font-size:14px;font-weight:500}.profile-page-new.dark .profile-stat-label{color:#94a3b8}.profile-courses-new{max-width:1100px;margin:24px auto 0;padding:0 20px}.profile-courses-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.profile-courses-header h3{margin:0;font-size:22px;font-weight:800}.profile-page-new.dark .profile-courses-header h3{color:#e2e8f0}.profile-courses-count{color:#94a3b8;font-size:14px;font-weight:600}.profile-courses-grid{grid-template-columns:1fr;gap:12px;display:grid}.profile-course-card{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex;box-shadow:0 4px 20px #0000000a}.profile-course-card:hover{transform:translate(-6px);box-shadow:0 8px 30px #0000000f}.profile-page-new.dark .profile-course-card{background:#1e293b}.profile-course-icon{flex-shrink:0;font-size:32px}.profile-course-info{flex:1}.profile-course-category{color:#2563eb;background:#2563eb14;border-radius:30px;padding:2px 12px;font-size:11px;font-weight:600;display:inline-block}.profile-page-new.dark .profile-course-category{background:#2563eb26}.profile-course-info h4{margin:4px 0;font-size:16px;font-weight:700}.profile-page-new.dark .profile-course-info h4{color:#e2e8f0}.profile-course-progress{align-items:center;gap:10px;margin-top:6px;display:flex}.profile-course-bar{background:#e2e8f0;border-radius:10px;flex:1;height:4px;overflow:hidden}.profile-page-new.dark .profile-course-bar{background:#0f172a}.profile-course-fill{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;height:100%;transition:width .5s}.profile-course-percent{color:#2563eb;font-size:12px;font-weight:700}.profile-course-link{color:#2563eb;margin-top:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.profile-course-link:hover{color:#7c3aed}.profile-empty-state{text-align:center;background:#fff;border-radius:20px;padding:50px 20px;box-shadow:0 4px 20px #0000000a}.profile-page-new.dark .profile-empty-state{background:#1e293b}.profile-empty-icon{margin-bottom:8px;font-size:52px;display:block}.profile-empty-state h4{margin-bottom:4px;font-size:20px}.profile-page-new.dark .profile-empty-state h4{color:#e2e8f0}.profile-empty-state p{color:#94a3b8;margin-bottom:16px}.profile-empty-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:30px;padding:10px 28px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.profile-empty-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb4d}@media (width<=768px){.profile-banner-content{text-align:center;flex-direction:column;align-items:center;padding:60px 20px 20px}.profile-avatar-new{width:80px;height:80px;font-size:32px}.profile-name-row,.profile-edit-row,.profile-meta{justify-content:center}.profile-logout-btn{align-self:center}.profile-stats-new{grid-template-columns:repeat(3,1fr);gap:10px}.profile-stat-number{font-size:24px}.profile-course-card{text-align:center;flex-direction:column}.profile-course-progress{justify-content:center}}@media (width<=480px){.profile-stats-new{grid-template-columns:1fr 1fr}.profile-banner-bg{height:120px}}.cart-page-modern{background:#f8fafc;min-height:80vh;padding:30px 20px}.cart-page-modern.dark{background:#0f172a}.cart-container-modern{max-width:1100px;margin:0 auto}.cart-header-modern{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.cart-header-left{align-items:center;gap:16px;display:flex}.cart-icon-big{font-size:40px}.cart-header-left h1{margin:0;font-size:28px;font-weight:900}.cart-page-modern.dark .cart-header-left h1{color:#e2e8f0}.cart-subtitle{color:#64748b;margin:0;font-size:15px}.cart-page-modern.dark .cart-subtitle{color:#94a3b8}.cart-header-right{align-items:center;gap:12px;display:flex}.cart-count-badge{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:30px;padding:6px 18px;font-size:14px;font-weight:700}.cart-clear-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:30px;padding:6px 18px;font-weight:600;transition:all .3s}.cart-clear-btn:hover{color:#fff;background:#ef4444}.cart-empty-state{text-align:center;background:#fff;border-radius:24px;padding:80px 20px;box-shadow:0 4px 20px #0000000a}.cart-page-modern.dark .cart-empty-state{background:#1e293b}.cart-empty-icon{margin-bottom:12px;font-size:64px;display:block}.cart-empty-state h2{margin-bottom:4px;font-size:26px;font-weight:800}.cart-page-modern.dark .cart-empty-state h2{color:#e2e8f0}.cart-empty-state p{color:#94a3b8;margin-bottom:20px}.cart-empty-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:30px;padding:12px 36px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.cart-empty-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb4d}.cart-content-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.cart-items-list{flex-direction:column;gap:12px;display:flex}.cart-item-card{background:#fff;border-radius:20px;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 20px #0000000a}.cart-item-card:hover{transform:translate(-4px);box-shadow:0 8px 30px #0000000f}.cart-page-modern.dark .cart-item-card{background:#1e293b}.cart-item-image{background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;display:flex;overflow:hidden}.cart-item-image img{object-fit:cover;width:100%;height:100%}.cart-item-info{flex:1}.cart-item-category{color:#2563eb;background:#2563eb14;border-radius:30px;padding:2px 12px;font-size:12px;font-weight:600;display:inline-block}.cart-page-modern.dark .cart-item-category{background:#2563eb26}.cart-item-info h3{margin:4px 0 2px;font-size:17px;font-weight:700}.cart-page-modern.dark .cart-item-info h3{color:#e2e8f0}.cart-item-desc{color:#64748b;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.cart-page-modern.dark .cart-item-desc{color:#94a3b8}.cart-item-meta{gap:16px;margin-top:6px;display:flex}.cart-item-level{color:#94a3b8;font-size:13px}.cart-item-price{color:#0f172a;font-size:15px;font-weight:700}.cart-page-modern.dark .cart-item-price{color:#e2e8f0}.cart-item-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:8px;font-size:20px;transition:all .3s}.cart-item-remove:hover{background:#fef2f2;transform:scale(1.1)}.cart-page-modern.dark .cart-item-remove:hover{background:#ef44441a}.cart-summary-card{background:#fff;border-radius:24px;align-self:start;padding:28px;position:sticky;top:100px;box-shadow:0 4px 20px #0000000a}.cart-page-modern.dark .cart-summary-card{background:#1e293b}.cart-summary-card h3{margin-bottom:16px;font-size:20px;font-weight:800}.cart-page-modern.dark .cart-summary-card h3{color:#e2e8f0}.cart-summary-row{color:#475569;justify-content:space-between;padding:8px 0;font-size:15px;display:flex}.cart-page-modern.dark .cart-summary-row{color:#94a3b8}.cart-summary-price{color:#0f172a;font-weight:700}.cart-page-modern.dark .cart-summary-price{color:#e2e8f0}.cart-summary-divider{background:#e2e8f0;height:1px;margin:12px 0}.cart-page-modern.dark .cart-summary-divider{background:#1e293b}.cart-summary-row.total{color:#0f172a;font-size:18px;font-weight:700}.cart-page-modern.dark .cart-summary-row.total{color:#e2e8f0}.cart-total-price{color:#2563eb}.cart-checkout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:30px;width:100%;margin-top:16px;padding:14px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #2563eb4d}.cart-checkout-btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px #2563eb66}.cart-continue-btn{text-align:center;color:#64748b;margin-top:12px;padding:12px;font-size:14px;font-weight:600;text-decoration:none;transition:color .3s;display:block}.cart-continue-btn:hover{color:#2563eb}@media (width<=992px){.cart-content-grid{grid-template-columns:1fr}.cart-summary-card{position:static}}@media (width<=600px){.cart-header-modern{flex-direction:column;align-items:flex-start;gap:12px}.cart-header-left h1{font-size:22px}.cart-item-card{text-align:center;flex-flow:column wrap;padding:16px}.cart-item-image{width:100px;height:100px}.cart-item-meta{justify-content:center}.cart-item-remove{position:absolute;top:8px;left:8px}.cart-empty-state{padding:40px 20px}.cart-empty-icon{font-size:48px}}.blog-page{background:#f8fafc;min-height:80vh;padding:30px 20px 60px}.blog-page.dark{background:#0f172a}.blog-container{max-width:1200px;margin:0 auto}.blog-header{text-align:center;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:24px;margin-bottom:40px;padding:50px 40px;position:relative;overflow:hidden}.blog-header:before{content:"";background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);width:100%;height:100%;animation:20s ease-in-out infinite floatBg;position:absolute;top:-50%;left:-50%}.blog-header-content{z-index:1;position:relative}.blog-header-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:30px;margin-bottom:8px;padding:4px 18px;font-size:14px;font-weight:600;display:inline-block}.blog-header h1{margin-bottom:8px;font-size:36px;font-weight:900}.blog-header p{opacity:.85;margin:0;font-size:16px}.blog-empty{text-align:center;background:#fff;border-radius:24px;padding:60px 20px;box-shadow:0 4px 20px #0000000a}.blog-page.dark .blog-empty{background:#1e293b}.blog-empty-icon{margin-bottom:12px;font-size:56px;display:block}.blog-empty h3{margin-bottom:4px;font-size:22px;font-weight:800}.blog-page.dark .blog-empty h3{color:#e2e8f0}.blog-empty p{color:#94a3b8}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:28px;display:grid}.blog-card{background:#fff;border:1px solid #0000000a;border-radius:20px;transition:all .4s;overflow:hidden;box-shadow:0 4px 20px #0000000a}.blog-card:hover{border-color:#2563eb1a;transform:translateY(-8px);box-shadow:0 16px 48px #00000014}.blog-page.dark .blog-card{background:#1e293b;border-color:#1e293b}.blog-card-image{background:linear-gradient(135deg,#e0e7ff,#ede9fe);justify-content:center;align-items:center;height:160px;display:flex;position:relative}.blog-page.dark .blog-card-image{background:linear-gradient(135deg,#1e293b,#0f172a)}.blog-card-icon{font-size:48px}.blog-card-category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0009;border-radius:30px;padding:4px 14px;font-size:12px;font-weight:600;position:absolute;top:14px;right:14px}.blog-card-body{padding:22px}.blog-card-meta{gap:14px;margin-bottom:8px;display:flex}.blog-card-date,.blog-card-readtime{color:#94a3b8;font-size:13px}.blog-page.dark .blog-card-date,.blog-page.dark .blog-card-readtime{color:#64748b}.blog-card-body h3{margin-bottom:6px;font-size:18px;font-weight:700}.blog-page.dark .blog-card-body h3{color:#e2e8f0}.blog-card-body p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-page.dark .blog-card-body p{color:#94a3b8}.blog-card-link{color:#2563eb;margin-top:14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.blog-card-link span{transition:transform .3s;display:inline-block}.blog-card-link:hover{color:#7c3aed}.blog-card-link:hover span{transform:translate(-4px)}.blog-post-page{background:#f8fafc;min-height:80vh;padding:30px 20px 60px}.blog-post-page.dark{background:#0f172a}.blog-post-container{max-width:850px;margin:0 auto}.blog-post-back{color:#64748b;align-items:center;gap:8px;margin-bottom:24px;font-size:15px;font-weight:600;text-decoration:none;transition:color .3s;display:inline-flex}.blog-post-back:hover{color:#2563eb}.blog-post-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 20px #0000000a}.blog-post-page.dark .blog-post-card{background:#1e293b}.blog-post-header{margin-bottom:24px}.blog-post-meta{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.blog-post-category{color:#2563eb;background:#2563eb14;border-radius:30px;padding:2px 14px;font-size:13px;font-weight:600}.blog-post-page.dark .blog-post-category{background:#2563eb26}.blog-post-date,.blog-post-readtime{color:#94a3b8;font-size:14px}.blog-post-page.dark .blog-post-date,.blog-post-page.dark .blog-post-readtime{color:#64748b}.blog-post-header h1{margin:0;font-size:32px;font-weight:900}.blog-post-page.dark .blog-post-header h1{color:#e2e8f0}.blog-post-divider{background:#f1f5f9;height:2px;margin:16px 0 24px}.blog-post-page.dark .blog-post-divider{background:#0f172a}.blog-post-content p{color:#334155;margin-bottom:16px;font-size:17px;line-height:1.8}.blog-post-page.dark .blog-post-content p{color:#cbd5e1}.blog-post-placeholder{background:#f8fafc;border-right:4px solid #2563eb;border-radius:12px;padding:20px;color:#64748b!important;font-size:15px!important}.blog-post-page.dark .blog-post-placeholder{background:#0f172a;color:#94a3b8!important}.blog-post-footer{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:24px;display:flex}.blog-post-page.dark .blog-post-footer{border-top-color:#0f172a}.blog-post-author{align-items:center;gap:12px;display:flex}.author-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.blog-post-author div strong{font-size:15px;display:block}.blog-post-page.dark .blog-post-author div strong{color:#e2e8f0}.blog-post-author div span{color:#94a3b8;font-size:13px}.blog-post-more{color:#2563eb;font-weight:600;text-decoration:none;transition:color .3s}.blog-post-more:hover{color:#7c3aed}.blog-post-loading{text-align:center;padding:60px 20px}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin:0 auto 12px;animation:.8s linear infinite spin}.blog-post-loading p{color:#94a3b8}@media (width<=768px){.blog-grid{grid-template-columns:1fr}.blog-header{padding:30px 20px}.blog-header h1{font-size:28px}.blog-post-card{padding:24px}.blog-post-header h1{font-size:24px}.blog-post-footer{flex-direction:column;align-items:flex-start}}@media (width<=480px){.blog-header h1{font-size:24px}.blog-card-image{height:120px}}.site-header-new{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#ffffffeb;border-bottom:1px solid #ffffff4d;padding:0 1.5rem;position:sticky;top:0;box-shadow:0 4px 30px #0000000a}.site-header-new.dark{background:#0f172af2;border-bottom:1px solid #1e293b}.header-container-new{justify-content:space-between;align-items:center;gap:12px;max-width:1280px;height:68px;margin:0 auto;display:flex}.menu-toggle-btn{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;padding:8px;transition:background .3s}.menu-toggle-btn:hover{background:#0000000d}.hamburger{flex-direction:column;gap:5px;width:26px;transition:all .3s;display:flex}.hamburger span{background:#0f172a;border-radius:10px;height:2.5px;transition:all .3s;display:block}.site-header-new.dark .hamburger span{background:#e2e8f0}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.header-logo-new{color:#0f172a;white-space:nowrap;flex-shrink:0;font-size:22px;font-weight:900;text-decoration:none}.site-header-new.dark .header-logo-new{color:#e2e8f0}.logo-icon-new{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;padding:4px 14px;font-size:18px;box-shadow:0 4px 12px #2563eb40}.header-nav-new{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.header-nav-new a{color:#475569;white-space:nowrap;border-radius:30px;padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.site-header-new.dark .header-nav-new a{color:#94a3b8}.header-nav-new a:hover{color:#2563eb;background:#2563eb14}.site-header-new.dark .header-nav-new a:hover{color:#e2e8f0;background:#ffffff0d}.header-nav-new a.active{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 12px #2563eb40;color:#fff!important}.header-actions-new{flex-shrink:0;align-items:center;gap:6px;display:flex}.header-icon-btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;text-decoration:none;transition:all .3s;display:flex}.header-icon-btn:hover{background:#0000000d;transform:scale(1.05)}.site-header-new.dark .header-icon-btn{color:#94a3b8}.site-header-new.dark .header-icon-btn:hover{background:#ffffff0d}.search-icon-btn svg{stroke:currentColor}.theme-icon-btn{font-size:20px}.login-icon-btn{color:#475569;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;text-decoration:none;transition:all .3s;display:flex}.login-icon-btn:hover{background:#0000000d;transform:scale(1.05)}.site-header-new.dark .login-icon-btn{color:#94a3b8}.site-header-new.dark .login-icon-btn:hover{background:#ffffff0d}.login-icon-text{font-size:22px}.profile-wrapper-new{position:relative}.profile-btn-new{cursor:pointer;background:0 0;border:none;border-radius:30px;align-items:center;gap:4px;padding:4px 8px 4px 4px;transition:all .3s;display:flex}.profile-btn-new:hover{background:#0000000d}.site-header-new.dark .profile-btn-new:hover{background:#ffffff0d}.profile-avatar-new{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:700;display:flex}.profile-arrow-new{color:#94a3b8;font-size:12px}.site-header-new.dark .profile-arrow-new{color:#64748b}.profile-dropdown-new{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999;background:#fffffff7;border:1px solid #ffffff4d;border-radius:16px;min-width:200px;padding:8px;animation:.25s fadeDown;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 60px #0000001a}.site-header-new.dark .profile-dropdown-new{background:#1e293bf7;border-color:#1e293b}.profile-dropdown-new a,.profile-dropdown-new button{color:#0f172a;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.site-header-new.dark .profile-dropdown-new a,.site-header-new.dark .profile-dropdown-new button{color:#e2e8f0}.profile-dropdown-new a:hover,.profile-dropdown-new button:hover{background:#f1f5f9}.site-header-new.dark .profile-dropdown-new a:hover,.site-header-new.dark .profile-dropdown-new button:hover{background:#ffffff0d}.profile-dropdown-new hr{border:none;border-top:1px solid #e2e8f0;margin:6px 0}.site-header-new.dark .profile-dropdown-new hr{border-color:#1e293b}.mobile-menu-overlay{z-index:1001;opacity:0;pointer-events:none;background:#0006;transition:opacity .4s;position:fixed;inset:0}.mobile-menu-overlay.open{opacity:1;pointer-events:all}.mobile-menu-panel{z-index:1002;background:#fff;width:300px;height:100%;padding:24px 20px;transition:right .35s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-320px;overflow-y:auto;box-shadow:-4px 0 30px #0000001a}.site-header-new.dark .mobile-menu-panel{background:#0f172a;box-shadow:-4px 0 30px #0000004d}.mobile-menu-panel.open{right:0}.mobile-menu-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.site-header-new.dark .mobile-menu-header{border-color:#1e293b}.mobile-menu-logo{color:#0f172a;font-size:20px;font-weight:900}.site-header-new.dark .mobile-menu-logo{color:#e2e8f0}.mobile-menu-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:24px;transition:all .3s}.mobile-menu-close:hover{background:#0000000d}.site-header-new.dark .mobile-menu-close{color:#94a3b8}.mobile-menu-nav{flex-direction:column;gap:6px;display:flex}.site-header-new.dark .mobile-menu-nav a{color:#94a3b8}.site-header-new.dark .mobile-menu-nav a:hover{color:#e2e8f0;background:#1e293b}.site-footer-new{color:#e2e8f0;background:#0f172a;margin-top:60px;padding:50px 20px 24px}.footer-container-new{grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1280px;margin:0 auto;display:grid}.footer-about-new h3{color:#fff;margin-bottom:12px;font-size:22px}.footer-about-new p{color:#94a3b8;max-width:400px;line-height:1.8}.footer-socials-new{flex-wrap:wrap;gap:14px;margin-top:16px;display:flex}.footer-socials-new a{color:#94a3b8;background:#ffffff0a;border-radius:30px;padding:6px 14px;font-weight:500;text-decoration:none;transition:all .3s}.footer-socials-new a:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)}.footer-links-new h4,.footer-contact-new h4{color:#fff;margin-bottom:14px;font-size:18px;position:relative}.footer-links-new h4:after,.footer-contact-new h4:after{content:"";background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;width:30px;height:3px;position:absolute;bottom:-6px;right:0}.footer-links-new a{color:#94a3b8;padding:5px 0;text-decoration:none;transition:all .3s;display:block}.footer-links-new a:hover{color:#fff;padding-right:6px}.footer-contact-new p{color:#94a3b8;align-items:center;gap:8px;padding:4px 0;display:flex}.footer-bottom-new{text-align:center;color:#64748b;border-top:1px solid #1e293b;max-width:1280px;margin:30px auto 0;padding-top:20px;font-size:14px}@media (width<=992px){.header-nav-new{display:none}.site-header-new{padding:0 1rem}.header-container-new{height:60px}.login-icon-text{font-size:20px}}@media (width<=600px){.header-logo-new{font-size:18px}.logo-icon-new{padding:3px 10px;font-size:14px}.header-icon-btn{width:36px;height:36px;font-size:18px}.search-icon-btn svg{width:18px;height:18px}.profile-avatar-new{width:30px;height:30px;font-size:14px}.mobile-menu-panel{width:280px;right:-290px}.footer-container-new{grid-template-columns:1fr;gap:30px}.footer-about-new p{max-width:100%}}.mobile-menu-nav a{border-radius:12px;padding:14px 18px;font-size:16px}.logo-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:14px;padding:6px 16px;font-size:22px;box-shadow:0 4px 16px #2563eb59}.mobile-menu-panel{max-height:100vh;padding-bottom:40px;overflow-y:auto}.mobile-menu-nav{flex-direction:column;gap:4px;padding-bottom:20px;display:flex}.mobile-menu-nav a{color:#475569;border-radius:12px;padding:14px 18px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s}.mobile-menu-nav a:hover{color:#0f172a;background:#f1f5f9}.mobile-login-btn{background:#2563eb14;margin-top:8px;color:#2563eb!important}.mobile-signup-btn{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff!important}.mobile-signup-btn:hover{opacity:.9}@media (width<=992px){.site-header{padding:0 1rem}.mobile-menu-btn{display:block}.header-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999;background:#fffffff7;border-bottom:1px solid #ffffff4d;flex-direction:column;gap:4px;padding:16px;display:none;position:absolute;top:74px;left:0;right:0;box-shadow:0 4px 30px #0000000a}.header-nav.open{display:flex}.header-nav a{text-align:center;width:100%;padding:12px 16px}.header-actions .login-btn,.header-actions .signup-btn{padding:6px 16px;font-size:13px}.search-btn{width:38px;height:38px;padding:6px!important}}@media (width<=600px){.header-actions .login-btn,.header-actions .signup-btn{display:none}.header-logo{font-size:18px}.logo-icon{padding:4px 10px;font-size:14px}.profile-name{display:none}.profile-btn{padding:6px 10px}}.site-footer-mobile{color:#e2e8f0;background:#0f172a;padding-top:70px;position:relative}.footer-nav-mobile{-webkit-backdrop-filter:blur(16px);z-index:999;background:#fffffff2;border-top:1px solid #ffffff4d;justify-content:space-around;align-items:center;padding:6px 8px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 30px #0000000a}.site-footer-mobile.dark .footer-nav-mobile{background:#0f172af2;border-top:1px solid #1e293b}.footer-nav-item{color:#94a3b8;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:44px;padding:4px 8px;font-size:11px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.footer-nav-item:hover{color:#0f172a}.site-footer-mobile.dark .footer-nav-item:hover{color:#e2e8f0}.footer-nav-item.active{color:#2563eb}.site-footer-mobile.dark .footer-nav-item.active{color:#60a5fa}.footer-nav-icon{font-size:20px;line-height:1}.footer-nav-label{font-size:10px;line-height:1.2}.footer-container-mobile{grid-template-columns:2fr 1fr;gap:30px;max-width:1280px;margin:0 auto;padding:0 20px 30px;display:grid}.footer-about-mobile h3{color:#fff;margin-bottom:10px;font-size:20px}.footer-about-mobile p{color:#94a3b8;max-width:400px;font-size:14px;line-height:1.8}.footer-socials-mobile{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.footer-socials-mobile a{color:#94a3b8;background:#ffffff0a;border-radius:30px;padding:4px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.footer-socials-mobile a:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)}.footer-contact-mobile h4{color:#fff;margin-bottom:12px;font-size:17px;position:relative}.footer-contact-mobile h4:after{content:"";background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;width:30px;height:3px;position:absolute;bottom:-6px;right:0}.footer-contact-mobile p{color:#94a3b8;align-items:center;gap:8px;padding:4px 0;font-size:14px;display:flex}.footer-bottom-mobile{text-align:center;color:#64748b;border-top:1px solid #1e293b;max-width:1280px;margin:0 auto;padding:16px 20px 0;font-size:13px}@media (width<=768px){.footer-nav-mobile{display:flex}.site-footer-mobile{padding-bottom:70px}.footer-container-mobile{grid-template-columns:1fr;gap:24px}.footer-about-mobile p{max-width:100%}.site-header-mobile{padding:0 1rem}.header-container-mobile{height:56px}}@media (width>=769px){.footer-nav-mobile{display:none!important}}@media (width<=400px){.footer-nav-item{min-width:36px;padding:2px 4px}.footer-nav-icon{font-size:17px}.footer-nav-label{font-size:9px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Vazirmatn,Segoe UI,Tahoma,sans-serif}body{color:#0f172a;direction:rtl;background:#f8fafc;line-height:1.7}.page-container{max-width:1280px;margin:0 auto;padding:0 20px}.site-header{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#ffffffe6;border-bottom:1px solid #ffffff4d;padding:0 2rem;position:sticky;top:0;box-shadow:0 4px 30px #0000000a}.site-header.dark{background:#0f172af2;border-bottom:1px solid #1e293b}.header-container{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;height:74px;margin:0 auto;display:flex}.header-logo{color:#0f172a;white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:26px;font-weight:900;text-decoration:none;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:14px;padding:6px 18px;font-size:22px;transition:all .3s;box-shadow:0 4px 16px #2563eb4d}.logo-icon:hover{transform:scale(1.02);box-shadow:0 6px 24px #2563eb66}.header-nav{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.header-nav a{color:#475569;border-radius:30px;padding:8px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s}.header-nav a:hover{color:#2563eb;background:#2563eb14}.header-nav a.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 16px #2563eb4d}.header-actions{align-items:center;gap:10px;display:flex}.search-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:all .3s;padding:8px 12px!important;display:flex!important}.search-btn:hover{color:#fff;background:#2563eb;transform:scale(1.06);box-shadow:0 4px 16px #2563eb4d}.login-btn{color:#2563eb;background:#2563eb14;border:1px solid #2563eb26;border-radius:30px;font-weight:600;text-decoration:none;transition:all .3s;padding:8px 22px!important}.login-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 16px #2563eb40}.signup-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:30px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 16px #2563eb4d;padding:8px 22px!important}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2563eb66}.theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:4px 8px;font-size:22px;transition:all .3s;display:flex}.theme-toggle:hover{background:#0000000d}.mobile-menu-btn{cursor:pointer;color:#0f172a;background:0 0;border:none;border-radius:10px;padding:4px 10px;font-size:28px;transition:background .3s;display:none}.mobile-menu-btn:hover{background:#0000000d}.profile-wrapper{position:relative}.profile-btn{cursor:pointer;color:#0f172a;background:#f1f5f9;border:1px solid #0000;border-radius:30px;align-items:center;gap:8px;padding:6px 16px 6px 10px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.profile-btn:hover{background:#e2e8f0;border-color:#e2e8f0}.profile-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:700;display:flex}.profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.profile-arrow{color:#94a3b8;font-size:12px}.profile-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999;background:#fffffff7;border:1px solid #ffffff4d;border-radius:16px;min-width:210px;padding:8px;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 20px 60px #0000001f}.profile-dropdown a,.profile-dropdown button{color:#0f172a;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.profile-dropdown a:hover,.profile-dropdown button:hover{background:#f1f5f9}.profile-dropdown hr{border:none;border-top:1px solid #e2e8f0;margin:6px 0}.site-footer{color:#e2e8f0;background-color:#0f172a;background-image:linear-gradient(#0f172a,#0f172a),linear-gradient(135deg,#2563eb,#7c3aed);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border-top:4px solid #0000;margin-top:60px;padding:50px 20px 24px}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1280px;margin:0 auto;display:grid}.footer-about h3{color:#fff;align-items:center;gap:8px;margin-bottom:12px;font-size:22px;display:flex}.footer-about p{color:#94a3b8;max-width:400px;line-height:1.8}.footer-socials{flex-wrap:wrap;gap:14px;margin-top:16px;display:flex}.footer-socials a{color:#94a3b8;background:#ffffff0a;border-radius:30px;padding:6px 14px;font-weight:500;text-decoration:none;transition:all .3s}.footer-socials a:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)}.footer-links h4,.footer-contact h4{color:#fff;margin-bottom:14px;font-size:18px;position:relative}.footer-links h4:after,.footer-contact h4:after{content:"";background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;width:30px;height:3px;position:absolute;bottom:-6px;right:0}.footer-links a{color:#94a3b8;padding:5px 0;text-decoration:none;transition:all .3s;display:block}.footer-links a:hover{color:#fff;padding-right:6px}.footer-contact p{color:#94a3b8;align-items:center;gap:8px;padding:4px 0;display:flex}.footer-bottom{text-align:center;color:#64748b;border-top:1px solid #1e293b;max-width:1280px;margin:30px auto 0;padding-top:20px;font-size:14px}.home-hero{background:linear-gradient(135deg,#eff6ff 0%,#ede9fe 50%,#fce7f3 100%);padding:80px 20px;position:relative;overflow:hidden}.home-hero:before{content:"";background:radial-gradient(circle,#2563eb0f 0%,#0000 70%);width:100%;height:100%;animation:20s ease-in-out infinite floatBg;position:absolute;top:-50%;right:-50%}.home-hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1280px;margin:0 auto;display:grid;position:relative}.hero-content h1{margin-bottom:16px;font-size:52px;font-weight:900;line-height:1.15}.hero-content h1 span{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-content p{color:#475569;max-width:500px;margin-bottom:28px;font-size:18px}.hero-badge{color:#2563eb;background:#2563eb1f;border-radius:30px;margin-bottom:12px;padding:4px 18px;font-size:14px;font-weight:600;display:inline-block}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:30px;padding:14px 36px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 20px #2563eb59}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 8px 32px #2563eb73}.secondary-btn{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:14px 36px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.secondary-btn:hover{color:#2563eb;border-color:#2563eb;transform:translateY(-3px);box-shadow:0 4px 20px #0000000f}.hero-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffffb3;border:1px solid #fff6;border-radius:32px;width:100%;max-width:320px;padding:48px;box-shadow:0 20px 60px #0000000f}.hero-icon{margin-bottom:12px;font-size:56px}.hero-card strong{margin-bottom:4px;font-size:22px;display:block}.hero-card span{color:#64748b}.hero-progress{background:#e2e8f0;border-radius:10px;width:100%;height:6px;margin:16px 0;overflow:hidden}.hero-progress span{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;width:65%;height:100%;display:block}.hero-card small{color:#94a3b8;font-size:14px}.stats-section{background:#fff;padding:50px 20px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1280px;margin:0 auto;display:grid}.stat-card{text-align:center;background:#f8fafc;border:1px solid #0000;border-radius:20px;padding:28px 20px;transition:all .3s}.stat-card:hover{border-color:#e2e8f0;transform:translateY(-6px);box-shadow:0 8px 30px #0000000a}.stat-card strong{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:900;display:block}.stat-card span{color:#64748b;font-size:16px;font-weight:500}.section-title{text-align:center;margin-bottom:40px}.section-title h2{margin-bottom:8px;font-size:34px;font-weight:900}.section-title p{color:#64748b;font-size:16px}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.view-all{color:#2563eb;background:#2563eb0f;border-radius:30px;padding:8px 16px;font-weight:600;text-decoration:none;transition:all .3s}.view-all:hover{color:#fff;background:#2563eb;transform:translate(-4px)}.course-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:28px;display:grid}.home-course-card{background:#fff;border:1px solid #0000000a;border-radius:20px;transition:all .4s;overflow:hidden;box-shadow:0 4px 24px #0000000a}.home-course-card:hover{border-color:#2563eb1a;transform:translateY(-10px);box-shadow:0 16px 48px #00000014}.course-thumbnail{background:linear-gradient(135deg,#e0e7ff,#ede9fe);justify-content:center;align-items:center;height:180px;display:flex;position:relative}.course-thumbnail-icon{font-size:56px}.free-badge{color:#fff;background:#22c55e;border-radius:30px;padding:4px 14px;font-size:13px;font-weight:700;position:absolute;top:14px;right:14px;box-shadow:0 4px 12px #22c55e59}.paid-badge{color:#fff;background:#f59e0b;border-radius:30px;padding:4px 14px;font-size:13px;font-weight:700;position:absolute;top:14px;right:14px;box-shadow:0 4px 12px #f59e0b59}.course-card-body{padding:22px}.course-category{color:#2563eb;background:#2563eb14;border-radius:30px;margin-bottom:8px;padding:2px 14px;font-size:12px;font-weight:600;display:inline-block}.course-card-body h3{margin-bottom:8px;font-size:18px;font-weight:700}.course-card-body p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.course-card-bottom{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;display:flex}.course-card-bottom span{color:#94a3b8;font-size:14px}.course-card-bottom strong{color:#0f172a;font-size:17px;font-weight:700}.course-view-button{color:#2563eb;margin-top:14px;padding:6px 0;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.course-view-button:hover{color:#7c3aed;padding-right:6px}.why-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);margin-top:60px;padding:70px 20px}.why-section .section-title h2{color:#fff}.why-section .section-title p{color:#94a3b8}.why-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;max-width:1280px;margin:0 auto;display:grid}.why-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;padding:28px 20px;transition:all .4s}.why-card:hover{background:#ffffff14;border-color:#2563eb33;transform:translateY(-6px)}.why-card span{margin-bottom:12px;font-size:40px;display:block}.why-card h3{color:#fff;margin-bottom:8px;font-size:18px}.why-card p{color:#94a3b8;font-size:14px;line-height:1.6}.final-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);padding:70px 20px;position:relative;overflow:hidden}.final-cta h2{z-index:1;margin-bottom:8px;font-size:36px;font-weight:900;position:relative}.final-cta p{opacity:.9;z-index:1;margin-bottom:28px;position:relative}.final-cta a{color:#2563eb;z-index:1;background:#fff;border-radius:30px;padding:14px 48px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;position:relative;box-shadow:0 4px 20px #00000026}.final-cta a:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 32px #00000040}.category-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px;max-width:1280px;margin:0 auto;display:grid}.category-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:20px;padding:28px 20px;transition:all .4s;box-shadow:0 4px 20px #0000000a}.category-card:hover{border-color:#2563eb1a;transform:translateY(-6px);box-shadow:0 12px 40px #00000014}.category-icon{margin-bottom:12px;font-size:40px}.category-card h3{margin-bottom:8px;font-size:18px}.category-card p{color:#64748b;font-size:14px;line-height:1.6}.category-card span{color:#2563eb;margin-top:12px;font-size:14px;font-weight:600;display:inline-block}.courses-hero{text-align:center;background:linear-gradient(135deg,#eff6ff,#ede9fe);padding:50px 20px}.courses-hero span{color:#2563eb;background:#2563eb1a;border-radius:30px;margin-bottom:8px;padding:4px 18px;font-size:14px;font-weight:600;display:inline-block}.courses-hero h1{font-size:40px;font-weight:900}.courses-hero p{color:#64748b;font-size:16px}.courses-filter-section{text-align:center;max-width:1280px;margin:30px auto;padding:0 20px}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:30px;outline:none;width:100%;max-width:520px;margin-bottom:20px;padding:14px 28px;font-size:16px;transition:all .3s}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.filter-group{margin-bottom:12px}.filter-label{color:#0f172a;margin-bottom:8px;font-size:15px;font-weight:700}.category-filters{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.category-filters button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:30px;padding:8px 22px;font-size:14px;font-weight:600;transition:all .3s}.category-filters button:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-2px)}.category-filters button.active-filter{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;box-shadow:0 4px 16px #2563eb4d}.courses-empty{text-align:center;color:#94a3b8;padding:60px 20px}.courses-empty div{margin-bottom:12px;font-size:52px}.courses-empty h2{color:#0f172a;margin-bottom:8px}.auth-page{background:linear-gradient(135deg,#eff6ff 0%,#ede9fe 50%,#fce7f3 100%);justify-content:center;align-items:center;min-height:85vh;padding:40px 20px;display:flex}.auth-container{width:100%;max-width:440px;margin:0 auto}.auth-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:32px;padding:40px 36px;box-shadow:0 20px 60px #0000000f}.auth-header{text-align:center;margin-bottom:32px}.auth-icon{margin-bottom:8px;font-size:48px}.auth-header h1{margin-bottom:4px;font-size:28px;font-weight:900}.auth-header p{color:#64748b;font-size:15px}.auth-field{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.auth-field label{color:#0f172a;font-size:14px;font-weight:600}.auth-field input{background:#fff;border:2px solid #e2e8f0;border-radius:14px;outline:none;padding:12px 16px;font-size:15px;transition:all .3s}.auth-field input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.auth-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:30px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #2563eb4d}.auth-button:hover{transform:translateY(-3px);box-shadow:0 8px 28px #2563eb66}.auth-divider{align-items:center;margin:24px 0 16px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.auth-divider span{color:#94a3b8;padding:0 16px;font-size:13px}.auth-footer{text-align:center}.auth-footer p{color:#64748b;font-size:14px}.auth-link{color:#2563eb;font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}@media (width<=992px){.site-header{padding:0 1rem}.mobile-menu-btn{display:block}.header-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999;background:#fffffff7;border-bottom:1px solid #ffffff4d;flex-direction:column;gap:4px;padding:16px;display:none;position:absolute;top:74px;left:0;right:0;box-shadow:0 4px 30px #0000000a}.header-nav.open{display:flex}.header-nav a{text-align:center;width:100%;padding:12px 16px}.header-actions .login-btn,.header-actions .signup-btn{padding:6px 16px;font-size:13px}.search-btn{width:38px;height:38px;padding:6px!important}.footer-container{grid-template-columns:1fr 1fr;gap:30px}.home-hero-inner{text-align:center;grid-template-columns:1fr}.hero-actions{justify-content:center}.hero-content p{margin:0 auto 28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-title-row{text-align:center;flex-direction:column;gap:12px}}@media (width<=600px){.header-actions .login-btn,.header-actions .signup-btn{display:none}.header-logo{font-size:18px}.logo-icon{padding:4px 10px;font-size:14px}.profile-name{display:none}.profile-btn{padding:6px 10px}.hero-content h1{font-size:28px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card strong{font-size:24px}.course-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.footer-container{grid-template-columns:1fr;gap:24px}.auth-card{padding:28px 20px}.auth-header h1{font-size:24px}}.site-header-mobile{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#ffffffeb;border-bottom:1px solid #ffffff4d;padding:0 1.5rem;position:sticky;top:0;box-shadow:0 4px 30px #0000000a}.site-header-mobile.dark{background:#0f172af2;border-bottom:1px solid #1e293b}.header-container-mobile{justify-content:space-between;align-items:center;gap:12px;max-width:1280px;height:64px;margin:0 auto;display:flex}.header-logo-mobile{color:#0f172a;white-space:nowrap;flex-shrink:0;font-size:20px;font-weight:900;text-decoration:none}.site-header-mobile.dark .header-logo-mobile{color:#e2e8f0}.logo-icon-mobile{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;padding:4px 14px;font-size:16px;box-shadow:0 4px 12px #2563eb40}.header-actions-mobile{flex-shrink:0;align-items:center;gap:6px;display:flex}.header-icon-mobile{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;text-decoration:none;transition:all .3s;display:flex}.header-icon-mobile:hover{background:#0000000d;transform:scale(1.05)}.site-header-mobile.dark .header-icon-mobile{color:#94a3b8}.site-header-mobile.dark .header-icon-mobile:hover{background:#ffffff0d}.search-icon-mobile svg{stroke:currentColor;width:20px;height:20px}.theme-icon-mobile{font-size:18px}.login-icon-mobile{color:#475569;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;text-decoration:none;transition:all .3s;display:flex}.login-icon-mobile:hover{background:#0000000d;transform:scale(1.05)}.site-header-mobile.dark .login-icon-mobile{color:#94a3b8}.site-header-mobile.dark .login-icon-mobile:hover{background:#ffffff0d}.login-icon-text-mobile{font-size:20px}.profile-wrapper-mobile{position:relative}.profile-btn-mobile{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:all .3s}.profile-btn-mobile:hover{background:#0000000d}.site-header-mobile.dark .profile-btn-mobile:hover{background:#ffffff0d}.profile-avatar-mobile{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.profile-dropdown-mobile{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999;background:#fffffff7;border:1px solid #ffffff4d;border-radius:16px;min-width:190px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 60px #0000001a}.site-header-mobile.dark .profile-dropdown-mobile{background:#1e293bf7;border-color:#1e293b}.profile-dropdown-mobile a,.profile-dropdown-mobile button{color:#0f172a;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.site-header-mobile.dark .profile-dropdown-mobile a,.site-header-mobile.dark .profile-dropdown-mobile button{color:#e2e8f0}.profile-dropdown-mobile a:hover,.profile-dropdown-mobile button:hover{background:#f1f5f9}.site-header-mobile.dark .profile-dropdown-mobile a:hover,.site-header-mobile.dark .profile-dropdown-mobile button:hover{background:#ffffff0d}.profile-dropdown-mobile hr{border:none;border-top:1px solid #e2e8f0;margin:6px 0}.site-header-mobile.dark .profile-dropdown-mobile hr{border-color:#1e293b}.site-footer-mobile-new{color:#e2e8f0;background:#0f172a;padding-top:70px;position:relative}.footer-nav-mobile-new{-webkit-backdrop-filter:blur(16px);z-index:999;background:#fffffff2;border-top:1px solid #ffffff4d;justify-content:space-around;align-items:center;padding:6px 8px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 30px #0000000a}.site-footer-mobile-new.dark .footer-nav-mobile-new{background:#0f172af2;border-top:1px solid #1e293b}.footer-nav-item-new{color:#94a3b8;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:44px;padding:4px 8px;font-size:11px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.footer-nav-item-new:hover{color:#0f172a}.site-footer-mobile-new.dark .footer-nav-item-new:hover{color:#e2e8f0}.footer-nav-item-new.active{color:#2563eb}.site-footer-mobile-new.dark .footer-nav-item-new.active{color:#60a5fa}.footer-nav-icon-new{font-size:20px;line-height:1}.footer-nav-label-new{font-size:10px;line-height:1.2}.footer-container-mobile-new{grid-template-columns:2fr 1fr;gap:30px;max-width:1280px;margin:0 auto;padding:0 20px 30px;display:grid}.footer-about-mobile-new h3{color:#fff;margin-bottom:10px;font-size:20px}.footer-about-mobile-new p{color:#94a3b8;max-width:400px;font-size:14px;line-height:1.8}.footer-socials-mobile-new{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.footer-socials-mobile-new a{color:#94a3b8;background:#ffffff0a;border-radius:30px;padding:4px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.footer-socials-mobile-new a:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)}.footer-contact-mobile-new h4{color:#fff;margin-bottom:12px;font-size:17px;position:relative}.footer-contact-mobile-new h4:after{content:"";background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;width:30px;height:3px;position:absolute;bottom:-6px;right:0}.footer-contact-mobile-new p{color:#94a3b8;align-items:center;gap:8px;padding:4px 0;font-size:14px;display:flex}.footer-bottom-mobile-new{text-align:center;color:#64748b;border-top:1px solid #1e293b;max-width:1280px;margin:0 auto;padding:16px 20px 0;font-size:13px}@media (width<=768px){.footer-nav-mobile-new{display:flex}.site-footer-mobile-new{padding-bottom:70px}.footer-container-mobile-new{grid-template-columns:1fr;gap:24px}.footer-about-mobile-new p{max-width:100%}.site-header-mobile{padding:0 1rem}.header-container-mobile{height:56px}}@media (width>=769px){.footer-nav-mobile-new{display:none!important}}@media (width<=400px){.footer-nav-item-new{min-width:36px;padding:2px 4px}.footer-nav-icon-new{font-size:17px}.footer-nav-label-new{font-size:9px}}@media (width<=600px){.course-grid{grid-template-columns:1fr 1fr;gap:12px}.home-course-card{border-radius:14px}.course-thumbnail{height:100px}.course-thumbnail-icon{font-size:32px}.course-card-body{padding:12px 14px}.course-card-body h3{margin-bottom:4px;font-size:14px}.course-card-body p{-webkit-line-clamp:2;font-size:12px}.course-category{padding:2px 10px;font-size:10px}.course-card-bottom{margin-top:8px;padding-top:8px}.course-card-bottom span{font-size:11px}.course-card-bottom strong{font-size:13px}.course-view-button{margin-top:8px;font-size:12px}.free-badge,.paid-badge{padding:2px 10px;font-size:10px;top:8px;right:8px}}.admin-blog-modern{background:#fff;border-radius:24px;padding:28px;box-shadow:0 4px 24px #0000000a}.admin-blog-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-blog-icon{font-size:32px}.admin-blog-label{color:#2563eb;text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600;display:block}.admin-blog-header h2{margin:0;font-size:24px;font-weight:900}.admin-blog-header p{color:#64748b;margin:0;font-size:14px}.admin-blog-form-modern{background:#f8fafc;border-radius:16px;margin-bottom:24px;padding:20px}.admin-blog-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-blog-field.full{grid-column:1/-1}.admin-blog-field.half{grid-column:span 1}.admin-blog-field label{color:#0f172a;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.admin-blog-field input,.admin-blog-field select,.admin-blog-field textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.admin-blog-field input:focus,.admin-blog-field select:focus,.admin-blog-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb0f}.admin-blog-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:12px;width:100%;padding:12px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #2563eb4d}.admin-blog-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.admin-blog-list-modern{margin-top:8px}.admin-blog-list-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-blog-list-header h3{margin:0;font-size:18px;font-weight:700}.admin-blog-count{color:#64748b;font-size:14px;font-weight:600}.admin-blog-empty{text-align:center;color:#94a3b8;background:#f8fafc;border-radius:12px;padding:30px}.admin-blog-items{flex-direction:column;gap:8px;display:flex}.admin-blog-item-modern{background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .3s;display:flex}.admin-blog-item-modern:hover{background:#f1f5f9}.admin-blog-item-info strong{font-size:15px;display:block}.admin-blog-item-meta{gap:12px;margin-top:4px;display:flex}.admin-blog-item-category{color:#2563eb;background:#2563eb14;border-radius:30px;padding:2px 12px;font-size:12px;font-weight:600}.admin-blog-item-date{color:#94a3b8;font-size:12px}.admin-blog-item-delete{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:20px;transition:all .3s}.admin-blog-item-delete:hover{transform:scale(1.1)}.blog-page-modern{background:#f8fafc;min-height:80vh;padding:30px 20px 60px}.blog-page-modern.dark{background:#0f172a}.blog-container-modern{max-width:1200px;margin:0 auto}.blog-header-modern{text-align:center;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:24px;margin-bottom:40px;padding:50px 40px;position:relative;overflow:hidden}.blog-header-content-modern{z-index:1;position:relative}.blog-header-badge-modern{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:30px;margin-bottom:8px;padding:4px 18px;font-size:14px;font-weight:600;display:inline-block}.blog-header-modern h1{margin-bottom:8px;font-size:36px;font-weight:900}.blog-header-modern p{opacity:.85;margin:0;font-size:16px}.blog-grid-modern{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;display:grid}.blog-card-modern{background:#fff;border:1px solid #0000000a;border-radius:20px;transition:all .4s;overflow:hidden;box-shadow:0 4px 20px #0000000a}.blog-card-modern:hover{border-color:#2563eb1a;transform:translateY(-8px);box-shadow:0 16px 48px #00000014}.blog-page-modern.dark .blog-card-modern{background:#1e293b;border-color:#1e293b}.blog-card-image-modern{background:linear-gradient(135deg,#e0e7ff,#ede9fe);justify-content:center;align-items:center;height:160px;display:flex;position:relative}.blog-page-modern.dark .blog-card-image-modern{background:linear-gradient(135deg,#1e293b,#0f172a)}.blog-card-icon-modern{font-size:48px}.blog-card-category-modern{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0009;border-radius:30px;padding:4px 14px;font-size:12px;font-weight:600;position:absolute;top:14px;right:14px}.blog-card-body-modern{padding:22px}.blog-card-meta-modern{gap:14px;margin-bottom:8px;display:flex}.blog-card-date-modern,.blog-card-readtime-modern{color:#94a3b8;font-size:13px}.blog-page-modern.dark .blog-card-date-modern,.blog-page-modern.dark .blog-card-readtime-modern{color:#64748b}.blog-card-body-modern h3{margin-bottom:6px;font-size:18px;font-weight:700}.blog-page-modern.dark .blog-card-body-modern h3{color:#e2e8f0}.blog-card-body-modern p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-page-modern.dark .blog-card-body-modern p{color:#94a3b8}.blog-card-link-modern{color:#2563eb;margin-top:14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.blog-card-link-modern span{transition:transform .3s;display:inline-block}.blog-card-link-modern:hover{color:#7c3aed}.blog-card-link-modern:hover span{transform:translate(-4px)}.blog-post-page-modern{background:#f8fafc;min-height:80vh;padding:30px 20px 60px}.blog-post-page-modern.dark{background:#0f172a}.blog-post-container-modern{max-width:850px;margin:0 auto}.blog-post-back-modern{color:#64748b;align-items:center;gap:8px;margin-bottom:24px;font-size:15px;font-weight:600;text-decoration:none;transition:color .3s;display:inline-flex}.blog-post-back-modern:hover{color:#2563eb}.blog-post-card-modern{background:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 20px #0000000a}.blog-post-page-modern.dark .blog-post-card-modern{background:#1e293b}.blog-post-header-modern{margin-bottom:24px}.blog-post-meta-modern{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.blog-post-category-modern{color:#2563eb;background:#2563eb14;border-radius:30px;padding:2px 14px;font-size:13px;font-weight:600}.blog-post-date-modern,.blog-post-readtime-modern{color:#94a3b8;font-size:14px}.blog-post-header-modern h1{margin:0;font-size:32px;font-weight:900}.blog-post-page-modern.dark .blog-post-header-modern h1{color:#e2e8f0}.blog-post-divider-modern{background:#f1f5f9;height:2px;margin:16px 0 24px}.blog-post-page-modern.dark .blog-post-divider-modern{background:#0f172a}.blog-post-content-modern p{color:#334155;margin-bottom:16px;font-size:17px;line-height:1.8}.blog-post-page-modern.dark .blog-post-content-modern p{color:#cbd5e1}.blog-post-placeholder-modern{background:#f8fafc;border-right:4px solid #2563eb;border-radius:12px;padding:20px;color:#64748b!important;font-size:15px!important}.blog-post-page-modern.dark .blog-post-placeholder-modern{background:#0f172a;color:#94a3b8!important}.blog-post-footer-modern{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:24px;display:flex}.blog-post-page-modern.dark .blog-post-footer-modern{border-top-color:#0f172a}.blog-post-author-modern{align-items:center;gap:12px;display:flex}.author-avatar-modern{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.blog-post-author-modern div strong{font-size:15px;display:block}.blog-post-page-modern.dark .blog-post-author-modern div strong{color:#e2e8f0}.blog-post-author-modern div span{color:#94a3b8;font-size:13px}.blog-post-more-modern{color:#2563eb;font-weight:600;text-decoration:none;transition:color .3s}.blog-post-more-modern:hover{color:#7c3aed}.site-footer-modern{color:#e2e8f0;background:#0f172a;padding-top:70px;position:relative}.footer-nav-modern{-webkit-backdrop-filter:blur(16px);z-index:999;background:#fffffff2;border-top:1px solid #ffffff4d;justify-content:space-around;align-items:center;padding:6px 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 30px #0000000a}.site-footer-modern.dark .footer-nav-modern{background:#0f172af2;border-top:1px solid #1e293b}.footer-nav-item-modern{color:#94a3b8;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:44px;padding:4px 8px;font-size:11px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.footer-nav-item-modern:hover{color:#0f172a}.site-footer-modern.dark .footer-nav-item-modern:hover{color:#e2e8f0}.footer-nav-item-modern.active{color:#2563eb}.site-footer-modern.dark .footer-nav-item-modern.active{color:#60a5fa}.footer-nav-icon-modern{font-size:20px;line-height:1}.footer-nav-label-modern{font-size:10px;line-height:1.2}.footer-container-modern{grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1280px;margin:0 auto;padding:0 20px 30px;display:grid}.footer-about-modern h3{color:#fff;margin-bottom:12px;font-size:22px}.footer-about-modern p{color:#94a3b8;max-width:400px;font-size:14px;line-height:1.8}.footer-socials-modern{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.footer-socials-modern a{color:#94a3b8;background:#ffffff0a;border-radius:30px;padding:4px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.footer-socials-modern a:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)}.footer-links-modern h4,.footer-contact-modern h4{color:#fff;margin-bottom:14px;font-size:18px;position:relative}.footer-links-modern h4:after,.footer-contact-modern h4:after{content:"";background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;width:30px;height:3px;position:absolute;bottom:-6px;right:0}.footer-links-modern a{color:#94a3b8;padding:5px 0;text-decoration:none;transition:all .3s;display:block}.footer-links-modern a:hover{color:#fff;padding-right:6px}.footer-contact-modern p{color:#94a3b8;align-items:center;gap:8px;padding:4px 0;font-size:14px;display:flex}.footer-bottom-modern{text-align:center;color:#64748b;border-top:1px solid #1e293b;max-width:1280px;margin:0 auto;padding:16px 20px 0;font-size:13px}@media (width<=768px){.footer-nav-modern{display:flex}.site-footer-modern{padding-bottom:70px}.footer-container-modern{grid-template-columns:1fr;gap:24px}.footer-about-modern p{max-width:100%}.admin-blog-grid{grid-template-columns:1fr}.admin-blog-field.half{grid-column:1}.blog-grid-modern{grid-template-columns:1fr}.blog-header-modern{padding:30px 20px}.blog-header-modern h1{font-size:28px}.blog-post-card-modern{padding:24px}.blog-post-header-modern h1{font-size:24px}.blog-post-footer-modern{flex-direction:column;align-items:flex-start}}@media (width>=769px){.footer-nav-modern{display:none!important}}@media (width<=400px){.footer-nav-item-modern{min-width:36px;padding:2px 4px}.footer-nav-icon-modern{font-size:17px}.footer-nav-label-modern{font-size:9px}.blog-card-image-modern{height:120px}}.site-footer-pro.dark .footer-nav-pro{background:#0f172af2;border-top:1px solid #1e293b;box-shadow:0 -8px 40px #0003}.footer-nav-item-pro{color:#94a3b8;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:48px;padding:4px 12px;font-size:11px;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative}.footer-nav-icon-pro{font-size:24px;line-height:1;transition:transform .3s}.footer-nav-item-pro.active .footer-nav-icon-pro{transform:scale(1.1)}.footer-nav-label-pro{font-size:10px;font-weight:600;line-height:1.2}@media (width<=768px){.footer-nav-pro{display:flex}.site-footer-pro{padding-bottom:75px}.footer-container-pro{grid-template-columns:1fr;gap:24px}.footer-about-pro p{max-width:100%}}@media (width>=769px){.footer-nav-pro{display:none!important}.site-footer-pro{padding-top:50px}}@media (width<=400px){.footer-nav-item-pro{min-width:40px;padding:2px 6px}.footer-nav-icon-pro{font-size:20px}.footer-nav-label-pro{font-size:9px}}.faq-page{background:#f8fafc;min-height:80vh;padding:40px 20px}.faq-container{max-width:800px;margin:0 auto}.faq-header{text-align:center;margin-bottom:40px}.faq-header h1{margin-bottom:4px;font-size:32px;font-weight:900}.faq-header p{color:#64748b}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{background:#fff;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #0000000a}.faq-item:hover{box-shadow:0 8px 30px #0000000f}.faq-question{cursor:pointer;align-items:center;gap:14px;padding:18px 24px;transition:background .3s;display:flex}.faq-question:hover{background:#f8fafc}.faq-icon{color:#2563eb;flex-shrink:0;font-size:22px;font-weight:700}.faq-question h3{margin:0;font-size:16px;font-weight:600}.faq-answer{padding:0 24px 20px}.faq-answer p{color:#475569;margin:0;font-size:15px;line-height:1.8}.notification-bell{cursor:pointer;display:inline-block;position:relative}.bell-icon{font-size:22px}.bell-count{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.notification-dropdown{z-index:100;background:#fff;border-radius:16px;min-width:280px;padding:12px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 20px 60px #0000001a}.notification-bell:hover .notification-dropdown{display:block}.notification-item{color:#0f172a;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:14px}.notification-item:last-child{border-bottom:none}.notification-clear{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;width:100%;margin-top:4px;padding:8px;font-size:13px;font-weight:600;transition:background .3s}.notification-clear:hover{background:#e2e8f0}.certificate-page{background:#f1f5f9;min-height:80vh;padding:40px 20px}.certificate-wrapper{max-width:800px;margin:0 auto}.certificate{background:#fff;border-radius:24px;margin-bottom:24px;padding:30px;box-shadow:0 4px 20px #0000000a}.certificate-border{border:4px double #2563eb;border-radius:16px;padding:30px}.certificate-inner{text-align:center}.certificate-header{margin-bottom:24px}.certificate-badge{margin-bottom:8px;font-size:48px;display:block}.certificate-header h1{color:#0f172a;font-size:28px;font-weight:900}.certificate-body{margin-bottom:24px}.certificate-body p{color:#64748b;margin:8px 0;font-size:16px}.certificate-body h2{color:#2563eb;margin:8px 0;font-size:24px;font-weight:800}.certificate-body h3{color:#0f172a;margin:8px 0;font-size:20px;font-weight:700}.certificate-details{color:#94a3b8;justify-content:center;gap:24px;margin-top:12px;font-size:14px;display:flex}.certificate-footer{border-top:2px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.certificate-signature{text-align:center}.signature-line{background:#0f172a;width:150px;height:2px;margin:0 auto 4px}.certificate-signature span{font-size:14px;font-weight:700;display:block}.certificate-signature small,.certificate-id{color:#94a3b8;font-size:12px}.certificate-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.certificate-print-btn,.certificate-back-btn{cursor:pointer;border:none;border-radius:30px;padding:12px 32px;font-size:16px;font-weight:700;transition:all .3s}.certificate-print-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 16px #2563eb4d}.certificate-print-btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px #2563eb66}.certificate-back-btn{color:#0f172a;background:#f1f5f9}.certificate-back-btn:hover{background:#e2e8f0}@media (width<=600px){.certificate-border{padding:16px}.certificate-header h1{font-size:22px}.certificate-body h2{font-size:20px}.certificate-body h3{font-size:18px}.certificate-details{flex-direction:column;gap:4px}.certificate-footer{text-align:center;flex-direction:column}.certificate-actions{flex-direction:column}}.site-footer-pro{color:#e2e8f0;background:#0f172a;padding-top:75px;position:relative}.footer-nav-pro{-webkit-backdrop-filter:blur(16px);z-index:999;background:#fffffff2;border-top:1px solid #ffffff4d;justify-content:space-around;align-items:center;padding:6px 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 30px #0000000a}.site-footer-pro.dark .footer-nav-pro{background:#0f172af2;border-top:1px solid #1e293b}.footer-nav-item-pro{color:#94a3b8;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:44px;padding:4px 8px;font-size:11px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.footer-nav-item-pro:hover{color:#0f172a}.site-footer-pro.dark .footer-nav-item-pro:hover{color:#e2e8f0}.footer-nav-item-pro.active{color:#2563eb}.site-footer-pro.dark .footer-nav-item-pro.active{color:#60a5fa}.footer-nav-icon-pro{font-size:20px;line-height:1}.footer-nav-label-pro{font-size:10px;line-height:1.2}.footer-container-pro{grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1280px;margin:0 auto;padding:0 20px 30px;display:grid}.footer-about-pro h3{color:#fff;margin-bottom:12px;font-size:22px}.footer-about-pro p{color:#94a3b8;max-width:400px;font-size:14px;line-height:1.8}.footer-socials-pro{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.footer-socials-pro a{color:#94a3b8;background:#ffffff0a;border-radius:30px;padding:4px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.footer-socials-pro a:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)}.footer-links-pro h4,.footer-contact-pro h4{color:#fff;margin-bottom:14px;font-size:18px;position:relative}.footer-links-pro h4:after,.footer-contact-pro h4:after{content:"";background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;width:30px;height:3px;position:absolute;bottom:-6px;right:0}.footer-links-pro a{color:#94a3b8;padding:5px 0;text-decoration:none;transition:all .3s;display:block}.footer-links-pro a:hover{color:#fff;padding-right:6px}.footer-contact-pro p{color:#94a3b8;align-items:center;gap:8px;padding:4px 0;font-size:14px;display:flex}.footer-bottom-pro{text-align:center;color:#64748b;border-top:1px solid #1e293b;max-width:1280px;margin:0 auto;padding:16px 20px 0;font-size:13px}@media (width<=768px){.footer-nav-pro{display:flex}.site-footer-pro{padding-bottom:75px}.footer-container-pro{grid-template-columns:1fr;gap:24px}.footer-about-pro p{max-width:100%}}@media (width>=769px){.footer-nav-pro{display:none!important}.site-footer-pro{padding-top:50px}}@media (width<=400px){.footer-nav-item-pro{min-width:36px;padding:2px 4px}.footer-nav-icon-pro{font-size:17px}.footer-nav-label-pro{font-size:9px}}*{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}.scroll-to-top{color:#fff;cursor:pointer;z-index:999;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:50%;width:48px;height:48px;font-size:24px;transition:all .3s;position:fixed;bottom:90px;right:20px;box-shadow:0 4px 16px #2563eb66}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 8px 28px #2563eb80}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.courses-page{color:#0f172a;background:#f8fafc;min-height:100vh}.courses-hero{background:radial-gradient(circle at 15% 20%,#2563eb24,#0000 32%),radial-gradient(circle at 85% 10%,#7c3aed21,#0000 30%),linear-gradient(135deg,#fff 0%,#f8faff 55%,#f7f5ff 100%);border-bottom:1px solid #eef2f7;padding:78px 20px 72px;position:relative;overflow:hidden}.courses-hero:before{content:"";filter:blur(10px);background:#2563eb12;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-250px;left:-180px}.courses-hero:after{content:"";filter:blur(10px);background:#7c3aed12;border-radius:50%;width:360px;height:360px;position:absolute;top:-220px;right:-170px}.courses-hero-content{z-index:2;text-align:center;position:relative}.courses-badge{color:#2563eb;background:#2563eb14;border:1px solid #2563eb1f;border-radius:30px;align-items:center;gap:7px;margin-bottom:20px;padding:7px 17px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 6px 20px #2563eb0f}.courses-hero h1{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(32px,5vw,52px);font-weight:900;line-height:1.35}.courses-hero h1 span{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#0000;-webkit-background-clip:text;background-clip:text}.courses-hero-content>p{color:#64748b;max-width:650px;margin:0 auto;font-size:17px;line-height:2}.courses-hero-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.courses-hero-stats div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f0e6;border-radius:16px;min-width:135px;padding:13px 20px;box-shadow:0 8px 30px #0f172a0a}.courses-hero-stats strong{color:#2563eb;font-size:20px;font-weight:900;display:block}.courses-hero-stats span{color:#64748b;margin-top:2px;font-size:12px;display:block}.courses-catalog{padding-top:62px;padding-bottom:80px}.courses-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.courses-heading>div:first-child>span{color:#2563eb;margin-bottom:7px;font-size:13px;font-weight:800;display:inline-block}.courses-heading h2{margin-bottom:6px;font-size:32px;font-weight:900}.courses-heading p{color:#64748b;font-size:15px}.courses-count{text-align:center;background:#fff;border:1px solid #eef2f7;border-radius:16px;flex-shrink:0;min-width:100px;padding:12px 18px;box-shadow:0 5px 20px #0f172a0a}.courses-count strong{color:#2563eb;font-size:21px;font-weight:900;display:block}.courses-count span{color:#94a3b8;font-size:12px}.courses-toolbar{align-items:center;gap:14px;margin-bottom:34px;display:flex}.courses-search{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex:1;align-items:center;min-height:52px;padding:0 16px;transition:all .3s;display:flex;position:relative;box-shadow:0 5px 22px #0f172a09}.courses-search:focus-within{border-color:#2563eb73;box-shadow:0 8px 28px #2563eb1a}.courses-icon{color:#64748b;font-size:24px;line-height:1}.courses-search input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;padding:0 12px;font-family:inherit;font-size:14px}.courses-search input::placeholder{color:#94a3b8}.courses-search>button{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:1;transition:all .25s}.courses-search>button:hover{color:#fff;background:#2563eb;transform:rotate(90deg)}.courses-filters{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.courses-filters button{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .3s}.courses-filters button:hover{color:#2563eb;background:#2563eb0d;border-color:#2563eb40;transform:translateY(-2px)}.courses-filters button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;box-shadow:0 5px 16px #2563eb38}.courses-grid{gap:28px}.courses-grid .home-course-card{flex-direction:column;min-width:0;display:flex}.courses-thumbnail{height:190px;text-decoration:none;display:flex}.courses-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.home-course-card:hover .courses-thumbnail img{transform:scale(1.045)}.courses-grid .course-card-body{flex-direction:column;flex:1;display:flex}.courses-card-meta{flex-wrap:wrap;align-items:center;gap:7px;min-height:28px;display:flex}.courses-card-meta>span:not(.course-category){color:#94a3b8;font-size:12px;font-weight:600}.courses-grid .course-card-body h3{margin-top:4px}.courses-grid .course-card-body h3 a{color:inherit;text-decoration:none;transition:color .25s}.courses-grid .course-card-body h3 a:hover{color:#2563eb}.courses-grid .course-card-body p{min-height:45px}.courses-grid .course-card-bottom{margin-top:auto}.courses-grid .course-view-button{align-items:center;gap:5px;width:fit-content;display:inline-flex}.courses-grid .course-view-button:hover{transform:translate(-4px)}.courses-empty{text-align:center;background:#fff;border:1px solid #eef2f7;border-radius:22px;padding:65px 20px;box-shadow:0 8px 30px #0f172a09}.courses-empty>div{background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 16px;font-size:30px;display:flex}.courses-empty h3{margin-bottom:6px;font-size:21px;font-weight:800}.courses-empty p{color:#64748b;margin-bottom:20px}.courses-empty button,.courses-retry{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:0;border-radius:30px;padding:10px 20px;font-family:inherit;font-weight:700;transition:all .3s;box-shadow:0 5px 18px #2563eb40}.courses-empty button:hover,.courses-retry:hover{transform:translateY(-2px);box-shadow:0 9px 24px #2563eb52}.courses-state{justify-content:center;align-items:center;min-height:70vh;padding:30px 20px;display:flex}.courses-state-card{text-align:center;background:#fff;border:1px solid #eef2f7;border-radius:22px;width:min(430px,100%);padding:42px 25px;box-shadow:0 12px 40px #0f172a0f}.courses-loader{border:4px solid #2563eb;border-color:#2563eb #7c3aed #e2e8f0 #e2e8f0;border-radius:50%;width:42px;height:42px;margin:0 auto 18px;animation:.8s linear infinite courses-spin}@keyframes courses-spin{to{transform:rotate(360deg)}}.courses-state-card h2{margin-bottom:7px;font-size:20px;font-weight:800}.courses-state-card p{color:#64748b}@media (width<=900px){.courses-toolbar{flex-direction:column;align-items:stretch}.courses-filters{justify-content:flex-start}.courses-search{width:100%}}@media (width<=650px){.courses-hero{padding:58px 18px 54px}.courses-hero h1{font-size:32px}.courses-hero-content>p{font-size:14px}.courses-hero-stats{grid-template-columns:repeat(3,1fr);display:grid}.courses-hero-stats div{min-width:0;padding:11px 6px}.courses-hero-stats strong{font-size:17px}.courses-hero-stats span{font-size:10px}.courses-catalog{padding-top:42px;padding-bottom:55px}.courses-heading{align-items:flex-start}.courses-heading h2{font-size:27px}.courses-count{min-width:78px;padding:9px 10px}.courses-grid{grid-template-columns:1fr}.courses-thumbnail{height:200px}}@media (width<=430px){.courses-heading{flex-direction:column;gap:12px}.courses-count{align-self:flex-start}.courses-hero-stats{gap:7px}.courses-hero-stats div{border-radius:13px}}