.exercise-selection-page{background-color:var(--background);flex-direction:column;flex:1;align-items:center;padding:1rem 1.5rem;display:flex}.exercise-selection-hero{text-align:center;width:100%;max-width:56rem;margin-top:4rem;margin-bottom:4rem}.exercise-selection-heading{color:var(--on-surface);letter-spacing:-.02em;margin-bottom:1.5rem;font-family:Manrope,sans-serif;font-size:2.75rem;font-weight:800;line-height:1.1}.exercise-selection-heading-accent{color:var(--primary)}.exercise-selection-subtext{color:var(--on-surface-variant);max-width:42rem;margin:0 auto;font-size:1.25rem;line-height:1.625}.exercise-selection-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%;max-width:80rem;padding-bottom:8rem;display:grid}.bobr-course-card--disabled{opacity:.55;filter:grayscale(.3);pointer-events:none}.exercise-selection-coming-soon{color:var(--text-muted)}.exercise-selection-arrow{font-size:.875rem}.exercise-auth-banner{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #9e001f1f;border-radius:1rem;align-items:center;gap:1.25rem;width:100%;max-width:48rem;margin-bottom:2.5rem;padding:1.25rem 1.5rem;animation:.4s ease-out auth-banner-in;display:flex}@keyframes auth-banner-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.exercise-auth-icon{color:var(--primary);flex-shrink:0;font-size:2rem}.exercise-auth-text{flex:1}.exercise-auth-title{color:var(--on-surface);margin:0 0 .25rem;font-family:Manrope,sans-serif;font-size:1rem;font-weight:700}.exercise-auth-desc{color:var(--on-surface-variant);margin:0;font-size:.875rem;line-height:1.5}.exercise-auth-link{color:var(--primary);font-weight:600;text-decoration:none;transition:opacity .2s}.exercise-auth-link:hover{opacity:.8;text-decoration:underline}@media (max-width:767px){.exercise-selection-page{padding:2rem 1rem}.exercise-selection-hero{margin-top:1.5rem;margin-bottom:2rem}.exercise-selection-heading{margin-bottom:1rem;font-size:1.75rem}.exercise-selection-subtext{font-size:1rem}.exercise-selection-grid{grid-template-columns:1fr;gap:1rem;padding-bottom:4rem}}@media (max-width:600px){.exercise-auth-banner{text-align:center;flex-direction:column;gap:.75rem;padding:1rem}}