.classes-hero{position:relative;min-height:360px;display:flex;align-items:flex-end;overflow:hidden}.classes-hero__bg{position:absolute;inset:0}.classes-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.classes-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,#000c,#0000004d 60%,#0000001a)}.classes-hero__content{position:relative;padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-3xl);text-align:center}.classes-hero__content h1{font-size:var(--font-size-5xl);font-weight:800;color:#fff;margin-bottom:var(--spacing-md)}.classes-hero__subtitle{font-size:var(--font-size-xl);color:#ffffffe6;max-width:var(--max-width);margin:0 auto}.newcomer-banner{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-xl) 0}.newcomer-banner__inner{display:flex;align-items:center;gap:var(--spacing-lg);max-width:680px;margin:0 auto}.newcomer-banner__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:var(--radius);flex-shrink:0}.newcomer-banner__title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:2px}.newcomer-banner__desc{font-size:var(--font-size-base);color:var(--color-muted);margin:0;line-height:1.5}.classes-bottom-cta{padding:var(--spacing-4xl) 0;background:linear-gradient(135deg,#1d4ed8,#2563eb)}.classes-bottom-cta__inner{text-align:center;max-width:500px;margin:0 auto}.classes-bottom-cta__title{font-size:var(--font-size-2xl);font-weight:800;color:#fff;margin-bottom:var(--spacing-sm)}.classes-bottom-cta__desc{font-size:var(--font-size-base);color:#ffffffd9;margin-bottom:var(--spacing-xl);line-height:1.6}.classes-bottom-cta .btn{background:#fff;color:var(--color-btn-bg);border-color:#fff}.classes-bottom-cta .btn:hover{background:#ffffffe6}.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.program-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);text-decoration:none;color:inherit}.program-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.program-card__image{aspect-ratio:16 / 10;overflow:hidden;background:var(--color-border)}.program-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.program-card:hover .program-card__image img{transform:scale(1.05)}.program-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--color-muted);background:var(--color-surface)}.program-card__body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.program-card__body .program-card__title{font-size:var(--font-size-xl);font-weight:700}.program-card__meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-muted)}.program-card__price{font-weight:600;color:var(--color-primary)}.program-card__cta{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin-top:var(--spacing-sm);transition:gap var(--transition-fast)}.program-card:hover .program-card__cta{gap:var(--spacing-sm)}.programs-empty{text-align:center;padding:var(--spacing-3xl) 0}.programs-empty__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);margin:0 auto var(--spacing-xl)}.programs-empty h2{margin-bottom:var(--spacing-md)}.programs-empty p{color:var(--color-muted);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);max-width:480px;margin-left:auto;margin-right:auto}@media(max-width:900px){.programs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.classes-hero__content h1{font-size:var(--font-size-4xl)}.newcomer-banner__inner{flex-direction:column;text-align:center}.programs-grid{grid-template-columns:1fr}}