body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#f7f8fa;color:#23272f;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;line-height:1.6}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:none;left:0;position:fixed;right:0;top:0;z-index:100}.header-content{height:64px;justify-content:space-between;padding:0 20px}.logo{align-items:center;color:#23272f;display:flex;font-size:1.2rem;font-weight:700;gap:10px;text-decoration:none}.logo svg{color:#3b82f6}.site-navigation{background:#f7f8fa;display:flex;gap:8px}.nav-link.active,.nav-link:hover{background:#f0f1f3;color:#23272f}.main-content{margin-top:140px;min-height:calc(100vh - 140px)}.site-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e5e7eb;left:0;position:fixed;right:0;top:64px;z-index:50}.nav-container{height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{color:#1e293b;font-size:1.1rem;font-weight:700;gap:8px;text-decoration:none;transition:color .2s}.nav-brand:hover{color:#3b82f6}.nav-links{display:flex;gap:8px}.nav-link{align-items:center;background:none;border:none;border-radius:0;color:#6b7280;display:flex;font-size:.95rem;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:background .2s,color .2s}.nav-link:hover{background:#f3f4f6;color:#374151}.nav-link.active{background:#eff6ff;border-color:#3b82f6;color:#1e40af;font-weight:600}.nav-link svg{opacity:.7}.home-page{margin:0 auto;max-width:900px;padding:48px 16px;text-align:center}.hero{margin-bottom:48px}.hero h1{color:#23272f;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.1;margin-bottom:12px}.hero p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:520px}.websites-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:60px}.website-card{background:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:none;color:inherit;display:block;padding:24px;text-decoration:none;transition:border .2s}.website-card:hover{border-color:#3b82f6}.website-icon{align-items:center;background:#3b82f6;border-radius:0;color:#fff;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.website-card h3{color:#23272f;font-size:1.2rem;font-weight:700;margin-bottom:6px}.website-card p{color:#6b7280;line-height:1.5;margin-bottom:14px}.explore-link{color:#3b82f6;font-weight:600;text-decoration:none;transition:color .2s}.explore-link:hover{color:#2563eb}.demo-info{background:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:none;padding:32px}.demo-info h2{color:#23272f;font-size:1.5rem;font-weight:700;margin-bottom:12px}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px}.info-item{text-align:left}.info-item h4{color:#23272f;font-size:1rem;font-weight:600;margin-bottom:6px}.info-item p{color:#6b7280;line-height:1.5}@media (max-width:768px){.header-content{flex-direction:column;gap:10px;height:auto;padding:12px 10px}.main-content{margin-top:180px}.websites-grid{gap:16px;grid-template-columns:1fr}.website-card{padding:16px}.info-grid{gap:16px;grid-template-columns:1fr}.demo-info{padding:20px 10px}}.news-article-simple{background:#fff;border-radius:8px;box-shadow:0 2px 16px #0000000a;color:#23272f;font-family:Georgia,Times New Roman,Times,serif;margin:48px auto;max-width:800px;padding:48px 32px 40px}.news-article-simple h1{color:#1e293b;font-size:2.6rem;font-weight:800;line-height:1.15;margin-bottom:12px}.article-meta-simple{color:#64748b;font-size:1.1rem;margin-bottom:32px}.article-body-simple{color:#23272f;font-size:1.18rem;line-height:1.85}.article-body-simple p{margin-bottom:28px;text-align:justify}@media (max-width:900px){.news-article-simple{padding:24px 8px}.news-article-simple h1{font-size:2rem}}@media (max-width:768px){.content-layout{gap:20px;grid-template-columns:1fr}.site-header h1{font-size:2rem}.article-header h1{font-size:1.5rem}}.customized-ad-container{animation:red-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid red;border-radius:12px;box-shadow:0 0 0 2px #f003,0 4px 15px #ff00004d,inset 0 1px 0 #ffffff1a;margin:30px 0;padding:20px}@keyframes red-pulse{0%,to{box-shadow:0 0 0 2px #f003,0 4px 15px #ff00004d,inset 0 1px 0 #ffffff1a}50%{box-shadow:0 0 0 2px #f006,0 4px 20px #ff000080,inset 0 1px 0 #ffffff1a}}.ad-header{margin-bottom:12px}.ad-badge{background:#ffffff40;border:1px solid #fff6;border-radius:20px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 12px;text-transform:uppercase}.ad-body{color:#fff;text-align:center}.ad-text{font-size:16px;font-weight:500;line-height:1.6;margin:0 0 15px}.ad-button{background:#ffffff40;border:2px solid #ffffff80;border-radius:25px;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.ad-button:hover{background:#fff6;border-color:#fffc;transform:translateY(-2px)}.ad-footer{align-items:center;border-top:1px solid #fff3;color:#ffffffb3;display:flex;font-size:11px;justify-content:space-between;letter-spacing:.5px;margin-top:12px;padding-top:12px;text-transform:uppercase}.ad-confidence,.ad-meta{font-weight:600}.ad-loading{background:#f5f5f5;color:#666;padding:20px;text-align:center}.ad-error,.ad-loading{border-radius:8px;font-size:14px;font-weight:500}.ad-error{background:#ffebee;border:2px solid #ef5350;color:#c62828;padding:15px}.chess-tutorial{background:linear-gradient(135deg,#7c2d12,#9a3412 50%,#c2410c);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.site-header{background:linear-gradient(135deg,#dc2626,#ef4444)}.header-content svg{color:#fecaca}.content-layout{grid-template-columns:350px 1fr}.lessons-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.lessons-sidebar h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 20px}.lessons-list{display:flex;flex-direction:column;gap:12px}.lesson-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:16px;transition:all .3s ease}.lesson-card:hover{background:#ffffff1a;border-color:#fbbf24;transform:translateY(-2px)}.lesson-card.active{background:#3b82f633;border-color:#3b82f6}.lesson-header{align-items:center;margin-bottom:12px}.difficulty-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px}.lesson-time{color:#94a3b8;font-size:.875rem}.lesson-card h3{color:#fff;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 8px}.lesson-card p{color:#cbd5e1;font-size:.9rem;line-height:1.5;margin:0 0 12px}.completion-badge{align-items:center;color:#10b981;display:flex;font-size:.875rem;font-weight:500;gap:4px}.lesson-viewer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden}.lesson-content{height:600px;overflow-y:auto;padding:24px}.lesson-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.lesson-info h1{color:#fff;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 8px}.lesson-info p{color:#cbd5e1;font-size:1.1rem;margin:0}.lesson-stats{display:flex;flex-direction:column;gap:8px}.stat{color:#94a3b8}.lesson-body{color:#e2e8f0}.chess-board-container{margin-bottom:24px}.chess-board{border:2px solid #374151;border-radius:8px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);height:320px;margin:0 auto 16px;overflow:hidden;width:320px}.chess-square{align-items:center;cursor:pointer;display:flex;justify-content:center;transition:background-color .2s}.chess-square.light{background:#f0d9b5}.chess-square.dark{background:#b58863}.chess-square:hover{background:#7fb069!important}.piece{font-size:24px;-webkit-user-select:none;user-select:none}.board-instruction{color:#94a3b8;font-size:.875rem;margin:0;text-align:center}.lesson-text h3{color:#fff;font-size:1.5rem;font-weight:600;margin:24px 0 16px}.lesson-section{margin-bottom:24px}.lesson-section h4{color:#fbbf24;font-size:1.1rem;font-weight:600;margin:0 0 12px}.lesson-section ul{margin:0 0 16px;padding-left:20px}.lesson-section li{line-height:1.5;margin-bottom:8px}.practice-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.practice-button:hover{background:#2563eb;transform:translateY(-1px)}.ad-placeholder{background:#3b82f61a;border:1px solid #3b82f64d;margin:24px 0;padding:20px}.ad-content h4{color:#fbbf24}.ad-content p{color:#e2e8f0}.progress-section{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:20px}.progress-section h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 12px}.progress-bar{background:#ffffff1a}.progress-section p{color:#94a3b8;font-size:.875rem;margin:0}.no-lesson{align-items:center;color:#94a3b8;display:flex;flex-direction:column;height:600px;justify-content:center;text-align:center}.no-lesson svg{margin-bottom:16px;opacity:.5}.no-lesson h2{color:#fff;font-size:2rem;font-weight:600;margin:0 0 8px}.no-lesson p{line-height:1.5;margin:0;max-width:400px}@media (max-width:768px){.content-layout{gap:20px;grid-template-columns:1fr}.chess-board{height:280px;width:280px}.header-content{flex-direction:column;gap:16px}.header-content h1{font-size:2rem}.lesson-header{flex-direction:column;gap:16px}}.health-wellness{background:linear-gradient(135deg,#166534,#15803d 50%,#16a34a);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.site-header{background:linear-gradient(135deg,#059669,#10b981)}.header-content svg{color:#d1fae5}.content-layout{grid-template-columns:320px 1fr}.category-filter h3{color:#065f46}.category-btn{align-items:center;display:flex;gap:8px}.category-btn:hover{background:#f0fdf4;border-color:#10b981}.category-btn.active{background:#ecfdf5;color:#065f46}.tips-list h3{color:#065f46;font-size:1.2rem;font-weight:600;margin:0 0 16px}.tips-list{display:flex;flex:1 1;flex-direction:column;gap:12px}.tip-card{background:#fff;border:1px solid #d1fae5;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:16px;transition:all .3s ease}.tip-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.tip-card.active{background:#ecfdf5;border-color:#059669;box-shadow:0 4px 12px #05966933}.tip-header{align-items:center;gap:8px;margin-bottom:12px}.tip-category{background:#10b981;border-radius:10px;color:#fff;font-size:.75rem;font-weight:500;padding:2px 8px}.tip-time{color:#6b7280;font-size:.875rem;margin-left:auto}.tip-card h4{color:#065f46;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 8px}.tip-card p{color:#374151;font-size:.9rem;line-height:1.5;margin:0 0 8px}.completion-indicator{color:#059669;font-size:.875rem;font-weight:500}.tip-detail{height:600px;overflow-y:auto;padding:32px}.tip-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.tip-meta h1{color:#065f46;font-size:2.2rem;font-weight:700;line-height:1.2;margin:0 0 12px}.category-badge{border-radius:16px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:12px;padding:6px 12px}.tip-description{color:#374151;font-size:1.1rem;line-height:1.6;margin:0}.tip-stats{display:flex;flex-direction:column;gap:8px}.stat{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:6px}.interactive-section{margin-bottom:32px}.interactive-section h3{color:#065f46;font-size:1.5rem;font-weight:600;margin:0 0 20px}.exercise-tracker,.gratitude-journal,.hydration-tracker,.nutrition-log,.sleep-tracker{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center}.exercise-tracker h4,.gratitude-journal h4,.hydration-tracker h4,.nutrition-log h4,.sleep-tracker h4{color:#065f46;font-size:1.2rem;font-weight:600;margin:0 0 16px}.water-glasses{gap:8px;margin-bottom:16px}.water-glass,.water-glasses{display:flex;justify-content:center}.water-glass{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;height:50px;transition:all .2s ease;width:40px}.water-glass.filled,.water-glass:hover{border-color:#3b82f6}.water-glass.filled{background:#3b82f6;color:#fff}.activity-buttons,.meal-tracker{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.activity-btn,.meal-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 16px;transition:all .2s ease}.activity-btn:hover,.meal-btn:hover{background:#ecfdf5;border-color:#10b981}.sleep-rating{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.rating-star{background:none;border:none;cursor:pointer;font-size:24px;opacity:.3;transition:opacity .2s ease}.rating-star.active{opacity:1}.rating-star:hover{opacity:.7}.gratitude-input{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.9rem;margin-bottom:16px;min-height:100px;padding:12px;resize:vertical;width:100%}.practice-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.practice-btn:hover{background:#059669;transform:translateY(-1px)}.ad-placeholder{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #10b981}.ad-content h4{color:#065f46}.ad-button{background:#10b981}.ad-button:hover{background:#059669}.benefits-section{margin-bottom:32px}.benefits-section h3{color:#065f46;font-size:1.5rem;font-weight:600;margin:0 0 20px}.benefits-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.benefit{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.benefit-icon{font-size:2rem;margin-bottom:12px}.benefit h4{color:#065f46;font-size:1.1rem;font-weight:600;margin:0 0 8px}.benefit p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.progress-tracker{border-top:1px solid #e5e7eb;padding-top:24px}.progress-tracker h3{color:#065f46;font-size:1.2rem;font-weight:600;margin:0 0 12px}.progress-bar{margin-bottom:8px}.progress-tracker p{color:#6b7280;font-size:.875rem;margin:0}.welcome-screen{align-items:center;color:#374151;display:flex;flex-direction:column;height:600px;justify-content:center;text-align:center}.welcome-screen svg{color:#10b981;margin-bottom:24px}.welcome-screen h2{color:#065f46;font-size:2.5rem;font-weight:700;margin:0 0 12px}.welcome-screen p{font-size:1.1rem;line-height:1.6;margin:0 0 32px;max-width:500px}.quick-stats{display:flex;gap:24px}.stat-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px 20px}.stat-card svg{color:#10b981}.stat-card span{color:#374151;font-size:.875rem;font-weight:500}@media (max-width:768px){.content-layout{gap:20px;grid-template-columns:1fr}.header-content{flex-direction:column;gap:16px}.header-content h1{font-size:2rem}.tip-header{flex-direction:column;gap:16px}.activity-buttons,.meal-tracker,.sleep-rating,.water-glasses{align-items:center;flex-direction:column}.quick-stats{flex-direction:column;gap:12px}}.educational-platform{background:linear-gradient(135deg,#581c87,#7c3aed 50%,#a855f7);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.site-header{background:linear-gradient(135deg,#7c3aed,#a855f7);overflow:hidden;padding:40px 20px;position:relative;text-align:center}.site-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='80' cy='80' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='60' cy='30' r='1.5' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.header-content{align-items:center;display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:1200px;position:relative;z-index:1}.header-content svg{color:#e9d5ff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.header-content h1{font-size:3rem;font-weight:800;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.header-content p{font-size:1.2rem;font-weight:300;margin:0;opacity:.9}.content-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr;margin:0 auto;max-width:1400px;padding:30px 20px}.sidebar{display:flex;flex-direction:column;gap:24px}.category-filter h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 16px}.category-buttons{display:flex;flex-direction:column;gap:8px}.category-btn{background:#fff;border:2px solid #0000;border-radius:12px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 16px;text-align:left;transition:all .2s ease}.category-btn:hover{background:#f8fafc;border-color:#3b82f6}.category-btn.active{background:#eff6ff;border-color:#3b82f6;color:#1e40af;font-weight:600}.learning-stats h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 16px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.stat-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:16px}.stat-item svg{color:#3b82f6}.stat-number{color:#1e293b;display:block;font-size:1.5rem;font-weight:700;margin-bottom:2px}.stat-label{color:#6b7280;font-size:.875rem}.main-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow:hidden}.courses-grid{padding:32px}.courses-header{margin-bottom:32px;text-align:center}.courses-header h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 8px}.courses-header p{color:#6b7280;font-size:1.1rem;margin:0}.courses-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.course-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease}.course-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626;transform:translateY(-4px)}.course-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:3rem;height:160px;justify-content:center}.thumbnail-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.course-content{padding:20px}.course-header{align-items:center;margin-bottom:12px}.level-badge{color:#fff}.category-tag,.level-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:4px 8px}.category-tag{background:#e0f2fe;color:#0369a1}.course-card h3{color:#1e293b;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 8px}.instructor{color:#6b7280;font-size:.9rem;margin:0 0 16px}.course-meta{color:#6b7280;display:flex;font-size:.875rem;gap:16px;margin-bottom:20px}.duration,.rating,.students{align-items:center;display:flex;gap:4px}.course-actions{display:flex;gap:8px}.enroll-btn,.preview-btn{border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:10px 16px;transition:all .2s ease}.enroll-btn{background:#3b82f6;border:none;color:#fff}.enroll-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.enroll-btn:disabled{background:#9ca3af;cursor:not-allowed}.preview-btn{background:#fff;border:2px solid #3b82f6;color:#3b82f6}.preview-btn:hover{background:#eff6ff}.course-detail{height:600px;overflow-y:auto;padding:32px}.course-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.course-info h1{color:#1e293b;font-size:2.2rem;font-weight:700;line-height:1.2;margin:0 0 8px}.course-info .instructor{color:#6b7280;font-size:1rem;margin:0 0 12px}.course-stats{color:#6b7280;display:flex;font-size:.9rem;gap:20px}.course-progress{min-width:200px}.progress-info{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:8px}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:4px;height:100%;transition:width .3s ease}.video-section h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:32px 0 20px}.video-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px}.video-thumbnail{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:8px;color:#fff;cursor:pointer;display:flex;height:80px;justify-content:center;position:relative;transition:all .2s ease;width:120px}.video-thumbnail:hover{transform:scale(1.05)}.video-duration{background:#000c;border-radius:4px;bottom:4px;color:#fff;font-size:.75rem;padding:2px 6px;position:absolute;right:4px}.video-info{flex:1 1}.video-info h4{color:#1e293b;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 8px}.video-info p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0 0 12px}.watch-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.watch-btn:hover{background:#2563eb;transform:translateY(-1px)}.ad-placeholder{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;border-radius:12px;margin:32px 0;padding:24px;text-align:center}.ad-content h4{color:#1e40af;font-size:.875rem;letter-spacing:.05em;margin:0 0 8px;text-transform:uppercase}.ad-content p{color:#374151;margin:0 0 16px}.ad-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.ad-button:hover{background:#2563eb}.course-resources h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:32px 0 20px}.resources-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.resource-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:16px}.resource-item svg{color:#3b82f6}.resource-item h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 4px}.resource-item p{color:#6b7280;font-size:.875rem;margin:0}.course-certificate h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:32px 0 20px}.certificate-preview{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;margin-bottom:16px;padding:24px}.certificate-content{color:#92400e;text-align:center}.certificate-content h4{font-size:1.2rem;font-weight:700;margin:0 0 8px}.certificate-content p{font-size:.9rem;margin:0 0 4px}.certificate-content h5{font-size:1.1rem;font-weight:600;margin:8px 0}@media (max-width:768px){.content-layout{gap:20px;grid-template-columns:1fr}.header-content{flex-direction:column;gap:16px}.header-content h1{font-size:2rem}.courses-list{grid-template-columns:1fr}.course-header{flex-direction:column;gap:16px}.video-item{flex-direction:column;text-align:center}.video-thumbnail{height:120px;width:100%}}
/*# sourceMappingURL=main.711ab9ff.css.map*/