.button-base{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;font-family:inherit;line-height:inherit;text-align:center;vertical-align:middle;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;box-sizing:border-box}.button-base:hover{transform:translateY(-2px)}.button-base:active{transform:translateY(0)}.button-base:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-small{padding:.5rem 1rem;font-size:.875rem;min-height:2rem}.button-medium{padding:.75rem 1.5rem;font-size:1rem;min-height:2.5rem}.button-large{padding:1rem 2rem;font-size:1.125rem;min-height:3rem}.button-xl{padding:1.25rem 2.5rem;font-size:1.25rem;min-height:3.5rem}.button-primary{background:var(--color-accent,#3182ce);color:var(--color-bg-primary,white);box-shadow:0 4px 6px rgba(49,130,206,.2)}.button-primary:hover:not(:disabled){background:var(--color-accent-hover,#2c5aa0);box-shadow:0 8px 25px rgba(49,130,206,.3)}.button-secondary{background:var(--color-bg-primary,white);color:var(--color-accent,#3182ce);border:2px solid var(--color-accent,#3182ce);box-shadow:0 4px 6px rgba(0,0,0,.1)}.button-secondary:hover:not(:disabled){background:var(--color-bg-tertiary,#f7fafc);box-shadow:0 8px 25px rgba(0,0,0,.15)}.button-accent{background:linear-gradient(135deg,var(--color-gradient-start,#667eea) 0,var(--color-gradient-end,#764ba2) 100%);color:white;box-shadow:0 4px 6px rgba(102,126,234,.2)}.button-accent:hover:not(:disabled){box-shadow:0 8px 25px rgba(102,126,234,.3)}.button-success{background:var(--color-success,#38a169);color:white;box-shadow:0 4px 6px rgba(56,161,105,.2)}.button-success:hover:not(:disabled){background:#2f855a;box-shadow:0 8px 25px rgba(56,161,105,.3)}.button-warning{background:var(--color-warning-button,#ed8936);color:white;box-shadow:0 4px 6px rgba(237,137,54,.2)}.button-warning:hover:not(:disabled){background:#dd6b20;box-shadow:0 8px 25px rgba(237,137,54,.3)}.button-danger{background:var(--color-error,#e53e3e);color:white;box-shadow:0 4px 6px rgba(229,62,62,.2)}.button-danger:hover:not(:disabled){background:#c53030;box-shadow:0 8px 25px rgba(229,62,62,.3)}.button-cta{background:linear-gradient(135deg,var(--color-gradient-start,#667eea) 0,var(--color-gradient-end,#764ba2) 100%);color:white;box-shadow:0 8px 25px rgba(102,126,234,.3);font-weight:700;letter-spacing:.025em}.button-cta:hover:not(:disabled){box-shadow:0 12px 35px rgba(102,126,234,.4);transform:translateY(-3px)}.button-outline{background:transparent;color:inherit;border:2px solid;box-shadow:none}.button-outline:hover:not(:disabled){background:currentColor;color:white;box-shadow:0 4px 6px rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){.button-secondary{background:var(--color-bg-primary,#1a202c);color:var(--color-accent,#63b3ed);border-color:var(--color-accent,#63b3ed)}.button-secondary:hover:not(:disabled){background:var(--color-bg-secondary,#2d3748)}.button-outline{color:var(--color-text-secondary,#e2e8f0);border-color:var(--color-text-secondary,#e2e8f0)}.button-outline:hover:not(:disabled){background:var(--color-text-secondary,#e2e8f0);color:var(--color-bg-primary,#1a202c)}}@media (max-width:768px){.button-large{padding:.875rem 1.75rem;font-size:1rem;min-height:2.75rem}.button-xl{padding:1rem 2rem;font-size:1.125rem;min-height:3rem}}@media (max-width:480px){.button-medium{padding:.625rem 1.25rem;font-size:.875rem;min-height:2.25rem}.button-large{padding:.75rem 1.5rem;font-size:.875rem;min-height:2.5rem}.button-xl{padding:.875rem 1.75rem;font-size:1rem;min-height:2.75rem}}.card-base{border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.05);background:var(--color-card-bg,white);border:1px solid var(--color-card-border,#e2e8f0);transition:all .3s ease}.card-base:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.card-small{padding:1rem;border-radius:8px}.card-medium{padding:1.5rem;border-radius:12px}.card-large{padding:2rem;border-radius:16px}.card-comparison,.card-feature,.card-pricing{padding:2rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);background:var(--color-card-bg,white);border:1px solid var(--color-card-border,#e2e8f0)}.card-cta{padding:2.5rem;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.05);background:linear-gradient(135deg,var(--color-gradient-start,#667eea) 0,var(--color-gradient-end,#764ba2) 100%);border:none;color:white}@media (prefers-color-scheme:dark){.card-base,.card-comparison,.card-feature,.card-pricing{background:var(--color-bg-primary,#1a1a1a);border-color:var(--color-border,#2d3748);color:var(--color-text-secondary,#e2e8f0)}.card-base:hover,.card-comparison:hover,.card-feature:hover,.card-pricing:hover{box-shadow:0 8px 25px rgba(0,0,0,.3)}}@media (max-width:768px){.card-base,.card-comparison,.card-feature,.card-pricing{padding:1rem;border-radius:8px}.card-large{padding:1.5rem;border-radius:12px}.card-cta{padding:2rem;border-radius:12px}}@media (max-width:480px){.card-base,.card-comparison,.card-feature,.card-pricing{padding:.75rem;border-radius:6px}.card-large{padding:1rem;border-radius:8px}.card-cta{padding:1.5rem;border-radius:8px}}