/* Tailwind base variables and resets - one time only */
*,
::before,
::after {
    /* Core Tailwind variables (cleaned) */
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    /* Omit empty/dynamic variables unless needed */
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
}

*,
::after,
::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}

::after,
::before { --tw-content: ""; }

html,
:host {
    line-height: 1.5;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    tab-size: 4;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    line-height: inherit;
}

/* Remove duplicate definitions for elements: keep only one! */
hr { height: 0; color: inherit; border-top-width: 1px; }
abbr[title] { text-decoration: underline dotted; }
h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b,strong { font-weight: bolder; }
code,kbd,pre,samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}
small { font-size: 80%; }
sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; bottom: -0.25em; }
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }
table { text-indent: 0; border-color: inherit; border-collapse: collapse; }
menu,ol,ul { list-style: none; margin: 0; padding: 0; }
button,input,optgroup,select,textarea {
    font-family: inherit; font-size: 100%; color: inherit; margin: 0; padding: 0; 
    font-feature-settings: inherit; font-variation-settings: inherit;
}
/* ... (other element resets, one time only) ... */

/* Tailwind utility classes (deduplicated) */
/* Only include each class ONCE - if you compile Tailwind, you do not need to hand-copy these! */
/* Examples: */
.mx-auto { margin-left:auto; margin-right:auto; }
.mb-1 { margin-bottom:0.25rem; }
.mb-2 { margin-bottom:0.5rem; }
/* ... keep ONE version for each utility ... */

/* Custom Classes: Only one definition! */
.card {
    position: relative;
    background-color: #fff;
    border-radius: 0.25rem;
    margin-top: -150px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    padding: 1.5rem;
    border: 1px solid #e5e7eb;
}

.bg-footer {
    background-color: #085a9d;
}

/* Media Queries (deduplicate and merge) - Only include each once */
@media (min-width: 640px) {
    .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .sm\:text-4xl { font-size:2.25rem; line-height:2.5rem; }
}
/* ...and so on for md:, lg:... all merged and deduplicated */

/* (Continue with any other custom overrides.) */