:root {
    color-scheme: light;
    font-family: "Segoe UI", Arial, sans-serif;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

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

html,
body {
    min-height: 100%;
    margin: 0;
}

body {
    min-width: 20rem;
    background: #fbf7fa;
    color: #51486f;
}

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

img {
    max-width: 100%;
}

a {
    color: #6967a8;
}

h1:focus {
    outline: none;
}

.system-page {
    display: grid;
    min-height: 100dvh;
    place-content: center;
    padding: 2rem;
    text-align: center;
}

.system-page h1 {
    margin: 0 0 0.75rem;
    color: #7066a5;
    font-family: Baskerville, "Baskerville Old Face", "Bodoni 72", Didot, Georgia, serif;
    font-weight: 400;
}

.system-page p {
    margin: 0;
}

.validation-message {
    color: #a1263d;
}

.blazor-error-boundary {
    padding: 1rem;
    border-radius: 0.75rem;
    background: #a1263d;
    color: white;
}

.blazor-error-boundary::after {
    content: "Something went wrong.";
}

.mud-dialog.enquiry-dialog {
    overflow: hidden;
    border: 1px solid rgba(213, 178, 210, 0.62);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(188, 162, 224, 0.2), transparent 18rem),
        linear-gradient(145deg, #fffdfd, #fbf4fb 68%, #f2f3ff);
    box-shadow: 0 1.75rem 5rem rgba(72, 58, 105, 0.28);
}

.mud-dialog.enquiry-dialog .mud-dialog-title {
    padding: 1.35rem 1.5rem 0.85rem;
    color: #66598f;
    font-family: Baskerville, "Baskerville Old Face", "Bodoni 72", Didot, Georgia, serif;
    font-size: 1.55rem;
    font-weight: 500;
}

.mud-dialog.enquiry-dialog .mud-dialog-content {
    padding: 0.75rem 1.5rem 1rem;
}

.mud-dialog.enquiry-dialog .mud-dialog-actions {
    gap: 0.35rem;
    padding: 0.75rem 1.5rem 1.35rem;
}

.mud-dialog.enquiry-dialog .mud-button-root {
    text-transform: none;
}

.mud-dialog.enquiry-dialog .enquiry-send-button {
    min-width: 8.75rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #e59aba, #ac82d5);
    box-shadow: 0 0.55rem 1.25rem rgba(129, 90, 156, 0.24);
    color: #352942;
    font-weight: 700;
}

.mud-dialog.enquiry-dialog .enquiry-send-button:hover {
    box-shadow: 0 0.75rem 1.5rem rgba(105, 75, 139, 0.28);
}

.mud-dialog.enquiry-dialog .enquiry-send-button:focus-visible {
    outline: 3px solid rgba(91, 78, 147, 0.52);
    outline-offset: 3px;
}

@media (max-width: 30rem) {
    .mud-dialog.enquiry-dialog {
        border-radius: 1.1rem;
    }

    .mud-dialog.enquiry-dialog .mud-dialog-title {
        padding-inline: 1rem;
    }

    .mud-dialog.enquiry-dialog .mud-dialog-content,
    .mud-dialog.enquiry-dialog .mud-dialog-actions {
        padding-inline: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mud-dialog.enquiry-dialog .enquiry-send-button {
        transition: none;
    }
}