Changed around line 1
+ body {
+ font-family: Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+ min-height: 100vh;
+ background: linear-gradient(to bottom right, #8b5cf6, #3b82f6);
+ color: white;
+ }
+ .container {
+ width: 90%;
+ max-width: 1200px;
+ margin: 0 auto;
+ }
+ header {
+ text-align: center;
+ padding: 2rem 0;
+ }
+ h1 {
+ font-size: 2.5rem;
+ margin-bottom: 0.5rem;
+ }
+ .subtitle {
+ font-size: 1.25rem;
+ }
+ main {
+ padding: 2rem 0;
+ }
+ .features {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 1rem;
+ }
+ .feature {
+ background: rgba(255, 255, 255, 0.1);
+ backdrop-filter: blur(10px);
+ padding: 1.5rem;
+ border-radius: 0.5rem;
+ }
+ .feature h2 {
+ display: flex;
+ align-items: center;
+ font-size: 1.25rem;
+ margin-bottom: 1rem;
+ }
+ .feature h2 i {
+ margin-right: 0.5rem;
+ }
+ .cta {
+ text-align: center;
+ margin-top: 2rem;
+ }
+ .cta-button {
+ background-color: #fbbf24;
+ color: #1f2937;
+ font-size: 1.25rem;
+ font-weight: bold;
+ padding: 0.75rem 1.5rem;
+ border: none;
+ border-radius: 9999px;
+ cursor: pointer;
+ transition: background-color 0.3s;
+ }
+ .cta-button a{
+ color: #1f2937;
+ text-decoration: none;
+ }
+ .cta-button:hover {
+ background-color: #fcd34d;
+ }
+ footer {
+ text-align: center;
+ padding: 2rem 0;
+ margin-top: 2rem;
+ }