.courses-container{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;color:var(--color-text-primary);padding:100px var(--spacing-lg) var(--spacing-lg);overflow:hidden}.courses-header{text-align:center;margin-bottom:var(--spacing-xxl);width:100%;max-width:800px}.courses-title{font-family:var(--font-heading);font-size:var(--font-size-xxxl);font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(90deg,#ffffff,#9d4edd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;text-shadow:0 0 20px rgba(157,78,221,.5)}.courses-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.info-container{background:var(--space-module-bg);backdrop-filter:blur(var(--space-module-blur));-webkit-backdrop-filter:blur(var(--space-module-blur));border-radius:var(--space-module-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--space-module-shadow);border:var(--space-module-border);width:100%;max-width:800px;display:flex;align-items:center;position:relative;overflow:hidden}.info-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--space-module-accent-bar);z-index:2}.info-planet{width:100px;height:100px;display:flex;align-items:center;justify-content:center;position:relative;margin-right:var(--spacing-lg)}.info-planet .planet-shape{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#9d4edd,#6200ea);box-shadow:0 0 20px rgba(98,0,234,.5);position:relative;animation:rotate 20s linear infinite}.info-planet .planet-shape:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 70% 70%,transparent 65%,rgba(255,255,255,.3) 100%)}.info-planet .planet-ring{position:absolute;width:80px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);transform:rotateX(75deg);z-index:1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.info-content{flex:1;text-align:left}.info-content p{margin:var(--spacing-xs) 0;font-size:var(--font-size-md);color:var(--color-text-secondary)}.info-content span{font-weight:600;color:#9d4edd;text-shadow:0 0 5px rgba(157,78,221,.5)}.courses-stat-grid{width:100%;max-width:1000px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.course-stat-card{background:rgba(10,16,38,.72);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:var(--spacing-lg);box-shadow:var(--space-module-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.course-stat-card p{margin:0 0 var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.12em}.course-stat-card strong{display:block;color:var(--color-text-primary);font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.2}.course-group,.courses-spotlight{width:100%;max-width:1200px;margin-bottom:var(--spacing-xl)}.courses-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.courses-section-heading h2{margin:0;font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.4rem);color:var(--color-text-primary)}.courses-section-heading p{margin:0;max-width:540px;color:var(--color-text-secondary);font-size:var(--font-size-md)}.courses-section-kicker{margin:0 0 var(--spacing-xs);color:#a98cff;font-size:var(--font-size-sm);letter-spacing:.16em;text-transform:uppercase}.courses-spotlight-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.course-spotlight-card{background:linear-gradient(145deg,rgba(109,55,255,.22),rgba(14,20,52,.88)),radial-gradient(circle at top right,rgba(255,255,255,.18),transparent 42%);border:1px solid rgba(179,143,255,.28);border-radius:28px;padding:var(--spacing-lg);box-shadow:0 24px 55px rgba(22,14,58,.35);min-height:100%}.course-spotlight-card h3{margin:0 0 var(--spacing-sm);font-size:var(--font-size-xl);color:var(--color-text-primary)}.course-spotlight-card p{margin:0 0 var(--spacing-md);color:var(--color-text-secondary)}.courses-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);width:100%;max-width:1200px;margin-bottom:var(--spacing-xl)}.course-card{background:var(--space-module-bg);backdrop-filter:blur(var(--space-module-blur));-webkit-backdrop-filter:blur(var(--space-module-blur));border-radius:var(--space-module-radius);padding:var(--spacing-lg);box-shadow:var(--space-module-shadow);border:var(--space-module-border);transition:all var(--transition-medium);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.course-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--space-module-accent-bar)}.course-card:hover{transform:translateY(-4px);box-shadow:var(--space-module-shadow-hover);border:var(--space-module-border-hover);background:var(--space-module-bg-hover)}.course-card h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-primary);text-shadow:0 0 10px rgba(157,78,221,.5)}.course-card p{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);flex-grow:1}.course-card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.course-card-meta span{border-radius:999px;padding:6px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.card-actions{display:flex;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.course-card button,.course-spotlight-card button{background:linear-gradient(90deg,#6200ea,#9d4edd);color:var(--color-text-primary);border:none;border-radius:var(--border-radius-medium);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all var(--transition-medium);box-shadow:0 5px 15px rgba(98,0,234,.3);position:relative;overflow:hidden}.course-card button:before,.course-spotlight-card button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s ease}.course-card button:hover,.course-spotlight-card button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.course-card button:hover:before,.course-spotlight-card button:hover:before{left:100%}.course-card button:active,.course-spotlight-card button:active{transform:translateY(1px)}.course-card button,.course-spotlight-card button{min-width:132px}.course-card .unenroll-button,.course-spotlight-card .unenroll-button{background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(221,80,174,.7))}.selection-modal{background:var(--space-module-bg);backdrop-filter:blur(var(--space-module-blur));-webkit-backdrop-filter:blur(var(--space-module-blur));border-radius:var(--space-module-radius);padding:var(--spacing-xl);box-shadow:var(--space-module-shadow-hover);border:var(--space-module-border);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;max-width:90%;width:500px;animation:fadeIn .3s ease-out}.selection-modal h3{font-family:var(--font-heading);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:#9d4edd;text-align:center;text-shadow:0 0 10px rgba(157,78,221,.5)}.selection-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);justify-content:center}.selection-button{background:rgba(255,255,255,.1);color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-medium);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.selection-button.selected{background:var(--gradient-accent);color:var(--color-text-primary);border-color:transparent;box-shadow:0 0 15px rgba(98,0,234,.4)}.selection-button.selected:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.2),transparent);opacity:0;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:0;transform:scale(.8)}50%{opacity:.5}to{opacity:0;transform:scale(1.5)}}.selection-button:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.modal-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.edit-button,.loading-button,.save-button{background:linear-gradient(90deg,#6200ea,#9d4edd);color:var(--color-text-primary);border:none;border-radius:var(--border-radius-medium);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all var(--transition-medium);box-shadow:0 5px 15px rgba(98,0,234,.3);position:relative;overflow:hidden}.edit-button:after,.save-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2) 50%,rgba(255,255,255,0));animation:buttonShine 3s ease-in-out infinite}@keyframes buttonShine{0%{left:-100%}50%{left:100%}to{left:100%}}.edit-button:hover,.save-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(98,0,234,.4)}.edit-button:active,.save-button:active{transform:translateY(1px)}.edit-button:disabled,.loading-button:disabled{background:rgba(255,255,255,.1);color:var(--color-text-disabled);cursor:not-allowed;box-shadow:none}.no-courses{background:var(--space-module-bg);border-radius:var(--space-module-radius);padding:var(--spacing-xl);box-shadow:var(--space-module-shadow);backdrop-filter:blur(var(--space-module-blur));-webkit-backdrop-filter:blur(var(--space-module-blur));border:var(--space-module-border);text-align:center;max-width:500px;width:100%;font-size:var(--font-size-md);color:var(--color-text-secondary);position:relative;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:768px){.courses-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.courses-section-heading{flex-direction:column;align-items:flex-start}.courses-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.courses-title{font-size:var(--font-size-xxl)}.courses-subtitle{font-size:var(--font-size-md)}}@media (max-width:480px){.courses-container{padding:80px var(--spacing-md) var(--spacing-md)}.courses-list,.courses-stat-grid{grid-template-columns:1fr}.courses-title{font-size:var(--font-size-xl)}.courses-subtitle{font-size:var(--font-size-sm)}.selection-modal{padding:var(--spacing-lg);width:95%}}