:root{--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-light:#ede9fe;--color-bg:#fff;--color-text:#1a1a1a;--color-text-muted:#374151;--color-text-light:#6b7280;--color-surface:#f9fafb;--color-border:#e5e7eb;--color-error:#ef4444;--color-error-bg:#fef2f2;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-input:0 2px 12px #00000014;--font-base:inherit;--transition-fast:.15s ease;--transition-base:.2s ease;--max-width:720px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-size:1rem;line-height:1.7}p{color:var(--color-text);font-size:1rem;line-height:1.7}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}.hero-gradient{background:linear-gradient(#f0ebff 0%,#faf8ff 40%,#fff 70%)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}