body{margin:0!important}:root{--course-hero: #0a1a56;--primary: #2999be;--primary-light: #4db3d1;--primary-dark: #1e7a9a;--primary-darker: #155f7a;--secondary: #2c5aa0;--secondary-light: #4a73b8;--secondary-dark: #1e3d6b;--accent: #f39c12;--accent-light: #f5b041;--accent-dark: #d68910;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: var(--primary);--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);--gradient-light: linear-gradient(135deg, var(--primary-light) 0%, var(--secondary-light) 100%);--gradient-dark: linear-gradient(135deg, var(--primary-dark) 0%, var(--secondary-dark) 100%);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--text-inverse: var(--white);--shadow-sm: 0 1px 2px 0 rgba(41, 153, 190, .05);--shadow: 0 1px 3px 0 rgba(41, 153, 190, .1), 0 1px 2px 0 rgba(41, 153, 190, .06);--shadow-md: 0 4px 6px -1px rgba(41, 153, 190, .1), 0 2px 4px -1px rgba(41, 153, 190, .06);--shadow-lg: 0 10px 15px -3px rgba(41, 153, 190, .1), 0 4px 6px -2px rgba(41, 153, 190, .05);--shadow-xl: 0 20px 25px -5px rgba(41, 153, 190, .1), 0 10px 10px -5px rgba(41, 153, 190, .04)}:root{font-family:Seaford,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1rem}button,.btn,a.btn{min-height:44px;min-width:44px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}section{padding:2.5rem 0}.modal-overlay{padding:1rem}.modal-content{max-width:calc(100% - 2rem);margin:1rem auto}}@media (max-width: 480px){.container{padding:0 .75rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}section{padding:2rem 0}.modal-content{max-width:calc(100% - 1rem);padding:1.5rem}}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:700;color:#23495c;margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.btn{padding:1rem 2rem;border-radius:.5rem;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;height:50px}.btn-primary{background:var(--primary);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--gray-300)}.btn-outline:hover{background:var(--gray-50);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.btn-full{width:100%;justify-content:center}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--gray-50);border-radius:.5rem;margin:2rem 0}.error-state h3{color:var(--error);margin-bottom:1rem}.error-state p{color:var(--text-secondary);margin-bottom:2rem}.course-card{background:var(--white);border-radius:1rem;box-shadow:var(--shadow-lg);overflow:hidden;transition:all .3s ease}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.course-image{width:100%;height:200px;object-fit:cover}.course-image-small{width:100%;height:120px;overflow:hidden}.course-image-small img{width:100%;height:100%;object-fit:cover}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.courses-cta{text-align:center}.courses-cta .btn-primary{background:var(--primary);color:var(--white);border:none;padding:1rem 2rem;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease}.courses-cta .btn-primary:hover{background:var(--secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.badge{background:var(--accent);color:var(--text-primary);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feature-tag{display:inline-block;background:var(--gray-900);color:var(--white);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.stat{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.stat svg{width:16px;height:16px;color:var(--primary)}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-icon{color:var(--primary);flex-shrink:0}.meta-text{color:var(--text-secondary);font-size:.875rem}.content-section{margin-bottom:3rem}.content-section h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.content-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.learning-list{list-style:none;padding:0;margin:0}.learning-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--gray-200)}.learning-list li:last-child{border-bottom:none}.learning-list li:before{content:"\2713";color:var(--success);font-weight:700;flex-shrink:0;margin-top:.125rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--gray-200)}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:.875rem}.detail-value{color:var(--text-primary);font-weight:600;font-size:.875rem}.course-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:50vh}.course-not-found h2{color:var(--text-primary);margin-bottom:1rem}.course-not-found p{color:var(--text-secondary);margin-bottom:2rem}.social-proof{display:flex;align-items:center;gap:1rem;margin-top:2rem}.user-avatars{display:flex;align-items:center;margin-right:.5rem}.avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--white);margin-left:-8px;overflow:hidden}.avatar:first-child{margin-left:0}.avatar-image{width:100%;height:100%;object-fit:cover}.proof-text{color:var(--text-secondary);font-size:.875rem}.service-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--white);border-radius:.5rem;box-shadow:var(--shadow);transition:all .3s ease}.service-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.service-icon{width:48px;height:48px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-icon svg{width:24px;height:24px}.service-icon-blue{background:var(--primary);color:var(--white)}.service-icon-orange{background:var(--accent);color:var(--white)}.service-icon-green{background:var(--success);color:var(--white)}.service-label{font-weight:600;color:var(--text-primary)}.play-icon{width:64px;height:64px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);cursor:pointer;transition:all .3s ease}.play-icon:hover{background:var(--secondary);transform:scale(1.1)}.play-icon svg{width:24px;height:24px;margin-left:4px}