:root{--background: #ffffff;--surface: #f8fafc;--surface-hover: #f1f5f9;--primary: #7c3aed;--primary-hover: #6d28d9;--secondary: #3b82f6;--text-main: #0f172a;--text-secondary: #475569;--border: #e2e8f0;--font-sans: "Inter", sans-serif}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{max-width:100vw;overflow-x:hidden;background-color:var(--background);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.section{padding:5rem 0}.flex-center{display:flex;align-items:center;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .2s ease;font-size:1rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn-outline{border:1px solid var(--border);color:var(--text-main)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}h1,h2,h3,h4,h5,h6{color:var(--text-main);line-height:1.2}p{color:var(--text-secondary);line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:silver;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}