*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:#111827}a{color:inherit;text-decoration:none}:root{--color-primary: #bdef0b;--color-secondary: #6c63ff;--color-dark: #1a1a1a;--color-light: #f5f5f5;--color-gray: #e0e0e0;--color-gradient: linear-gradient(135deg, #bdef0b, #6c63ff);--radius-small: 4px;--radius-medium: 8px;--radius-large: 16px;--spacing-small: 8px;--spacing-medium: 16px;--spacing-large: 32px;--spacing-xlarge: 64px;--shadow-light: 0px 4px 8px rgba(0, 0, 0, .1);--shadow-medium: 0px 8px 16px rgba(0, 0, 0, .2);--shadow-heavy: 0px 12px 24px rgba(0, 0, 0, .3)}body{font-family:Inter,sans-serif;font-size:16px;line-height:1.6;color:var(--color-dark);background-color:var(--color-light);margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-medium)}.header{background-color:var(--color-light);box-shadow:var(--shadow-light);padding:var(--spacing-medium) 0}.header.sticky-top{position:sticky;top:0;z-index:1000}.logo{font-size:1.5rem;font-weight:700;color:var(--color-dark)}.nav{display:flex;justify-content:space-between;align-items:center}.nav-links,.nav-list{list-style:none;display:flex;gap:var(--spacing-medium);padding:0;margin:0}.nav-links a,.nav-list a{text-decoration:none;color:var(--color-dark);font-weight:500}.page,.section{padding:var(--spacing-large) 0}.section-hero{background:var(--color-gradient);color:var(--color-light);padding:var(--spacing-xlarge) 0}.section-hero h1{font-size:2.5rem;margin-bottom:var(--spacing-medium)}.section-hero p{font-size:1.25rem;margin-bottom:var(--spacing-large)}.section-hero .actions{display:flex;gap:var(--spacing-medium)}.section-hero .metrics{display:flex;gap:var(--spacing-medium);margin-top:var(--spacing-large)}.section h2{font-size:2rem;margin-bottom:var(--spacing-medium)}.section p{font-size:1rem;color:var(--color-dark)}.footer{background-color:var(--color-dark);color:var(--color-light);text-align:center;padding:var(--spacing-medium)}.footer p{margin:0}.button-primary{background-color:var(--color-primary);color:var(--color-dark);padding:var(--spacing-small) var(--spacing-medium);border:none;border-radius:var(--radius-medium);font-weight:700;cursor:pointer}.button-secondary{background-color:var(--color-secondary);color:var(--color-light);padding:var(--spacing-small) var(--spacing-medium);border:none;border-radius:var(--radius-medium);font-weight:700;cursor:pointer}.button-ghost{background:none;color:var(--color-dark);padding:var(--spacing-small) var(--spacing-medium);border:1px solid var(--color-dark);border-radius:var(--radius-medium);font-weight:700;cursor:pointer}.grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-large)}.visual img{max-width:100%;border-radius:var(--radius-medium);box-shadow:var(--shadow-medium)}@media(max-width:1024px){.grid{grid-template-columns:1fr}.nav-links,.nav-list{flex-direction:column;gap:var(--spacing-small)}}@media(max-width:768px){.section-hero h1{font-size:2rem}.section-hero p{font-size:1rem}.nav-links,.nav-list{flex-direction:column;gap:var(--spacing-small)}}@media(max-width:480px){.container{padding:var(--spacing-small)}.section-hero h1{font-size:1.5rem}.section-hero p{font-size:.875rem}.nav-links,.nav-list{flex-direction:column;gap:var(--spacing-small)}}
