:root{--c-heading: #374151;--c-primary: #4b5563;--c-primary-soft: #6e7681;--c-neutral: #9ca3af;--c-bg: #f3f4f6;--c-bg-alt: #e5e7eb;--c-surface: #ffffff;--c-text: #374151;--c-text-muted: #6b7280;--c-border: #d1d5db;--c-dark: #1f2937;--c-dark-2: #111827;--font-base: Arial, "Helvetica Neue", Helvetica, sans-serif;--maxw: 1200px;--radius: 10px;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);--shadow-md: 0 8px 24px rgba(17, 24, 39, .08)}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}body{font-family:var(--font-base);color:var(--c-text);background:var(--c-surface);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{color:var(--c-heading);line-height:1.2;margin:0}img{max-width:100%;display:block}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .18s ease;white-space:nowrap}.btn-primary{background:var(--c-heading);color:#fff}.btn-primary:hover{background:var(--c-dark-2);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--c-heading);border-color:var(--c-border)}.btn-ghost:hover{background:var(--c-bg)}.btn-lg{padding:15px 32px;font-size:16px}