.exercises-hub-grid{gap:var(--gd-space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.exercises-hub-grid{grid-template-columns:1fr 1fr}}.exercises-hub-card{gap:var(--gd-space-3);border-radius:var(--gd-radius-xl);border:1px solid var(--gd-neutral-200);border-top:3px solid var(--gd-brand-primary);background:var(--gd-white);padding:var(--gd-space-6);box-shadow:var(--gd-shadow-sm);color:inherit;transition:box-shadow var(--gd-transition-normal), transform var(--gd-transition-normal);flex-direction:column;text-decoration:none;display:flex}.exercises-hub-card:hover{box-shadow:var(--gd-shadow-md);transform:translateY(-2px)}.exercises-hub-card--soon{border-top-color:var(--gd-neutral-300);opacity:.65}.exercises-hub-card--soon:hover{box-shadow:var(--gd-shadow-sm);opacity:.75;transform:none}.exercises-hub-icon{border-radius:var(--gd-radius-lg);background:var(--gd-brand-primary-light);width:44px;height:44px;color:var(--gd-brand-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.exercises-hub-card--soon .exercises-hub-icon{background:var(--gd-neutral-100);color:var(--gd-neutral-400)}.exercises-hub-icon svg{width:22px;height:22px}.exercises-hub-header{align-items:center;gap:var(--gd-space-3);flex-wrap:wrap;display:flex}.exercises-hub-header h2{font-family:var(--gd-font-sans);font-size:var(--gd-text-xl);font-weight:var(--gd-font-bold);color:var(--gd-neutral-900);margin:0}.exercises-hub-badge--live{border-radius:var(--gd-radius-full);background:var(--gd-success-light);color:var(--gd-success);font-size:var(--gd-text-xs);font-weight:var(--gd-font-bold);letter-spacing:.05em;text-transform:uppercase;align-items:center;padding:2px 10px;display:inline-flex}.exercises-hub-badge--soon{border-radius:var(--gd-radius-full);background:var(--gd-brand-accent-light);color:var(--gd-warning);font-size:var(--gd-text-xs);font-weight:var(--gd-font-bold);letter-spacing:.05em;text-transform:uppercase;align-items:center;padding:2px 10px;display:inline-flex}.exercises-hub-desc{font-size:var(--gd-text-sm);color:var(--gd-neutral-500);line-height:var(--gd-leading-normal);margin:0}.exercises-hub-levels{align-items:center;gap:var(--gd-space-3);flex-wrap:wrap;display:flex}.exercises-hub-level-item{align-items:center;gap:var(--gd-space-1);font-size:var(--gd-text-sm);color:var(--gd-neutral-500);font-weight:var(--gd-font-medium);display:inline-flex}.exercises-hub-total{font-size:var(--gd-text-sm);color:var(--gd-neutral-400);margin-left:auto}.exercises-hub-cta{padding-top:var(--gd-space-2);font-size:var(--gd-text-sm);font-weight:var(--gd-font-semibold);color:var(--gd-brand-primary);margin-top:auto}.exercises-hub-card--soon .exercises-hub-cta{color:var(--gd-neutral-400)}.spotlight-section{padding:var(--gd-space-10) 0}.spotlight-card{border-radius:var(--gd-radius-xl);border:1px solid var(--gd-neutral-200);border-top:3px solid var(--gd-brand-primary);background:var(--gd-white);box-shadow:var(--gd-shadow-sm);overflow:hidden}.spotlight-card-inner{grid-template-columns:260px 1px 1fr;align-items:stretch;display:grid}@media (max-width:768px){.spotlight-card-inner{grid-template-columns:1fr}.spotlight-divider{display:none}}.spotlight-overview{padding:var(--gd-space-6);gap:var(--gd-space-4);flex-direction:column;display:flex}.spotlight-overview-top{justify-content:space-between;align-items:flex-start;gap:var(--gd-space-2);display:flex}.spotlight-icon{border-radius:var(--gd-radius-lg);background:var(--gd-brand-primary-light);width:44px;height:44px;color:var(--gd-brand-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.spotlight-icon svg{width:22px;height:22px}.spotlight-live-badge{border-radius:var(--gd-radius-full);background:var(--gd-success-light);color:var(--gd-success);font-size:var(--gd-text-xs);font-weight:var(--gd-font-bold);letter-spacing:.05em;text-transform:uppercase;align-items:center;padding:3px 10px;display:inline-flex}.spotlight-title{font-size:var(--gd-text-2xl);font-weight:var(--gd-font-bold);color:var(--gd-neutral-900);margin:0}.spotlight-desc{font-size:var(--gd-text-sm);color:var(--gd-neutral-500);line-height:var(--gd-leading-normal);margin:0}.spotlight-level-counts{gap:var(--gd-space-2);flex-direction:column;display:flex}.spotlight-level-row{align-items:center;gap:var(--gd-space-2);font-size:var(--gd-text-sm);color:var(--gd-neutral-500);display:flex}.spotlight-level-bar{border-radius:var(--gd-radius-full);background:var(--gd-neutral-100);flex:1;height:4px;overflow:hidden}.spotlight-level-fill{border-radius:var(--gd-radius-full);height:100%}.spotlight-level-fill--a2{background:var(--gd-level-a2)}.spotlight-level-fill--b1{background:var(--gd-level-b1)}.spotlight-level-fill--b2{background:var(--gd-level-b2)}.spotlight-total{font-size:var(--gd-text-xs);font-weight:var(--gd-font-semibold);color:var(--gd-neutral-400);padding:var(--gd-space-2) 0;border-top:1px solid var(--gd-neutral-100)}.spotlight-cta{align-items:center;gap:var(--gd-space-2);font-size:var(--gd-text-sm);font-weight:var(--gd-font-semibold);color:var(--gd-brand-primary);transition:gap var(--gd-transition-fast);margin-top:auto;text-decoration:none;display:inline-flex}.spotlight-cta:hover{gap:var(--gd-space-3);text-decoration:none}.spotlight-cta svg{stroke:currentColor;flex-shrink:0;width:14px;height:14px}.spotlight-divider{background:var(--gd-neutral-200)}.spotlight-topics{padding:var(--gd-space-6);gap:var(--gd-space-3);flex-direction:column;display:flex}.spotlight-topics-label{font-size:var(--gd-text-xs);font-weight:var(--gd-font-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--gd-neutral-400)}.topic-tile-grid{gap:var(--gd-space-3);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:640px){.topic-tile-grid{grid-template-columns:1fr 1fr}}.topic-tile{gap:var(--gd-space-2);padding:var(--gd-space-4);border-radius:var(--gd-radius-lg);border:1px solid var(--gd-neutral-200);background:var(--gd-neutral-50);color:inherit;transition:border-color var(--gd-transition-fast), background var(--gd-transition-fast), box-shadow var(--gd-transition-fast);flex-direction:column;text-decoration:none;display:flex}.topic-tile:hover{border-color:var(--gd-brand-primary);background:var(--gd-brand-primary-light);box-shadow:var(--gd-shadow-sm);text-decoration:none}.topic-tile-name{font-size:var(--gd-text-sm);font-weight:var(--gd-font-semibold);color:var(--gd-neutral-700);margin:0}.topic-tile:hover .topic-tile-name{color:var(--gd-brand-primary)}.topic-tile-chips{flex-wrap:wrap;gap:4px;display:flex}.topic-tile-count{font-size:var(--gd-text-xs);color:var(--gd-neutral-400);margin-top:auto}.coming-soon-section{padding-bottom:var(--gd-space-10)}.coming-soon-grid{gap:var(--gd-space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:640px){.coming-soon-grid{grid-template-columns:1fr}}.coming-soon-card{align-items:flex-start;gap:var(--gd-space-4);padding:var(--gd-space-5);border-radius:var(--gd-radius-xl);border:1px dashed var(--gd-neutral-300);background:var(--gd-neutral-50);opacity:.7;display:flex}.coming-soon-icon{border-radius:var(--gd-radius-md);background:var(--gd-neutral-100);width:40px;height:40px;color:var(--gd-neutral-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.coming-soon-icon svg{width:18px;height:18px}.coming-soon-body{flex:1;min-width:0}.coming-soon-header{align-items:center;gap:var(--gd-space-2);margin-bottom:4px;display:flex}.coming-soon-title{font-size:var(--gd-text-base);font-weight:var(--gd-font-bold);color:var(--gd-neutral-600);margin:0}.coming-soon-badge{border-radius:var(--gd-radius-full);background:var(--gd-brand-accent-light);color:var(--gd-warning);font-size:10px;font-weight:var(--gd-font-bold);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:2px 8px;display:inline-flex}.coming-soon-desc{font-size:var(--gd-text-sm);color:var(--gd-neutral-500);line-height:var(--gd-leading-normal);margin:0}.how-it-works{padding:var(--gd-space-12) 0;background:var(--gd-neutral-50);border-top:1px solid var(--gd-neutral-200);border-bottom:1px solid var(--gd-neutral-200)}.steps-grid{gap:var(--gd-space-8);margin-top:var(--gd-space-8);grid-template-columns:1fr;display:grid}@media (min-width:640px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{gap:var(--gd-space-3);padding-top:var(--gd-space-3);flex-direction:column;display:flex;position:relative}.step-card:before{content:"";border-radius:var(--gd-radius-sm);background:var(--gd-brand-primary);opacity:.15;height:3px;position:absolute;top:0;left:0;right:0}.step-card:first-child:before{opacity:1}.step-card:nth-child(2):before{opacity:.55}.step-number{border-radius:var(--gd-radius-full);background:var(--gd-brand-primary);width:32px;height:32px;color:var(--gd-white);font-size:var(--gd-text-sm);font-weight:var(--gd-font-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-title{font-size:var(--gd-text-base);font-weight:var(--gd-font-semibold);color:var(--gd-neutral-900);margin:0}.step-desc{font-size:var(--gd-text-sm);color:var(--gd-neutral-500);line-height:var(--gd-leading-normal);margin:0}.related-grammar{margin-top:var(--gd-space-10);padding-top:var(--gd-space-8);border-top:1px solid var(--gd-neutral-200)}.related-grammar-title{font-size:var(--gd-text-base);font-weight:var(--gd-font-semibold);color:var(--gd-neutral-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--gd-space-4)}.related-grammar-grid{gap:var(--gd-space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:640px){.related-grammar-grid{grid-template-columns:1fr}}.related-grammar-card{gap:var(--gd-space-2);padding:var(--gd-space-4) var(--gd-space-5);border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-xl);background:var(--gd-white);color:inherit;transition:border-color var(--gd-transition-fast), box-shadow var(--gd-transition-fast);flex-direction:column;text-decoration:none;display:flex}.related-grammar-card:hover{border-color:var(--gd-brand-primary);box-shadow:var(--gd-shadow-sm);text-decoration:none}.related-grammar-card-meta{align-items:center;gap:var(--gd-space-2);font-size:var(--gd-text-xs);color:var(--gd-neutral-500);display:flex}.related-grammar-card-title{font-size:var(--gd-text-base);font-weight:var(--gd-font-semibold);color:var(--gd-neutral-900);line-height:var(--gd-leading-snug)}.related-grammar-card-arrow{font-size:var(--gd-text-sm);color:var(--gd-brand-primary);margin-top:auto}.exercise-nextsteps{margin-top:var(--gd-space-8);padding:var(--gd-space-6);border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-xl);background:var(--gd-neutral-50)}.exercise-nextsteps-title{font-size:var(--gd-text-sm);font-weight:var(--gd-font-semibold);color:var(--gd-neutral-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--gd-space-4)}.exercise-nextsteps-links{gap:var(--gd-space-2);flex-direction:column;display:flex}.nextstep-link{align-items:center;gap:var(--gd-space-3);padding:var(--gd-space-3) var(--gd-space-4);border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-lg);background:var(--gd-white);color:var(--gd-neutral-700);font-size:var(--gd-text-sm);transition:border-color var(--gd-transition-fast), background var(--gd-transition-fast);text-decoration:none;display:flex}.nextstep-link:hover{border-color:var(--gd-brand-primary);background:var(--gd-brand-primary-light);text-decoration:none}.nextstep-link-icon{border-radius:var(--gd-radius-md);background:var(--gd-neutral-100);width:32px;height:32px;color:var(--gd-neutral-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nextstep-link:hover .nextstep-link-icon{background:var(--gd-brand-primary-light);color:var(--gd-brand-primary)}.nextstep-link-body{flex:1;min-width:0}.nextstep-link-label{font-size:var(--gd-text-xs);color:var(--gd-neutral-500);margin-bottom:2px}.nextstep-link-title{font-weight:var(--gd-font-medium);color:var(--gd-neutral-900);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.theory-banner{justify-content:space-between;align-items:center;gap:var(--gd-space-4);padding:var(--gd-space-4) var(--gd-space-5);border:1px solid var(--gd-brand-primary-light);border-radius:var(--gd-radius-xl);background:var(--gd-brand-primary-light);margin-bottom:var(--gd-space-6);flex-wrap:wrap;display:flex}.theory-banner-text{align-items:center;gap:var(--gd-space-3);display:flex}.theory-banner-icon{border-radius:var(--gd-radius-md);background:var(--gd-white);width:36px;height:36px;color:var(--gd-brand-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.theory-banner-heading{font-size:var(--gd-text-sm);font-weight:var(--gd-font-semibold);color:var(--gd-neutral-900);margin-bottom:2px}.theory-banner-desc{font-size:var(--gd-text-xs);color:var(--gd-neutral-600)}