.home-page{max-width:900px;padding-top:var(--space-8);margin:0 auto}.hero{text-align:center;padding:var(--space-12) 0 var(--space-16)}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--accent-primary);margin-bottom:var(--space-6);background:#6c5ce71a;border:1px solid #6c5ce733;font-weight:600;display:inline-flex}.hero-title{margin-bottom:var(--space-6);color:var(--text-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2}.hero-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.7}.hero-cta{padding:var(--space-4) var(--space-10);font-size:var(--font-size-lg);text-decoration:none}.features-grid{gap:var(--space-6);margin-bottom:var(--space-12);grid-template-columns:repeat(2,1fr);display:grid}.feature-card{padding:var(--space-6);color:inherit;text-decoration:none;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-4px)}.feature-card:hover .feature-arrow{opacity:1;transform:translate(4px)}.feature-tag{top:var(--space-3);right:var(--space-3);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--accent-primary);background:#6c5ce726;font-weight:700;position:absolute}.feature-icon-wrap{border-radius:var(--radius-lg);width:56px;height:56px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.feature-icon{font-size:28px}.feature-title{font-size:var(--font-size-xl);margin-bottom:var(--space-2);font-weight:700}.feature-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.feature-arrow{bottom:var(--space-4);right:var(--space-4);font-size:var(--font-size-xl);color:var(--text-muted);opacity:0;transition:all var(--transition-base);position:absolute}.quick-info{gap:var(--space-4);padding-bottom:var(--space-12);grid-template-columns:repeat(3,1fr);display:grid}.info-item{align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex}.info-icon{flex-shrink:0;font-size:28px}.info-item div{flex-direction:column;display:flex}.info-item strong{font-size:var(--font-size-sm);font-weight:700}.info-item span{font-size:var(--font-size-xs);color:var(--text-muted)}@media (max-width:768px){.features-grid,.quick-info{grid-template-columns:1fr}.hero-desc br{display:none}}