:root {
    --lotus-red: #e53935;
    --lotus-red-dark: #c62828;
    --lotus-dark: #2f2f2f;
    --lotus-muted: #777;
    --lotus-border: #eeeeee;
    --lotus-soft: #f1f3f6;
    --bg-light: #f8fafc;
    --bg-card: #ffffff;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

html {
    min-height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;

    background:
        radial-gradient(circle at top left, rgba(229, 57, 53, 0.08), transparent 32%),
        radial-gradient(circle at top right, rgba(3, 169, 244, 0.06), transparent 30%),
        var(--bg-light);
    color: var(--lotus-dark);
    line-height: 1.6;
}

a {
    color: inherit;
}

button,
input,
select {
    font: inherit;
}

button {
    cursor: pointer;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
main {
    flex: 1 0 auto;
    padding: 30px 20px 70px;
}
body.is-modal-open {
    overflow: hidden;
}
.site-messages {
    padding-top: 20px;
}

.site-message {
    padding: 14px 18px;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    background: #f7f7f7;
}

.site-message--error {
    border-color: #e4b3b3;
    background: #fff1f1;
}

.site-message--warning {
    border-color: #e7d18a;
    background: #fff9e5;
}

.site-message--success {
    border-color: #a9d4b0;
    background: #eefaf0;
}