```css id="a9m2tr"
/* ============================================================
   RAEES IMPORT & EXPORT
   ULTRA PREMIUM DESIGN SYSTEM
   ------------------------------------------------------------
   File: /assets/css/base/reset.css
   Version: 1.0

   Purpose:
   - Normalize browser defaults
   - Predictable box sizing
   - Clean typography inheritance
   - Responsive media defaults
   - Form normalization
   - Accessibility foundation
   - Remove unwanted Bootstrap/browser conflicts

   IMPORTANT:
   Do not add page or component styling here.
   ============================================================ */


/* ============================================================
   01. BOX SIZING
   ============================================================ */

*,
*::before,
*::after {
    box-sizing: border-box;
}


/* ============================================================
   02. ROOT DOCUMENT
   ============================================================ */

html {
    margin: 0;
    padding: 0;

    width: 100%;
    min-height: 100%;

    scroll-behavior: smooth;

    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;

    -webkit-tap-highlight-color: transparent;
}


/* ============================================================
   03. BODY RESET
   ============================================================ */

body {
    margin: 0;
    padding: 0;

    width: 100%;
    min-height: 100vh;

    overflow-x: hidden;

    font-family: var(--font-body);

    font-size: var(--font-size-base);
    font-weight: var(--font-regular);

    line-height: var(--line-height-normal);

    color: var(--text-body);

    background-color: var(--bg-body);

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* ============================================================
   04. BASIC ELEMENT RESET
   ============================================================ */

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}


/* ============================================================
   05. HEADING RESET
   ============================================================ */

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;

    font: inherit;

    color: inherit;
}


/* ============================================================
   06. PARAGRAPH RESET
   ============================================================ */

p {
    padding: 0;
}


/* ============================================================
   07. LIST RESET
   ============================================================ */

ul,
ol {
    margin: 0;
    padding: 0;
}

ul[role="list"],
ol[role="list"] {
    list-style: none;
}


/* ============================================================
   08. LINK RESET
   ============================================================ */

a {
    color: inherit;

    text-decoration: none;

    background-color: transparent;

    transition:
        color var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        opacity var(--transition),
        transform var(--transition);
}

a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
}


/* ============================================================
   09. IMAGE / MEDIA RESET
   ============================================================ */

img,
picture,
svg,
canvas,
video {
    display: block;

    max-width: 100%;
}

img,
picture,
video {
    height: auto;
}

img {
    border-style: none;
}

svg {
    overflow: visible;
}


/* ============================================================
   10. FIGURE RESET
   ============================================================ */

figure {
    margin: 0;
}


/* ============================================================
   11. BUTTON RESET
   ============================================================ */

button {
    margin: 0;

    padding: 0;

    border: 0;

    border-radius: 0;

    color: inherit;

    font: inherit;

    text-align: inherit;

    background: none;

    appearance: none;

    -webkit-appearance: none;

    cursor: pointer;
}


/* ============================================================
   12. FORM ELEMENT NORMALIZATION
   ============================================================ */

input,
button,
textarea,
select {
    font: inherit;
}

input,
textarea,
select {
    margin: 0;

    color: inherit;

    background: transparent;

    border-radius: 0;
}

textarea {
    resize: vertical;
}

select {
    cursor: pointer;
}

button,
input,
optgroup,
select,
textarea {
    line-height: inherit;
}


/* ============================================================
   13. INPUT TYPE FIXES
   ============================================================ */

input[type="search"] {
    outline-offset: -2px;

    -webkit-appearance: none;
    appearance: none;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    margin: 0;

    -webkit-appearance: none;
}


/* ============================================================
   14. PLACEHOLDER
   ============================================================ */

::placeholder {
    color: var(--text-muted);

    opacity: 1;
}


/* ============================================================
   15. FIELDSET / LEGEND
   ============================================================ */

fieldset {
    min-width: 0;

    margin: 0;

    padding: 0;

    border: 0;
}

legend {
    padding: 0;
}


/* ============================================================
   16. TABLE RESET
   ============================================================ */

table {
    border-spacing: 0;

    border-collapse: collapse;
}


/* ============================================================
   17. HORIZONTAL RULE
   ============================================================ */

hr {
    margin: 0;

    padding: 0;

    height: 1px;

    border: 0;

    background-color: var(--border-light);
}


/* ============================================================
   18. ADDRESS
   ============================================================ */

address {
    margin: 0;

    font-style: normal;
}


/* ============================================================
   19. STRONG / BOLD
   ============================================================ */

strong,
b {
    font-weight: var(--font-bold);
}


/* ============================================================
   20. SMALL
   ============================================================ */

small {
    font-size: var(--font-size-sm);
}


/* ============================================================
   21. ABBREVIATION
   ============================================================ */

abbr[title] {
    text-decoration:
        underline dotted;

    text-decoration-skip-ink: none;

    cursor: help;
}


/* ============================================================
   22. CODE ELEMENTS
   ============================================================ */

code,
kbd,
samp,
pre {
    font-family:
        "SFMono-Regular",
        Consolas,
        "Liberation Mono",
        monospace;
}


/* ============================================================
   23. HIDDEN ELEMENTS
   ============================================================ */

[hidden] {
    display: none !important;
}


/* ============================================================
   24. IFRAME
   ============================================================ */

iframe {
    display: block;

    max-width: 100%;

    border: 0;
}


/* ============================================================
   25. DETAILS / SUMMARY
   ============================================================ */

summary {
    cursor: pointer;
}


/* ============================================================
   26. DIALOG
   ============================================================ */

dialog {
    padding: 0;

    border: 0;
}


/* ============================================================
   27. SELECTION
   ============================================================ */

::selection {
    color: var(--selection-text);

    background-color: var(--selection-bg);
}

::-moz-selection {
    color: var(--selection-text);

    background-color: var(--selection-bg);
}


/* ============================================================
   28. FOCUS FOUNDATION
   ============================================================ */

:focus {
    outline: none;
}

:focus-visible {
    outline: 2px solid var(--focus-border);

    outline-offset: 3px;
}


/* ============================================================
   29. DISABLED ELEMENTS
   ============================================================ */

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
    cursor: not-allowed;

    opacity: var(--opacity-disabled);
}


/* ============================================================
   30. RESPONSIVE MEDIA
   ============================================================ */

video,
iframe,
embed,
object {
    max-width: 100%;
}


/* ============================================================
   31. SITE WRAPPER FOUNDATION
   ============================================================ */

.site-wrapper {
    position: relative;

    width: 100%;

    min-height: 100vh;

    overflow: clip;
}


/* ============================================================
   32. MAIN CONTENT FOUNDATION
   ============================================================ */

main {
    display: block;

    position: relative;

    width: 100%;
}


/* ============================================================
   33. BOOTSTRAP LINK OVERRIDE
   ============================================================ */

a:not([href]):not([class]) {
    color: inherit;

    text-decoration: none;
}


/* ============================================================
   34. BOOTSTRAP BUTTON FONT INHERITANCE
   ============================================================ */

.btn,
.form-control,
.form-select {
    font-family: var(--font-body);
}


/* ============================================================
   35. TOUCH DEVICE FOUNDATION
   ============================================================ */

a,
button,
input,
select,
textarea {
    touch-action: manipulation;
}


/* ============================================================
   36. REDUCED MOTION ACCESSIBILITY
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;

        animation-duration: 0.01ms !important;

        animation-iteration-count: 1 !important;

        transition-duration: 0.01ms !important;
    }

}


/* ============================================================
   37. PRINT FOUNDATION
   ============================================================ */

@media print {

    *,
    *::before,
    *::after {
        box-shadow: none !important;

        text-shadow: none !important;
    }

    body {
        background: var(--color-white);

        color: var(--color-black);
    }

    a {
        text-decoration: underline;
    }

    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

}
```