/* Shared Dideban colors and supplied logo. */
:root {
    --brand-blue: #0758f9;
    --brand-blue-dark: #0044cf;
    --brand-cyan: #00b8ef;
    --brand-navy: #192239;
    --brand-soft: #eaf1ff;
    --page: #f3f6fc;
    --surface: #ffffff;
    --surface-soft: #f7f9fe;
    --ink: var(--brand-navy);
    --muted: #69758c;
    --line: #dfe6f2;
    --line-strong: #c6d3e9;
    --primary: var(--brand-blue);
    --primary-dark: var(--brand-blue-dark);
    --primary-soft: var(--brand-soft);
    --success: #087f8c;
    --success-soft: #e8f8fa;
    --shadow: 0 24px 70px rgb(25 34 57 / 10%);
}

/* Display the supplied artwork without its outer whitespace. The source is intact. */
.dideban-logo {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 68px;
    aspect-ratio: 1048 / 700;
    overflow: hidden;
    background: transparent;
}

.dideban-logo img {
    position: absolute;
    left: -9.8282%;
    top: -40.4286%;
    width: 119.6565%;
    max-width: none;
    height: auto;
    display: block;
    mix-blend-mode: multiply;
}


.brand { color: var(--brand-navy); }
.guest-body .brand-centered { margin-bottom: 28px; }
.guest-body .dideban-logo { width: 164px; }
.guest-body { background: radial-gradient(ellipse at 85% 12%, rgb(0 184 239 / 9%), transparent 42%), radial-gradient(ellipse at 10% 85%, rgb(7 88 249 / 7%), transparent 42%), var(--page); }
.ambient-one { background: rgb(7 88 249 / 12%); }
.ambient-two { background: rgb(0 184 239 / 10%); }
.auth-card { border-color: var(--line); }
.button-primary { background: var(--brand-blue); box-shadow: 0 5px 14px rgb(7 88 249 / 14%); }
.button-primary:hover { background: var(--brand-blue-dark); }
.status-dot { background: #0796a8; }
a:focus-visible, button:focus-visible { outline: 3px solid #5591ff; outline-offset: 3px; }
@media (max-width: 600px) { .guest-body .dideban-logo { width: 144px; } }