.benefit-page{min-height:100vh;padding-top:var(--spacing-xl)}.benefit-page__header{margin-bottom:var(--spacing-xxl)}.benefit-page__breadcrumb{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:var(--font-size-small);flex-wrap:wrap;display:flex}.benefit-page__breadcrumb-link{color:var(--color-primary);text-decoration:none}.benefit-page__breadcrumb-link:hover{text-decoration:underline}.benefit-page__breadcrumb-separator,.benefit-page__breadcrumb-current{color:var(--color-text-light)}.benefit-page__hero{text-align:center;margin-bottom:var(--spacing-xl)}@media (min-width:768px){.benefit-page__hero{text-align:left}}.benefit-page__category{align-items:center;gap:var(--spacing-sm);background:var(--color-background-light);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);font-size:var(--font-size-small);color:var(--color-text-light);display:inline-flex}.benefit-page__category-icon{font-size:1rem}.benefit-page__title{font-size:var(--font-size-xxl);color:var(--color-text);margin-bottom:var(--spacing-md);font-weight:700}@media (min-width:768px){.benefit-page__title{font-size:3rem}}.benefit-page__description{font-size:var(--font-size-large);color:var(--color-text-light);max-width:800px;margin:0 auto;line-height:1.6}@media (min-width:768px){.benefit-page__description{margin:0}}.benefit-page__payment-info{background:var(--color-background-light);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);text-align:center}.benefit-page__payment-info--upcoming{border-color:var(--color-success);background:linear-gradient(135deg,#28a7450d 0%,#28a7451a 100%)}.benefit-page__payment-info--past{opacity:.7}.benefit-page__payment-date{margin-bottom:var(--spacing-lg)}.benefit-page__date-label{font-size:var(--font-size-base);color:var(--color-text-light);margin-bottom:var(--spacing-sm);font-weight:500}.benefit-page__date-value{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:700}@media (min-width:768px){.benefit-page__date-value{font-size:2rem}}.benefit-page__payment-info--upcoming .benefit-page__date-value{color:var(--color-success)}.benefit-page__countdown{align-items:center;gap:var(--spacing-xs);background:var(--color-primary);color:#fff;padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--border-radius);font-weight:600;font-size:var(--font-size-small);display:inline-flex}.benefit-page__payment-info--upcoming .benefit-page__countdown{background:var(--color-success)}.benefit-page__schedule{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.benefit-page__schedule-title{font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--spacing-sm);font-weight:600}.benefit-page__schedule-text{color:var(--color-text-light);margin:0}.benefit-page__details{margin-bottom:var(--spacing-xxl)}.benefit-page__info-grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (min-width:768px){.benefit-page__info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.benefit-page__info-grid{grid-template-columns:repeat(3,1fr)}}.benefit-page__info-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);flex-direction:column;height:100%;transition:box-shadow .2s;display:flex}.benefit-page__info-card:hover{box-shadow:var(--shadow-md)}.benefit-page__info-title{font-size:var(--font-size-large);color:var(--color-text);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.benefit-page__info-text{color:var(--color-text-light);flex:1;margin:0;line-height:1.6}.benefit-page__source-link{color:var(--color-primary);padding:10px 0;font-weight:500;text-decoration:none}.benefit-page__source-link:hover{text-decoration:underline}.benefit-page__section-title{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--spacing-lg);text-align:center;font-weight:600}@media (min-width:768px){.benefit-page__section-title{text-align:left}}.benefit-page__related{margin-bottom:var(--spacing-xxl)}.benefit-page__related-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.benefit-page__actions{padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.benefit-page__action-buttons{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}@media (min-width:768px){.benefit-page__action-buttons{justify-content:flex-start}}