*{box-sizing:border-box;padding:0;margin:0}:root{--primary-color:#0070f3;--secondary-color:#7928ca;--background:#ffffff;--foreground:#000000;--card-background:#fafafa;--border-color:#eaeaea;--shadow:rgba(0,0,0,0.1);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}@media (prefers-color-scheme:dark){:root{--background:#000000;--foreground:#ffffff;--card-background:#111111;--border-color:#333333;--shadow:rgba(255,255,255,0.1)}}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-sans);background-color:var(--background);color:var(--foreground)}body{line-height:1.6}a{color:inherit;text-decoration:none}.container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.hero{max-width:1200px;width:100%;text-align:center}.title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand{color:var(--primary-color);font-weight:900}.description{font-size:1.5rem;margin-bottom:3rem;color:var(--foreground);opacity:.8}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:3rem;width:100%}.feature-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease;box-shadow:0 4px 6px var(--shadow)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px var(--shadow);border-color:var(--primary-color)}.feature-card h2{font-size:1.5rem;margin-bottom:.75rem;color:var(--foreground)}.feature-card p{color:var(--foreground);opacity:.7;font-size:1rem}.cta{margin-top:2rem}.button{display:inline-block;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:white;padding:1rem 2.5rem;border-radius:8px;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px var(--shadow);cursor:pointer;border:none}.button:hover{transform:translateY(-2px);box-shadow:0 6px 12px var(--shadow);opacity:.9}.button:active{transform:translateY(0)}@media (max-width:768px){.title{font-size:2.5rem}.description{font-size:1.2rem}.features{grid-template-columns:1fr;gap:1.5rem}.container{padding:1rem}}