.hero{padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#646cff1a,#646cff0d);border-radius:1rem;margin:2rem 0 4rem}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:800;margin:0 0 1.5rem;line-height:1.2;background:linear-gradient(135deg,#646cff,#535bf2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;color:#fffc;margin:0 0 2rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.btn-large{padding:.875rem 2rem;font-size:1.125rem}.btn-secondary{background-color:transparent;color:#ffffffde;border:2px solid rgba(100,108,255,.5)}.btn-secondary:hover{background-color:#646cff1a;border-color:#646cff;color:#646cff}@media (prefers-color-scheme: light){.hero{background:linear-gradient(135deg,#646cff14,#646cff08)}.hero-subtitle{color:#213547}.btn-secondary{color:#213547;border-color:#646cff80}.btn-secondary:hover{color:#646cff;border-color:#646cff}}@media (max-width: 768px){.hero{padding:3rem 1.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-actions{flex-direction:column;width:auto}.hero-actions .btn{width:auto;max-width:100%}.hero-actions .btn-large{padding:.75rem 1.25rem;font-size:1rem}}