.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-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}.card-actions{display:flex;justify-content:center;gap:var(--spacing-sm)}.course-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{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{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.course-card button:hover:before{left:100%}.course-card button:active{transform:translateY(1px)}.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-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{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%}}