.next-payment-banner{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:#fff;padding:var(--spacing-lg)0;margin-bottom:var(--spacing-xl);position:relative;overflow:hidden}.next-payment-banner:before{content:"";pointer-events:none;background:url("data:image/svg+xml,<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><g fill=\"%23ffffff\" fill-opacity=\"0.05\"><circle cx=\"5\" cy=\"5\" r=\"1\"/></g></g></svg>");position:absolute;inset:0}.next-payment-banner--today{background:linear-gradient(135deg,var(--color-success)0%,#20a83a 100%);animation:2s infinite pulse}.next-payment-banner__content{align-items:center;gap:var(--spacing-md);z-index:1;display:flex;position:relative}@media (max-width:768px){.next-payment-banner__content{text-align:center;gap:var(--spacing-sm);flex-direction:column}}.next-payment-banner__icon{font-size:2.5rem}@media (max-width:768px){.next-payment-banner__icon{font-size:2rem}}.next-payment-banner__text{flex:1}.next-payment-banner__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);font-weight:700}@media (max-width:768px){.next-payment-banner__title{font-size:var(--font-size-large)}}.next-payment-banner__details{font-size:var(--font-size-base);opacity:.95;margin:0}.next-payment-banner__details strong{font-weight:600}.next-payment-banner__countdown{opacity:.8;font-size:var(--font-size-small);margin-left:var(--spacing-xs)}@keyframes pulse{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}
.home-page{min-height:100vh}.home-page__header{text-align:center;margin-bottom:var(--spacing-xxl);padding-top:var(--spacing-xl)}.home-page__title{font-size:var(--font-size-xxl);color:var(--color-text);margin-bottom:var(--spacing-md);font-weight:700}@media (min-width:768px){.home-page__title{font-size:3rem}}.home-page__description{font-size:var(--font-size-large);color:var(--color-text-light);max-width:600px;margin:0 auto;line-height:1.6}.home-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){.home-page__section-title{text-align:left}}.home-page__categories,.home-page__all-payments{margin-bottom:var(--spacing-xxl)}.home-page__payments-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}@media (max-width:768px){.home-page__payments-grid{gap:var(--spacing-md);grid-template-columns:1fr}}.home-page__info{margin-bottom:var(--spacing-xl)}.info-box{background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-xl)}.info-box__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}.info-box__list{margin:0;padding:0;list-style:none}.info-box__list li{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-light);line-height:1.5;position:relative}.info-box__list li:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:0}.info-box__list li:last-child{margin-bottom:0}