.course-compare-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:var(--spacing-xl);background:#0f172ab3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.course-compare-container{border-radius:var(--radius-2xl);background:#fff;flex-direction:column;width:100%;max-width:1100px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) slideUpModal;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.course-compare-header{padding:var(--spacing-xl)var(--spacing-2xl);border-bottom:1px solid var(--color-border);background:#f8fafc;justify-content:space-between;align-items:center;display:flex}.course-compare-header h2{color:var(--color-text-primary);align-items:center;gap:1rem;font-size:1.5rem;display:flex}.course-compare-header .badge{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.9rem}.btn-close-compare{border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-close-compare:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5;transform:rotate(90deg)}.course-table-wrapper{padding:var(--spacing-lg)var(--spacing-2xl);overflow-x:auto}.course-compare-table{border-collapse:separate;border-spacing:0;width:100%;min-width:800px}.course-compare-table th,.course-compare-table td{border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);vertical-align:top;padding:1.5rem}.course-compare-table th:last-child,.course-compare-table td:last-child{border-right:none}.feature-col{width:200px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;background:#f8fafc;font-size:1.1rem;font-weight:700}.course-header-col{text-align:center;background:#fff;width:30%;position:relative}.course-header-content{flex-direction:column;align-items:center;gap:.75rem;display:flex}.btn-remove-course{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.btn-remove-course:hover{color:#ef4444;background:#fee2e2}.course-icon-placeholder{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:.5rem;display:flex}.course-header-col h3{margin:0;font-size:1.25rem}.degree-label{color:var(--color-text-secondary);font-size:.95rem;font-weight:500}.feature-label{color:var(--color-text-primary);background:#f8fafc;align-items:center;gap:.5rem;font-weight:600;display:flex!important}.course-compare-table tbody td{color:var(--color-text-primary);background:#fff;font-size:1.05rem}.highlight-fee{font-weight:700;color:#059669!important}.highlights-stack{flex-wrap:wrap;gap:.5rem;display:flex}.course-tag{border-radius:var(--radius-md);background:0 0;border:1px solid;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.prospects-text{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.course-compare-container{border-radius:var(--radius-xl)}.course-table-wrapper{padding:var(--spacing-md)}.course-compare-header h2{font-size:1.25rem}}
.courses-page{padding-bottom:var(--spacing-4xl)}.courses-hero{padding:var(--spacing-4xl)0 var(--spacing-2xl);background:var(--color-surface);position:relative;overflow:hidden}.courses-hero:before{content:"";background:radial-gradient(circle,var(--color-primary-light)0%,transparent 70%);opacity:.07;border-radius:50%;width:450px;height:450px;position:absolute;bottom:-100px;left:-100px}.courses-hero-content{z-index:1;text-align:center;max-width:700px;margin:0 auto;position:relative}.courses-hero-content .badge{color:var(--color-primary);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);background-color:#4f46e51a;align-items:center;gap:.5rem;padding:.35rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.courses-hero-content h1{margin-bottom:var(--spacing-md);letter-spacing:-.02em;font-size:3rem}.courses-hero-content .subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);font-size:1.125rem;line-height:1.7}.courses-search-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);max-width:550px;transition:box-shadow var(--transition-normal);align-items:center;margin:0 auto;padding:.75rem 1.5rem;display:flex}.courses-search-bar:focus-within{box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.courses-search-bar .icon{color:var(--color-text-muted);margin-right:var(--spacing-sm);flex-shrink:0}.courses-search-bar input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.trending-section{padding:var(--spacing-xl)0 0}.trending-section .section-header{margin-bottom:var(--spacing-lg)}.trending-section .section-header h2{font-size:1.4rem}.trending-row{gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);scrollbar-width:none;display:flex;overflow-x:auto}.trending-row::-webkit-scrollbar{display:none}.trending-chip{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);white-space:nowrap;color:var(--color-text-primary);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.88rem;font-weight:500;display:flex}.trending-chip:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.courses-tabs-section{padding:var(--spacing-xl)0;background:var(--color-bg);z-index:10;border-bottom:1px solid var(--color-border);position:sticky;top:64px}.courses-tab-bar{gap:var(--spacing-sm);padding-bottom:var(--spacing-xs);scrollbar-width:none;display:flex;overflow-x:auto}.courses-tab-bar::-webkit-scrollbar{display:none}.course-tab-btn{border-radius:var(--radius-full);white-space:nowrap;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-fast);padding:.5rem 1.25rem;font-size:.9rem;font-weight:500}.course-tab-btn:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.course-tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.courses-results{padding:var(--spacing-2xl)0}.courses-results-header{margin-bottom:var(--spacing-xl)}.courses-results-header h3{color:var(--color-text-secondary);font-size:1.1rem;font-weight:500}.courses-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}@media (max-width:480px){.courses-grid{grid-template-columns:1fr}}.course-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-normal);flex-direction:column;display:flex}.course-card:hover{box-shadow:var(--shadow-xl);border-color:var(--accent,var(--color-primary-light));transform:translateY(-5px)}.course-card-top{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.course-icon-wrap{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.trending-badge{border-radius:var(--radius-full);color:#f43f5e;background:#f43f5e1a;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.72rem;font-weight:600;display:flex}.course-card h3{margin-bottom:.3rem;font-size:1.2rem}.course-degree{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);font-size:.85rem}.course-meta-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);grid-template-columns:1fr 1fr 1fr;display:grid}.course-meta-item{color:var(--color-text-muted);align-items:flex-start;gap:.4rem;font-size:.8rem;display:flex}.course-meta-item svg{flex-shrink:0;margin-top:2px}.meta-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:1px;font-size:.68rem;display:block}.course-meta-item strong{color:var(--color-text-primary);font-size:.82rem;display:block}.course-highlights{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);flex-wrap:wrap;flex:1;display:flex}.highlight-tag{border-radius:var(--radius-full);background:0 0;border:1px solid;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.btn-explore{border-radius:var(--radius-full);color:#fff;width:100%;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:flex}.btn-explore:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width:768px){.courses-hero-content h1{font-size:2.2rem}.course-meta-grid{grid-template-columns:1fr}}.compare-action-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);z-index:1000;width:100%;padding:var(--spacing-md)var(--spacing-xl);background:#fffffff2;justify-content:space-between;align-items:center;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #00000014}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.compare-info{align-items:center;gap:1rem;display:flex}.compare-count{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);padding:.3rem .8rem;font-size:1.2rem;font-weight:700}.compare-text-details{flex-direction:column;display:flex}.compare-text-details strong{color:var(--color-text-primary);font-size:1rem;font-weight:600}.compare-text-details span{color:var(--color-text-secondary);font-size:.85rem}.compare-actions{align-items:center;gap:1rem;display:flex}.btn-outline-red{color:#ef4444;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #ef4444;padding:.5rem 1.2rem;font-weight:500}.btn-outline-red:hover{background:#ef44441a}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.compare-action-bar{padding:var(--spacing-md)var(--spacing-sm);flex-direction:column;gap:1rem}.compare-text-details span{display:none}.compare-actions{justify-content:stretch;width:100%}.compare-actions button{flex:1}}