.top-hero{text-align:center;padding:var(--space-2xl) var(--space-lg);margin-bottom:var(--space-md)}.top-hero h1{font-size:2.5rem;margin-bottom:var(--space-md)}.top-hero p{font-size:1.25rem;color:var(--color-text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.stat-card{text-align:center;padding:var(--space-md)}.stat-icon{font-size:1.5rem;margin-bottom:var(--space-xs)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-primary);line-height:1.2;margin-bottom:var(--space-xs)}.stat-label{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}@media(min-width:640px){.stat-card{padding:var(--space-lg)}.stat-icon{font-size:2rem}.stat-value{font-size:2.5rem}.stat-label{font-size:.875rem}}.action-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{display:block;text-decoration:none;transition:transform var(--transition-base)}.action-card:hover{transform:translateY(-4px)}.action-card-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.action-card>.card{margin:0}.action-card .card-body{text-align:center}.top-section{margin-bottom:var(--space-xl)}.usage-section-title{margin:0 0 var(--space-md) 0;font-size:1.125rem;font-weight:600}.usage-section-title-secondary{margin:var(--space-lg) 0 var(--space-md) 0;font-size:1.125rem;font-weight:600}.news-list{display:flex;flex-direction:column}.news-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.news-date{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem}.news-date-icon{font-size:1rem}.news-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.news-badge-info{background-color:#e3f2fd;color:#1976d2}.news-badge-update{background-color:#e8f5e9;color:#388e3c}.news-badge-maintenance{background-color:#fff3e0;color:#f57c00}.news-badge-important{background-color:#ffebee;color:#d32f2f}.news-title{font-size:1.25rem;color:#333;margin-bottom:1rem;font-weight:600;line-height:1.4}.news-content{color:#555;font-size:1rem;line-height:1.8;white-space:pre-wrap}@media(max-width:768px){.news-title{font-size:1.1rem}.news-header{gap:.5rem}}@media(max-width:768px){.top-hero h1{font-size:1.75rem}.top-hero p{font-size:1rem}}