/* The owned signup pages share the Sites.gy auth/portal palette. */
body.sitesgy-signup-page {
    margin: 0;
    min-height: 100vh;
    background: radial-gradient(ellipse at 82% 12%, #143e405c 0, transparent 42%), radial-gradient(ellipse at 17% 86%, #36205b66 0, transparent 43%), #07121c;
    background-attachment: fixed;
    color: #eef5ff;
    font: 15px/1.65 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.sitesgy-signup-page .sitesgy-signup-shell {
    box-sizing: border-box;
    width: min(560px, calc(100% - 32px));
    margin: clamp(24px, 6vh, 72px) auto;
}

.sitesgy-signup-page main.sitesgy-signup {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 38px 40px 26px;
    border: 1px solid #a4c9e32b;
    border-radius: 24px;
    background: linear-gradient(145deg, #112b35dc, #101b2de8 58%, #1b1330db);
    box-shadow: 0 24px 70px #00000030;
    color: #eef5ff;
    font: 15px/1.65 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    text-align: left;
    overflow-wrap: break-word;
}

.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-brand { display: inline-block; margin-bottom: 24px; line-height: 0; }
.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-logo { display: block; width: 180px; height: auto; max-width: 100%; max-height: 76px; object-fit: contain; object-position: left center; }
.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-eyebrow {
    margin: 0 0 14px;
    color: #36ebce;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-title {
    margin: 0 0 12px;
    padding: 0;
    color: #f4f8ff !important;
    font: 700 32px/1.2 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    letter-spacing: -.035em;
    text-transform: none;
}
.sitesgy-signup-page .sitesgy-signup p { margin: 16px 0; font-size: 14px; line-height: 1.65; color: #afc3da; }
.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-intro { margin: 0 0 26px; font-size: 15px; }
.sitesgy-signup-page .sitesgy-signup a { color: #8ae5f2; text-decoration: none; }
.sitesgy-signup-page .sitesgy-signup a:hover { text-decoration: underline; }

.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-google,
.sitesgy-signup-page .sitesgy-signup button[type="submit"],
.sitesgy-signup-page .sitesgy-signup input[type="submit"] {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 13px 18px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: #35e6c8;
    color: #052b2d;
    font: 600 15px/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    box-shadow: none;
    cursor: pointer;
}
.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-google { border-color: #d5dfeb; background: #fff; color: #172532; }
.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-google:hover { background: #f0f5fa; text-decoration: none; }
.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-google-choice { margin: 0; }
.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-divider { display: flex; align-items: center; gap: 14px; margin: 22px 0; color: #a9bfd6; font-size: 12px; }
.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-divider::before,
.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-divider::after { content: ""; flex: 1; height: 1px; background: #a4c9e32b; }

.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-email { min-width: 0; margin-top: 24px; color: #d9e7f7; }
.sitesgy-signup-page .sitesgy-signup-email .row { margin: 0; }
.sitesgy-signup-page .sitesgy-signup-email .card,
.sitesgy-signup-page .sitesgy-signup-email .uwp-content-wrap,
.sitesgy-signup-page .sitesgy-signup-email .uwp-registration {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #d9e7f7;
}
.sitesgy-signup-page .sitesgy-signup-email .card-body { padding: 0; }
.sitesgy-signup-page .sitesgy-signup-email .uwp-footer-links,
.sitesgy-signup-page .sitesgy-signup-email .uwp-login-now { display: none; }
.sitesgy-signup-page .sitesgy-signup-email label,
.sitesgy-signup-page .sitesgy-signup-email p,
.sitesgy-signup-page .sitesgy-signup-email small,
.sitesgy-signup-page .sitesgy-signup-email .form-text,
.sitesgy-signup-page .sitesgy-signup-email .text-muted {
    color: #afc3da !important;
    font-size: 14px;
    line-height: 1.5;
    opacity: 1;
}
.sitesgy-signup-page .sitesgy-signup-email label { color: #d9e7f7 !important; font-weight: 500; }
.sitesgy-signup-page .sitesgy-signup-email input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.sitesgy-signup-page .sitesgy-signup-email select,
.sitesgy-signup-page .sitesgy-signup-email textarea {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    min-height: 46px;
    border: 1px solid #58778c;
    border-radius: 8px;
    background: #081321 !important;
    color: #edf4ff !important;
    caret-color: #35e6c8;
    font: 16px/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    box-shadow: none;
}
.sitesgy-signup-page .sitesgy-signup-email input::placeholder,
.sitesgy-signup-page .sitesgy-signup-email textarea::placeholder { color: #a4b6cb !important; opacity: 1; }
.sitesgy-signup-page .sitesgy-signup-email .input-group-text,
.sitesgy-signup-page .sitesgy-signup-email .input-group-append button,
.sitesgy-signup-page .sitesgy-signup-email .input-group-prepend button { border-color: #58778c; background: #102233 !important; color: #d9e7f7 !important; }
.sitesgy-signup-page .sitesgy-signup-email .input-group-text i,
.sitesgy-signup-page .sitesgy-signup-email .input-group-text svg { color: #d9e7f7 !important; }
.sitesgy-signup-page .sitesgy-signup-email input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #081321 inset; -webkit-text-fill-color: #edf4ff; }
.sitesgy-signup-page .sitesgy-signup-email input[type="checkbox"] { accent-color: #35e6c8; }
.sitesgy-signup-page .sitesgy-signup .sitesgy-registration-challenge { max-width: 100%; margin: 18px 0; }

.sitesgy-signup-page .sitesgy-signup [role="alert"],
.sitesgy-signup-page .sitesgy-signup-email .alert,
.sitesgy-signup-page .sitesgy-signup-email .uwp-errors {
    padding: 12px 14px;
    border: 1px solid #ab6479;
    border-radius: 8px;
    background: #351e2c;
    color: #ffd6e1 !important;
    font-size: 14px;
}
.sitesgy-signup-page .sitesgy-signup-email .alert p,
.sitesgy-signup-page .sitesgy-signup-email .alert a { color: #ffd6e1 !important; }
.sitesgy-signup-page .sitesgy-signup-email .alert-success { border-color: #408c7a; background: #0b322f; color: #bef4dc !important; }
.sitesgy-signup-page .sitesgy-signup-email .text-danger { color: #ffbfce !important; }
.sitesgy-signup-page .sitesgy-signup a:focus-visible,
.sitesgy-signup-page .sitesgy-signup button:focus-visible,
.sitesgy-signup-page .sitesgy-signup input:focus-visible,
.sitesgy-signup-page .sitesgy-signup select:focus-visible,
.sitesgy-signup-page .sitesgy-signup textarea:focus-visible { outline: 3px solid #35e6c8; outline-offset: 3px; }
.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-signin { margin: 24px 0 0; text-align: center; }
.sitesgy-signup-page .sitesgy-signup .sitesgy-signup-security { margin: 24px 0 0; padding-top: 18px; border-top: 1px solid #a4c9e326; color: #9bb1cc; font-size: 12px; }
.sitesgy-signup-page .sitesgy-signup-shell .sitesgy-signup-footer { margin: 18px 0 0; color: #93aac5; font-size: 11px; text-align: center; }

@media (max-width: 480px) {
    .sitesgy-signup-page .sitesgy-signup-shell { width: calc(100% - 24px); margin: 20px auto; }
    .sitesgy-signup-page main.sitesgy-signup { padding: 26px 20px 22px; border-radius: 20px; }
    .sitesgy-signup-page .sitesgy-signup .sitesgy-signup-title { font-size: 28px !important; }
    .sitesgy-signup-page .sitesgy-signup .sitesgy-signup-logo { width: 160px; }
}