:root {
    --wup-public-navy: #101d42;
    --wup-public-blue: #1f6fff;
    --wup-public-violet: #7031df;
    --wup-public-canvas: #f3f6fb;
    --wup-public-card: #fff;
    --wup-public-border: #dce4f1;
    --wup-public-text: #12203d;
    --wup-public-muted: #68758d;
    --wup-public-radius: 18px;
    --wup-public-shadow: 0 12px 35px rgba(25,42,76,.1);
    --wup-ink: #0b1728;
    --wup-muted: #5f6d7d;
    --wup-blue: #1264ff;
    --wup-cyan: #19c7d4;
    --wup-violet: #7256ff;
    --wup-orange: #ff784f;
    --wup-yellow: #ffd35a;
    --wup-green: #16a46f;
    --wup-line: #dce4ee;
    --wup-shell: 1320px
}

body.wup-public {
    min-height: 100vh;
    background: var(--wup-public-canvas);
    color: var(--wup-public-text);
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}

.wup-auth-canvas {
    min-height: calc(100vh - 72px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 36px 16px
}

.wup-auth-card {
    width: 100%;
    max-width: 460px;
    background: var(--wup-public-card);
    border: 1px solid var(--wup-public-border);
    border-radius: var(--wup-public-radius);
    box-shadow: var(--wup-public-shadow);
    padding: 28px
}

.wup-auth-icon {
    width: 54px;
    height: 54px;
    border-radius: 15px;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg,var(--wup-public-blue),var(--wup-public-violet));
    color: #fff;
    font-size: 1.25rem
}

.wup-auth-card h1 {
    text-align: center;
    font-size: 1.45rem;
    font-weight: 750
}

.wup-auth-subtitle {
    text-align: center;
    color: var(--wup-public-muted);
    margin-bottom: 24px
}

.wup-auth-links {
    text-align: center;
    margin-top: 18px;
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap
}

.wup-primary-gradient {
    background: linear-gradient(110deg,var(--wup-public-blue),var(--wup-public-violet));
    border: 0;
    color: #fff
}

.wup-primary-gradient:hover {
    color: #fff;
    filter: brightness(.96)
}

.wup-auth-code-destination {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 0 0 1rem;
    padding: .7rem .8rem;
    border-radius: 11px;
    background: #eef5ff;
    color: #315fba;
    font-size: .8rem
}

.wup-auth-code-destination i {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 9px;
    background: #dce9ff
}

.wup-auth-code-input {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: .4em
}

.wup-auth-resend {
    margin-top: .8rem;
    color: var(--wup-public-muted);
    font-size: .76rem;
    text-align: center
}

.wup-auth-resend-form {
    margin-top: .5rem;
    text-align: center
}

.wup-auth-resend-form .btn {
    font-weight: 400
}

.wup-public-main {
    min-height: calc(100vh - 72px);
    padding: 64px 20px;
    background: radial-gradient(circle at 15% 0,rgba(31,111,255,.12),transparent 28%),radial-gradient(circle at 88% 4%,rgba(112,49,223,.11),transparent 30%),var(--wup-public-canvas)
}

.wup-public-main .wup-shell {
    max-width: 1180px;
    margin: auto
}

.wup-public-main .wup-card {
    background: var(--wup-public-card);
    border: 1px solid var(--wup-public-border);
    border-radius: var(--wup-public-radius);
    box-shadow: var(--wup-public-shadow)
}

.wup-public-main .wup-status-dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 7px;
    border-radius: 50%;
    background: #22a06b;
    box-shadow: 0 0 0 4px rgba(34,160,107,.13)
}

.wup-cms-main {
    padding: 36px 20px 64px
}

.wup-cms-container {
    max-width: 980px
}

.wup-cms-article {
    background: #fff;
    border: 1px solid #e3e9f2;
    border-radius: 18px;
    box-shadow: 0 18px 50px rgba(27,44,73,.08);
    overflow: hidden
}

.wup-cms-article-head {
    padding: 38px 42px 28px;
    border-bottom: 1px solid #edf1f6
}

.wup-cms-article-head h1 {
    margin: 10px 0 8px;
    font-size: 2.25rem
}

.wup-cms-article-head p {
    color: #67768d;
    margin: 0;
    font-size: 1.05rem
}

.wup-cms-type {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eaf3ff;
    color: #2463aa;
    font-size: .76rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em
}

.wup-cms-content,.wup-cms-blocks {
    padding: 36px 42px
}

.wup-cms-content img {
    max-width: 100%;
    height: auto;
    border-radius: 12px
}

.wup-cms-contact label {
    display: grid;
    gap: 6px
}

.wup-honeypot {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px
}

@media(max-width:767px) {
    .wup-cms-article-head,.wup-cms-content,.wup-cms-blocks {
        padding: 24px
    }

    .wup-cms-article-head h1 {
        font-size: 1.75rem
    }

}

/* Standalone sign-in: the homepage login experience without modal behaviour. */
.wup-public-v553 .wup-auth-canvas-login {
    position: relative;
    isolation: isolate;
    min-height: calc(100dvh - 112px);
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 20%,rgba(56,189,248,.16),transparent 30%),
        radial-gradient(circle at 82% 78%,rgba(109,56,232,.15),transparent 34%),
        linear-gradient(145deg,#f8fbff 0%,#eef5ff 52%,#f8f6ff 100%)
}

.wup-public-v553 .wup-auth-canvas-login::before {
    position: absolute;
    z-index: -2;
    inset: 0;
    background-image:
        linear-gradient(rgba(84,112,154,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(84,112,154,.055) 1px,transparent 1px);
    background-size: 34px 34px;
    content: "";
    mask-image: linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)
}

.wup-public-v553 .wup-auth-standalone {
    position: relative;
    display: grid;
    width: min(100%,460px);
    place-items: center
}

.wup-public-v553 .wup-auth-standalone::before {
    position: absolute;
    z-index: -1;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(18,100,255,.12);
    border-radius: 50%;
    box-shadow: 0 0 0 44px rgba(18,100,255,.035),0 0 0 88px rgba(109,56,232,.025);
    content: "";
    animation: wupAuthHalo 8s ease-in-out infinite
}

.wup-public-v553 .wup-auth-standalone-dialog.wup-public-login-dialog {
    width: min(100%,420px);
    max-height: none;
    overflow: visible;
    opacity: 1;
    transform: none
}

.wup-public-v553 .wup-auth-standalone .wup-public-login-heading {
    padding-right: 0
}

.wup-public-v553 .wup-auth-standalone .wup-public-login-heading h1 {
    margin: 0;
    color: #0b1728;
    font-size: 1.28rem;
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.18
}

.wup-public-v553 .wup-auth-standalone-success {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 9px 11px;
    border: 1px solid #bbf7d0;
    border-radius: 9px;
    background: #f0fdf4;
    color: #157347;
    font-size: .73rem;
    font-weight: 650;
    line-height: 1.45
}

.wup-public-v553 .wup-auth-standalone-success i {
    margin-top: 2px;
    color: #16a34a
}

.wup-public-v553 .wup-auth-standalone-orbit {
    position: absolute;
    z-index: -1;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #1264ff;
    box-shadow: 0 0 0 7px rgba(18,100,255,.1),0 0 22px rgba(18,100,255,.45)
}

.wup-public-v553 .wup-auth-standalone-orbit.is-one {
    top: 5%;
    left: -3%;
    animation: wupAuthFloat 5.6s ease-in-out infinite
}

.wup-public-v553 .wup-auth-standalone-orbit.is-two {
    right: -4%;
    bottom: 8%;
    background: #7c3aed;
    box-shadow: 0 0 0 7px rgba(124,58,237,.1),0 0 22px rgba(124,58,237,.4);
    animation: wupAuthFloat 5.6s ease-in-out -2.8s infinite
}

@keyframes wupAuthHalo {
    0%,
    100% {
        transform: scale(.98);
        opacity: .68;
    }

    50% {
        transform: scale(1.035);
        opacity: 1;
    }
}

@keyframes wupAuthFloat {
    0%,
    100% {
        transform: translate3d(0,0,0);
    }

    50% {
        transform: translate3d(0,-14px,0);
    }
}

@media(max-width:520px) {
    .wup-public-v553 .wup-auth-canvas-login {
        min-height: calc(100dvh - 94px);
        padding: 24px 14px 30px
    }

    .wup-public-v553 .wup-auth-standalone::before {
        width: 330px;
        height: 330px;
        box-shadow: 0 0 0 32px rgba(18,100,255,.035)
    }

    .wup-public-v553 .wup-auth-standalone-dialog.wup-public-login-dialog {
        padding: 20px 17px;
        border-radius: 15px
    }

    .wup-public-v553 .wup-auth-standalone .wup-public-login-heading h1 {
        font-size: 1.16rem
    }

    .wup-public-v553 .wup-auth-standalone-orbit {
        display: none
    }
}

@media(prefers-reduced-motion:reduce) {
    .wup-public-v553 .wup-auth-standalone::before,
    .wup-public-v553 .wup-auth-standalone-orbit {
        animation: none
    }
}