/* Base Styles */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';
@import 'base/utilities.css';

/* Component Styles */
@import 'components/buttons.css';
@import 'components/forms.css';
@import 'components/modals.css';
@import 'components/alerts.css';
@import 'components/cards.css';
@import 'components/tables.css';
@import 'components/navigation.css';
@import 'components/flash-messages.css';
@import 'components/hero.css';
@import 'components/how-it-works.css';
@import 'components/features-grid.css';
@import 'components/cta.css';

/* Layout Styles */
@import 'layouts/header.css';
@import 'layouts/footer.css';
@import 'layouts/containers.css';

/* Page-specific Styles */
@import 'pages/policies.css';
@import 'pages/auth.css';
@import 'pages/faq.css';
@import 'pages/contact.css';
@import 'pages/pricing.css';
@import 'pages/features.css';

/* Legacy Styles - To be migrated */
@import 'password-validation.css';
@import 'features.css';
@import 'policy-analysis.css';
@import 'view-version.css';
@import 'policy-version.css';



div.profile-header h2:after {
  left: 50%;
  transform: translate(-50%, -50%);
}