/* /Components/Layout/CanvasSidebar.razor.rz.scp.css */
/* File: Linteum.BlazorApp/Components/Layout/CanvasSidebar.razor.css */
.sidebar[b-wrpnxcbof1] {
    width: 300px;
    min-width: 300px;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    pointer-events: auto;

    background: var(--sb-bg);
    border-right: 1px solid rgba(201, 95, 27, 0.28);
    backdrop-filter: blur(12px);
    box-shadow: 16px 0 34px rgba(160, 88, 33, 0.18);

    transition: width 0.24s ease, min-width 0.24s ease, visibility 0.24s ease;
}

.sidebar.collapsed[b-wrpnxcbof1] {
    width: 0;
    min-width: 0;
    visibility: hidden;
    pointer-events: none;
}

.sidebar-header[b-wrpnxcbof1] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;

    min-height: 84px;
    padding: 1.1rem 2.9rem 1rem 1rem;

    color: var(--sb-accent-dark);
    border-bottom: 1px solid rgba(201, 95, 27, 0.25);
    background: linear-gradient(180deg, rgba(255, 252, 246, 0.85), rgba(255, 244, 229, 0.55));
}

.sidebar-faq-btn[b-wrpnxcbof1] {
    flex: 0 0 auto;
    border-radius: 10px;
    border: 1px solid rgba(201, 95, 27, 0.34);
    background: rgba(255, 255, 255, 0.8);
    color: #8f3d11;
    font-weight: 700;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.32rem 0.62rem;
    line-height: 1.2;
}

.sidebar-faq-btn:hover[b-wrpnxcbof1] {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(201, 95, 27, 0.5);
    color: #8f3d11;
}

.sidebar-username[b-wrpnxcbof1] {
    flex: 1 1 auto;
    color: var(--sb-accent-dark);
    font-family: "Sora", "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.03em;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-cog-btn[b-wrpnxcbof1] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid rgba(201, 95, 27, 0.26);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 7px 16px rgba(160, 88, 33, 0.16);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.sidebar-cog-btn:hover[b-wrpnxcbof1] {
    transform: translateY(-50%) translateY(-1px);
    box-shadow: 0 10px 18px rgba(160, 88, 33, 0.22);
}

.sidebar-cog-img[b-wrpnxcbof1] {
    width: 18px;
    height: 18px;
}

.sidebar-section-title[b-wrpnxcbof1] {
    margin: 1rem 0 0.25rem;
    padding: 0 1rem;
    color: rgba(154, 65, 16, 0.86);
    font-size: 0.73rem;
    font-family: "Sora", "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.sidebar-content[b-wrpnxcbof1] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0.2rem 0 1rem;
    opacity: 1;
    transition: opacity 0.18s ease;
}

.sidebar.collapsed .sidebar-content[b-wrpnxcbof1] {
    opacity: 0;
    pointer-events: none;
}

.sidebar-content[b-wrpnxcbof1]::-webkit-scrollbar {
    width: 8px;
}

.sidebar-content[b-wrpnxcbof1]::-webkit-scrollbar-thumb {
    background: rgba(201, 95, 27, 0.28);
    border-radius: 30px;
}

.sidebar-canvas-list[b-wrpnxcbof1] {
    margin: 0;
    padding: 0.25rem 0.6rem;
}

.sidebar-canvas-item[b-wrpnxcbof1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;

    margin: 0.45rem 0;
    padding: 0.62rem 0.65rem 0.62rem 0.72rem;
    border-radius: 14px;
    border: 1px solid rgba(201, 95, 27, 0.16);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 9px 20px rgba(160, 88, 33, 0.12);

    color: #8c3a0f;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.sidebar-canvas-item:hover[b-wrpnxcbof1] {
    transform: translateY(-1px);
    border-color: rgba(201, 95, 27, 0.34);
    box-shadow: 0 12px 23px rgba(160, 88, 33, 0.18);
    color: var(--sb-accent-dark);
    background: rgba(255, 255, 255, 0.85) !important;
}

.canvas-name-container[b-wrpnxcbof1] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

.canvas-name-text[b-wrpnxcbof1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.unsubscribe-container[b-wrpnxcbof1] {
    flex: 0 0 auto;
    margin-left: 0.35rem;
}

.btn-unsubscribe[b-wrpnxcbof1] {
    min-width: 0;
    height: 25px;
    padding: 0.18rem 0.46rem;
    border-radius: 9px;
    border: 1px solid rgba(212, 60, 78, 0.33);
    background: rgba(255, 255, 255, 0.72);
    color: #b1293d;
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-unsubscribe:hover[b-wrpnxcbof1] {
    background: #d43c4e;
    color: #fff;
}

.sidebar-bottom-actions[b-wrpnxcbof1] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin: 0.85rem 0.8rem 1rem;
    width: calc(100% - 1.6rem);
    max-width: 284px;
    opacity: 1;
    transition: opacity 0.18s ease;
}

.sidebar-bottom-actions .btn[b-wrpnxcbof1] {
    width: 100%;
    border-radius: 13px;
    padding: 0.62rem 0.72rem;
    font-size: 0.79rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.sidebar-bottom-actions .btn.btn-primary[b-wrpnxcbof1] {
    background: linear-gradient(135deg, #e76d23, #f28c3a);
    border: 1px solid rgba(181, 70, 10, 0.3);
    box-shadow: 0 10px 20px rgba(175, 78, 16, 0.25);
}

.sidebar-bottom-actions .btn.btn-primary:hover[b-wrpnxcbof1] {
    box-shadow: 0 13px 22px rgba(175, 78, 16, 0.32);
}

.sidebar-bottom-actions .btn.btn-outline-primary[b-wrpnxcbof1] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(201, 95, 27, 0.34);
    color: #8f3d11;
    box-shadow: 0 9px 18px rgba(160, 88, 33, 0.14);
}

.sidebar-bottom-actions .btn.btn-outline-primary:hover[b-wrpnxcbof1] {
    color: #8f3d11;
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(201, 95, 27, 0.5);
}

.sidebar-collapse-btn[b-wrpnxcbof1] {
    position: fixed;
    top: 50%;
    left: 308px;
    transform: translateY(-50%);
    z-index: 1101;

    width: 28px;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(201, 95, 27, 0.3);
    border-left: none;
    border-radius: 0 12px 12px 0;
    background: rgba(255, 248, 240, 0.9);
    box-shadow: 8px 10px 20px rgba(160, 88, 33, 0.18);

    color: #a64814;
    font-size: 0.9rem;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.2s ease;
}

.sidebar-collapse-btn:hover[b-wrpnxcbof1] {
    width: 30px;
    color: #8f3d11;
    background: rgba(255, 249, 244, 0.98);
}

.sidebar-collapse-btn.collapsed[b-wrpnxcbof1] {
    left: 0;
}

@media (max-width: 980px) {
    .sidebar[b-wrpnxcbof1] {
        width: 280px;
        min-width: 280px;
    }
}
/* /Components/Pages/CanvasAdd.razor.rz.scp.css */
.settings-container[b-gh4n5opqpl] {
    width: min(840px, calc(100% - 2rem));
    margin: 1.25rem auto;
    padding: 1.55rem;
    border-radius: 24px;
    border: 1px solid rgba(95, 118, 153, 0.22);
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(12px);
    box-shadow: 0 22px 55px rgba(26, 62, 125, 0.16);

    display: flex;
    flex-direction: column;
    gap: 0.88rem;
}

.settings-header h2[b-gh4n5opqpl] {
    margin: 0;
    color: #1b4a96;
    font-family: "Sora", "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: clamp(1.2rem, 2.1vw, 1.55rem);
    letter-spacing: 0.02em;
    text-transform: none;
}

.settings-header p[b-gh4n5opqpl] {
    margin: 0.42rem 0 0;
    color: rgba(47, 74, 114, 0.84);
    font-size: 0.86rem;
}

.settings-section[b-gh4n5opqpl] {
    border: 1px solid rgba(95, 118, 153, 0.2);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.58);
    padding: 0.9rem 0.95rem;
    display: flex;
    flex-direction: column;
    gap: 0.72rem;
}

.settings-section-title[b-gh4n5opqpl] {
    margin: 0;
    color: rgba(18, 61, 138, 0.9);
    font-size: 0.73rem;
    font-family: "Sora", "Plus Jakarta Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    font-weight: 700;
}

.settings-container label[b-gh4n5opqpl] {
    display: inline-block;
    margin-bottom: 0.32rem;
    color: rgba(18, 61, 138, 0.84);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.settings-container .form-control[b-gh4n5opqpl] {
    border-radius: 12px;
    border: 1px solid rgba(95, 118, 153, 0.28);
    background: rgba(255, 255, 255, 0.92);
    color: #13243d;
    padding: 0.64rem 0.76rem;
    box-shadow: none;
}

.settings-container .form-control:focus[b-gh4n5opqpl] {
    border-color: rgba(45, 114, 221, 0.45);
    box-shadow: 0 0 0 3px rgba(45, 114, 221, 0.2);
    outline: none;
}

.settings-container .btn[b-gh4n5opqpl] {
    min-height: 40px;
    padding: 0.5rem 0.8rem;
    border-radius: 12px;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-weight: 700;
}

.settings-container .btn-primary[b-gh4n5opqpl] {
    background: linear-gradient(135deg, #2668cc, #3980e6);
    border: 1px solid rgba(26, 73, 150, 0.3);
    color: #fff !important;
    box-shadow: 0 10px 20px rgba(29, 83, 169, 0.2);
}

.settings-container .btn-primary:hover[b-gh4n5opqpl] {
    color: #fff !important;
}

.settings-container small.text-muted[b-gh4n5opqpl] {
    color: rgba(47, 74, 114, 0.78) !important;
    font-size: 0.75rem;
}

.settings-container .fixed-width[b-gh4n5opqpl] {
    width: min(350px, 100%);
}

.action-row[b-gh4n5opqpl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.dimension-grid[b-gh4n5opqpl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem 0.8rem;
}

.settings-container .mb-3[b-gh4n5opqpl],
.settings-container .mb-4[b-gh4n5opqpl],
.settings-container .mt-4[b-gh4n5opqpl] {
    margin: 0 !important;
}

.settings-container .d-flex[b-gh4n5opqpl] {
    display: flex;
}

.settings-container .align-items-center[b-gh4n5opqpl] {
    align-items: center;
}

.settings-container .gap-2[b-gh4n5opqpl] {
    gap: 0.5rem !important;
}

.settings-container .me-2[b-gh4n5opqpl] {
    margin-right: 0 !important;
}

.settings-container .text-danger[b-gh4n5opqpl] {
    color: #bf3047 !important;
    font-size: 0.76rem;
    font-weight: 600;
}

@media (max-width: 860px) {
    .settings-container[b-gh4n5opqpl] {
        width: calc(100% - 1rem);
        margin-top: 0.65rem;
        padding: 1rem;
        gap: 0.84rem;
    }

    .settings-container .d-flex[b-gh4n5opqpl] {
        flex-direction: column;
        align-items: stretch !important;
    }

    .settings-container .fixed-width[b-gh4n5opqpl] {
        width: 100%;
    }

    .action-row[b-gh4n5opqpl] {
        flex-direction: column;
        align-items: stretch;
    }

    .dimension-grid[b-gh4n5opqpl] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .settings-container .btn[b-gh4n5opqpl] {
        width: 100%;
    }
}
/* /Components/Pages/CanvasPage.razor.rz.scp.css */
.canvas-shell[b-muv50i8f2c] {
    gap: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.canvas-viewport[b-muv50i8f2c] {
    border: none;
    background: transparent;
    box-shadow: none;
    flex: 1 1 auto;
}

.canvas-renderer[b-muv50i8f2c] {
    border-radius: 0;
    overflow: visible;
}

.canvas-coordinates[b-muv50i8f2c] {
    margin: 0.55rem;
    padding: 0.24rem 0.5rem;
    border-radius: 9px;
    border: 1px solid rgba(201, 95, 27, 0.38);
    background: rgba(255, 242, 230, 0.88);
    color: #8a360f;
    box-shadow: 0 8px 20px rgba(149, 71, 20, 0.2);
    font-family: "JetBrains Mono", "Consolas", monospace;
    font-size: 0.72rem;
    font-weight: 700;
}

@media (max-width: 1100px) {
    .canvas-shell[b-muv50i8f2c] {
        gap: 0;
    }
}
/* /Components/Pages/CanvasSubscribe.razor.rz.scp.css */
.settings-container[b-6d2k5z7t72] {
    width: min(840px, calc(100% - 2rem));
    margin: 1.25rem auto;
    padding: 1.55rem;
    border-radius: 24px;
    border: 1px solid rgba(95, 118, 153, 0.22);
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(12px);
    box-shadow: 0 22px 55px rgba(26, 62, 125, 0.16);

    display: flex;
    flex-direction: column;
    gap: 0.88rem;
}

.settings-header h2[b-6d2k5z7t72] {
    margin: 0;
    color: #1b4a96;
    font-family: "Sora", "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: clamp(1.2rem, 2.1vw, 1.55rem);
    letter-spacing: 0.02em;
    text-transform: none;
}

.settings-header p[b-6d2k5z7t72] {
    margin: 0.42rem 0 0;
    color: rgba(47, 74, 114, 0.84);
    font-size: 0.86rem;
}

.settings-section[b-6d2k5z7t72] {
    border: 1px solid rgba(95, 118, 153, 0.2);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.58);
    padding: 0.9rem 0.95rem;
    display: flex;
    flex-direction: column;
    gap: 0.72rem;
}

.settings-section-title[b-6d2k5z7t72] {
    margin: 0;
    color: rgba(18, 61, 138, 0.9);
    font-size: 0.73rem;
    font-family: "Sora", "Plus Jakarta Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    font-weight: 700;
}

.settings-container label[b-6d2k5z7t72] {
    display: inline-block;
    margin-bottom: 0.32rem;
    color: rgba(18, 61, 138, 0.84);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.settings-container .form-control[b-6d2k5z7t72] {
    border-radius: 12px;
    border: 1px solid rgba(95, 118, 153, 0.28);
    background: rgba(255, 255, 255, 0.92);
    color: #13243d;
    padding: 0.64rem 0.76rem;
    box-shadow: none;
}

.settings-container .form-control:focus[b-6d2k5z7t72] {
    border-color: rgba(45, 114, 221, 0.45);
    box-shadow: 0 0 0 3px rgba(45, 114, 221, 0.2);
    outline: none;
}

.settings-container .btn[b-6d2k5z7t72] {
    min-height: 40px;
    padding: 0.5rem 0.8rem;
    border-radius: 12px;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-weight: 700;
}

.settings-container .btn-primary[b-6d2k5z7t72] {
    background: linear-gradient(135deg, #2668cc, #3980e6);
    border: 1px solid rgba(26, 73, 150, 0.3);
    color: #fff !important;
    box-shadow: 0 10px 20px rgba(29, 83, 169, 0.2);
}

.settings-container .btn-primary:hover[b-6d2k5z7t72] {
    color: #fff !important;
}

.settings-container small.text-muted[b-6d2k5z7t72] {
    color: rgba(47, 74, 114, 0.78) !important;
    font-size: 0.75rem;
}

.settings-container .fixed-width[b-6d2k5z7t72] {
    width: min(350px, 100%);
}

.action-row[b-6d2k5z7t72] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.canvas-search-results[b-6d2k5z7t72] {
    position: absolute;
    z-index: 1000;
    margin-top: 0.32rem;
    width: min(350px, 100%);
    max-height: 210px;
    overflow-y: auto;
    border: 1px solid rgba(95, 118, 153, 0.24);
    border-radius: 12px;
    box-shadow: 0 14px 28px rgba(18, 56, 123, 0.16);
    background: rgba(255, 255, 255, 0.96);
}

.canvas-search-results .list-group-item[b-6d2k5z7t72] {
    border-left: 0;
    border-right: 0;
    padding: 0.48rem 0.66rem;
    font-size: 0.8rem;
    color: #244d8f;
}

.canvas-search-item[b-6d2k5z7t72] {
    cursor: pointer;
}

.canvas-search-item:hover[b-6d2k5z7t72] {
    background: rgba(242, 248, 255, 0.88);
}

.canvas-lock-hint[b-6d2k5z7t72] {
    border: 1px solid rgba(95, 118, 153, 0.3);
    border-radius: 99px;
    padding: 0.12rem 0.4rem;
    color: rgba(50, 76, 115, 0.72);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.settings-container .mb-3[b-6d2k5z7t72],
.settings-container .mb-4[b-6d2k5z7t72],
.settings-container .mt-4[b-6d2k5z7t72] {
    margin: 0 !important;
}

.settings-container .d-flex[b-6d2k5z7t72] {
    display: flex;
}

.settings-container .align-items-center[b-6d2k5z7t72] {
    align-items: center;
}

.settings-container .gap-2[b-6d2k5z7t72] {
    gap: 0.5rem !important;
}

.settings-container .me-2[b-6d2k5z7t72] {
    margin-right: 0 !important;
}

.settings-container .text-danger[b-6d2k5z7t72] {
    color: #bf3047 !important;
    font-size: 0.76rem;
    font-weight: 600;
}

@media (max-width: 860px) {
    .settings-container[b-6d2k5z7t72] {
        width: calc(100% - 1rem);
        margin-top: 0.65rem;
        padding: 1rem;
        gap: 0.84rem;
    }

    .settings-container .d-flex[b-6d2k5z7t72] {
        flex-direction: column;
        align-items: stretch !important;
    }

    .settings-container .fixed-width[b-6d2k5z7t72] {
        width: 100%;
    }

    .action-row[b-6d2k5z7t72] {
        flex-direction: column;
        align-items: stretch;
    }

    .canvas-search-results[b-6d2k5z7t72] {
        width: 100%;
    }

    .settings-container .btn[b-6d2k5z7t72] {
        width: 100%;
    }
}
/* /Components/Pages/FaqPage.razor.rz.scp.css */
.faq-container[b-jx7y577egq] {
    max-width: 980px;
    margin: 0 auto;
    padding: 1.25rem 0.5rem 2rem;
}

.faq-header h2[b-jx7y577egq] {
    margin: 0;
}

.faq-header p[b-jx7y577egq] {
    margin: 0.45rem 0 1.1rem;
    color: rgba(47, 74, 114, 0.84);
    font-size: 0.88rem;
}

.faq-grid[b-jx7y577egq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.faq-section[b-jx7y577egq] {
    margin: 0;
    padding: 1rem 1rem 0.95rem;
    border: 1px solid rgba(95, 118, 153, 0.22);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.68);
    box-shadow: 0 12px 26px rgba(22, 60, 126, 0.12);
}

.faq-section h4[b-jx7y577egq] {
    margin: 0 0 0.6rem;
    color: #1a4f9e;
    font-size: 0.92rem;
    letter-spacing: 0.01em;
}

.faq-section p[b-jx7y577egq] {
    margin-bottom: 0.5rem;
    color: #27466d;
    font-size: 0.85rem;
    line-height: 1.5;
}

.faq-section p:last-child[b-jx7y577egq] {
    margin-bottom: 0;
}

.faq-wide[b-jx7y577egq] {
    grid-column: span 2;
}

@media (max-width: 900px) {
    .faq-grid[b-jx7y577egq] {
        grid-template-columns: 1fr;
    }

    .faq-wide[b-jx7y577egq] {
        grid-column: auto;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.background[b-4zlx5oxdk5] {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.3rem;
    overflow: hidden;

    background:
        radial-gradient(circle at 12% 18%, rgba(245, 150, 67, 0.42), transparent 42%),
        radial-gradient(circle at 84% 22%, rgba(75, 139, 234, 0.38), transparent 44%),
        radial-gradient(circle at 58% 80%, rgba(110, 184, 157, 0.2), transparent 48%),
        linear-gradient(140deg, #fff4ea 0%, #eef7ff 46%, #e5efff 100%);
}

.background[b-4zlx5oxdk5]::before,
.background[b-4zlx5oxdk5]::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    animation: floatBlur-b-4zlx5oxdk5 9s ease-in-out infinite;
    pointer-events: none;
}

.background[b-4zlx5oxdk5]::before {
    width: 340px;
    height: 340px;
    left: -120px;
    top: 52%;
    background: rgba(239, 122, 47, 0.24);
}

.background[b-4zlx5oxdk5]::after {
    width: 360px;
    height: 360px;
    right: -130px;
    top: -70px;
    background: rgba(45, 114, 221, 0.24);
    animation-delay: -4s;
}

.brand-title[b-4zlx5oxdk5] {
    position: relative;
    z-index: 1;
    margin: 0 0 1.4rem;

    font-family: "Sora", "Plus Jakarta Sans", sans-serif;
    font-size: clamp(2.4rem, 5.8vw, 4.4rem);
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.14em;

    background: linear-gradient(90deg, #d5651f 0%, #9d4a1e 30%, #2a65cb 75%, #1a4fa6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    user-select: none;
}

.login-container[b-4zlx5oxdk5] {
    position: relative;
    z-index: 1;

    width: min(460px, 100%);
    border-radius: 24px;
    border: 1px solid rgba(95, 118, 153, 0.25);
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    box-shadow: 0 25px 60px rgba(27, 63, 128, 0.2);

    display: flex;
    flex-direction: column;
    gap: 0.78rem;
    padding: 1.55rem;
}

.auth-header[b-4zlx5oxdk5] {
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
}

.auth-header h3[b-4zlx5oxdk5] {
    margin: 0;
    text-align: left;
    color: var(--accent3);
    font-family: "Sora", "Plus Jakarta Sans", sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: none;
}

.auth-header p[b-4zlx5oxdk5] {
    margin: 0;
    color: rgba(47, 74, 114, 0.84);
    font-size: 0.84rem;
}

.login-container .alert[b-4zlx5oxdk5] {
    margin: 0 0 0.2rem;
    border-radius: 12px;
    font-size: 0.86rem;
    padding: 0.56rem 0.7rem;
}

.login-container label[b-4zlx5oxdk5] {
    margin-bottom: 0.28rem;
    color: rgba(18, 61, 138, 0.82);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.login-container .form-control[b-4zlx5oxdk5] {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(95, 118, 153, 0.28);
    background: rgba(255, 255, 255, 0.9);
    color: #15253f;
    padding: 0.66rem 0.78rem;
    box-shadow: none;
}

.login-container .form-control:focus[b-4zlx5oxdk5] {
    border-color: rgba(45, 114, 221, 0.48);
    box-shadow: 0 0 0 3px rgba(45, 114, 221, 0.2);
    outline: none;
}

.field-hint[b-4zlx5oxdk5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    border-radius: 99px;
    border: 1px solid rgba(95, 118, 153, 0.34);
    color: rgba(47, 74, 114, 0.8);
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1;
    margin-left: 0.2rem;
    transform: translateY(-1px);
}

.login-actions[b-4zlx5oxdk5] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.15rem;
}

.login-actions .btn[b-4zlx5oxdk5] {
    min-height: 42px;
    padding: 0.55rem 0.72rem;
    border-radius: 12px;
    font-size: 0.79rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700;
}

.login-actions .btn-primary[b-4zlx5oxdk5] {
    margin-top: 0;
}

.login-container p[b-4zlx5oxdk5] {
    margin: 0.36rem 0 0;
    text-align: center;
    color: #2f4a72;
    font-size: 0.86rem;
}

.auth-switch[b-4zlx5oxdk5] {
    margin-top: 0.24rem !important;
}

.login-container a[b-4zlx5oxdk5] {
    color: #1f56b5;
    font-weight: 700;
    text-decoration: none;
}

.login-container a:hover[b-4zlx5oxdk5] {
    color: #133d89;
    text-decoration: underline;
}

.fixed-width[b-4zlx5oxdk5] {
    width: 100%;
}

.d-flex[b-4zlx5oxdk5] {
    display: flex;
}

.gap-2[b-4zlx5oxdk5] {
    gap: 0.5rem;
}

.flex-fill[b-4zlx5oxdk5] {
    flex: 1 1 0;
}

.text-danger[b-4zlx5oxdk5] {
    margin-top: 0.2rem;
    color: #bf3047 !important;
    font-size: 0.76rem;
    font-weight: 600;
}

.mt-1[b-4zlx5oxdk5] {
    margin-top: 0.2rem;
}

.mb-4[b-4zlx5oxdk5] {
    margin: 0;
}

@keyframes floatBlur-b-4zlx5oxdk5 {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(14px);
    }
}

@media (max-width: 640px) {
    .brand-title[b-4zlx5oxdk5] {
        letter-spacing: 0.08em;
        margin-bottom: 1rem;
    }

    .login-container[b-4zlx5oxdk5] {
        width: 100%;
        padding: 1.1rem;
    }

    .login-actions[b-4zlx5oxdk5] {
        flex-direction: column;
    }
}
/* /Components/Pages/PixelManager.razor.rz.scp.css */
/* file: Linteum.BlazorApp/Components/Pages/PixelManager.razor.css */
.pixelmanager[b-p0py4ysaql] {
    width: 300px;
    min-width: 300px;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;

    display: flex;
    flex-direction: column;
    overflow: hidden;

    background: var(--pm-bg-color);
    border-left: 1px solid rgba(45, 114, 221, 0.28);
    box-shadow: -16px 0 34px rgba(29, 83, 169, 0.16);
    backdrop-filter: blur(12px);

    color: var(--pm-accent-dark);
    transition: width 0.24s ease, min-width 0.24s ease;
}

.pm-header[b-p0py4ysaql] {
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1rem;

    border-bottom: 1px solid rgba(45, 114, 221, 0.24);
    background: linear-gradient(180deg, rgba(245, 250, 255, 0.84), rgba(230, 240, 255, 0.62));
}

.pm-title[b-p0py4ysaql] {
    color: var(--pm-accent-dark);
    font-family: "Sora", "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 0.94rem;
    letter-spacing: 0.03em;
    text-align: center;
}

.pm-content[b-p0py4ysaql] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0.85rem 0.75rem 1.1rem;
    color: var(--pm-accent-dark);
}

.pm-content[b-p0py4ysaql]::-webkit-scrollbar {
    width: 8px;
}

.pm-content[b-p0py4ysaql]::-webkit-scrollbar-thumb {
    background: rgba(27, 87, 189, 0.24);
    border-radius: 30px;
}

.pm-content h6[b-p0py4ysaql] {
    margin: 0 0 0.7rem;
    color: rgba(18, 61, 138, 0.9);
    font-size: 0.74rem;
    font-family: "Sora", "Plus Jakarta Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
}

.pm-content .text-muted[b-p0py4ysaql] {
    color: rgba(50, 76, 115, 0.7) !important;
    font-weight: 500;
}

.pm-gold[b-p0py4ysaql] {
    margin: 0.2rem 0.2rem 0.7rem;
    padding: 0.42rem 0.62rem;
    border-radius: 11px;
    border: 1px solid rgba(45, 114, 221, 0.26);
    background: rgba(255, 255, 255, 0.74);
    color: #1a4f9e;
    font-size: 0.81rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
}

.pm-drawing[b-p0py4ysaql],
.pm-online-users[b-p0py4ysaql],
.pm-history[b-p0py4ysaql] {
    border: 1px solid rgba(45, 114, 221, 0.18);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 10px 22px rgba(29, 83, 169, 0.12);
}

.pm-drawing[b-p0py4ysaql] {
    margin-bottom: 0.85rem;
    padding: 0.85rem;
}

.pm-fields[b-p0py4ysaql] {
    display: flex;
    flex-direction: column;
    gap: 0.64rem;
}

.pm-field[b-p0py4ysaql] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #244d8f;
}

.pm-field .form-label[b-p0py4ysaql] {
    margin-bottom: 0.3rem;
    color: rgba(18, 61, 138, 0.84);
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-weight: 700;
    font-size: 0.68rem;
}

.color-palette[b-p0py4ysaql] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px;
    padding: 4px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    border: 1px solid rgba(45, 114, 221, 0.15);
}

.color-square[b-p0py4ysaql] {
    aspect-ratio: 1 / 1;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.15);
    transition: transform 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease;
}

.color-square:hover[b-p0py4ysaql] {
    transform: scale(1.15);
    z-index: 1;
    border-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.color-square.selected[b-p0py4ysaql] {
    border: 2px solid #2668cc;
    box-shadow: 0 0 0 2px rgba(38, 104, 204, 0.3);
    transform: scale(1.05);
}

.pm-paint-wrap[b-p0py4ysaql] {
    padding-top: 0.14rem;
}

.pm-paint-btn[b-p0py4ysaql] {
    width: 100%;
    padding: 0.57rem 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.75rem;
    border-radius: 12px;
    background: linear-gradient(135deg, #2668cc, #3980e6);
    border: 1px solid rgba(26, 73, 150, 0.28);
    box-shadow: 0 10px 20px rgba(29, 83, 169, 0.22);
    color: #fff !important;
}

.pm-paint-btn:hover[b-p0py4ysaql] {
    color: #fff !important;
}

.pm-paint-btn:disabled[b-p0py4ysaql] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}

.pm-online-users[b-p0py4ysaql] {
    margin-bottom: 0.85rem;
    padding: 0.8rem;
}

.pm-user-list[b-p0py4ysaql] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    max-height: 98px;
    overflow-y: auto;
}

.pm-user-chip[b-p0py4ysaql] {
    background: rgba(244, 249, 255, 0.9);
    border: 1px solid rgba(45, 114, 221, 0.32);
    border-radius: 9px;
    color: #1e4f9d;
    padding: 0.16rem 0.42rem;
    font-size: 0.7rem;
    font-weight: 700;
}

.pm-user-empty[b-p0py4ysaql] {
    font-size: 0.75rem;
    color: rgba(24, 72, 143, 0.72);
    font-weight: 600;
}

.pm-history[b-p0py4ysaql] {
    padding: 0.8rem;
}

.history-list[b-p0py4ysaql] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.history-item[b-p0py4ysaql] {
    display: flex;
    align-items: center;
    gap: 0.58rem;
    padding: 0.56rem;
    border: 1px solid rgba(45, 114, 221, 0.16);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.78);
}

.history-colors[b-p0py4ysaql] {
    display: flex;
    align-items: center;
    gap: 0.18rem;
}

.color-swatch-sm[b-p0py4ysaql] {
    width: 12px;
    height: 12px;
    border: 1px solid rgba(20, 34, 59, 0.2);
    border-radius: 3px;
}

.arrow[b-p0py4ysaql] {
    color: rgba(18, 61, 138, 0.62);
    font-size: 0.75rem;
}

.history-details[b-p0py4ysaql] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.2;
}

.username[b-p0py4ysaql] {
    color: #1d4b93;
    font-weight: 700;
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timestamp[b-p0py4ysaql] {
    color: rgba(36, 77, 143, 0.78);
    font-size: 0.68rem;
}

@media (max-width: 980px) {
    .pixelmanager[b-p0py4ysaql] {
        width: 272px;
        min-width: 272px;
    }
}
/* /Components/Pages/SettingsPage.razor.rz.scp.css */
.settings-container[b-h7p1hhcgut] {
    width: min(860px, calc(100% - 2rem));
    margin: 1.25rem auto;
    padding: 1.55rem;
    border-radius: 24px;
    border: 1px solid rgba(95, 118, 153, 0.22);
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(12px);
    box-shadow: 0 22px 55px rgba(26, 62, 125, 0.16);

    display: flex;
    flex-direction: column;
    gap: 0.88rem;
}

.settings-header h2[b-h7p1hhcgut] {
    margin: 0;
    color: #1b4a96;
    font-family: "Sora", "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: clamp(1.2rem, 2.1vw, 1.55rem);
    letter-spacing: 0.02em;
    text-transform: none;
}

.settings-header p[b-h7p1hhcgut] {
    margin: 0.42rem 0 0;
    color: rgba(47, 74, 114, 0.84);
    font-size: 0.86rem;
}

.settings-section[b-h7p1hhcgut] {
    border: 1px solid rgba(95, 118, 153, 0.2);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.58);
    padding: 0.9rem 0.95rem;
    display: flex;
    flex-direction: column;
    gap: 0.72rem;
}

.settings-section-title[b-h7p1hhcgut] {
    margin: 0;
    color: rgba(18, 61, 138, 0.9);
    font-size: 0.73rem;
    font-family: "Sora", "Plus Jakarta Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    font-weight: 700;
}

.settings-container label[b-h7p1hhcgut] {
    display: inline-block;
    margin-bottom: 0.32rem;
    color: rgba(18, 61, 138, 0.84);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.settings-container .form-control[b-h7p1hhcgut] {
    border-radius: 12px;
    border: 1px solid rgba(95, 118, 153, 0.28);
    background: rgba(255, 255, 255, 0.92);
    color: #13243d;
    padding: 0.64rem 0.76rem;
    box-shadow: none;
}

.settings-container .form-control:focus[b-h7p1hhcgut] {
    border-color: rgba(45, 114, 221, 0.45);
    box-shadow: 0 0 0 3px rgba(45, 114, 221, 0.2);
    outline: none;
}

.settings-container .input-group-text[b-h7p1hhcgut] {
    border-radius: 12px;
    border: 1px solid rgba(95, 118, 153, 0.28);
    background: rgba(238, 245, 255, 0.86);
    color: #2f548f;
}

.email-lock-bg[b-h7p1hhcgut] {
    min-width: 56px;
    justify-content: center;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.settings-container .btn[b-h7p1hhcgut] {
    min-height: 40px;
    padding: 0.5rem 0.8rem;
    border-radius: 12px;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-weight: 700;
}

.settings-container .btn-primary[b-h7p1hhcgut] {
    background: linear-gradient(135deg, #2668cc, #3980e6);
    border: 1px solid rgba(26, 73, 150, 0.3);
    color: #fff !important;
    box-shadow: 0 10px 20px rgba(29, 83, 169, 0.2);
}

.settings-container .btn-primary:hover[b-h7p1hhcgut] {
    color: #fff !important;
}

.settings-container .btn-danger[b-h7p1hhcgut] {
    background: linear-gradient(135deg, #ca3a4e, #e45162);
    border: 1px solid rgba(161, 34, 54, 0.35);
    color: #fff;
    box-shadow: 0 10px 20px rgba(159, 37, 56, 0.2);
}

.settings-container .btn-danger:hover[b-h7p1hhcgut] {
    color: #fff;
}

.settings-container .btn:disabled[b-h7p1hhcgut] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}

.settings-container small.text-muted[b-h7p1hhcgut] {
    color: rgba(47, 74, 114, 0.78) !important;
    font-size: 0.75rem;
}

.settings-container .fixed-width[b-h7p1hhcgut] {
    width: min(350px, 100%);
}

.action-row[b-h7p1hhcgut] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.settings-container .mb-3[b-h7p1hhcgut],
.settings-container .mb-4[b-h7p1hhcgut],
.settings-container .mt-4[b-h7p1hhcgut] {
    margin: 0 !important;
}

.settings-container .d-flex[b-h7p1hhcgut] {
    display: flex;
}

.settings-container .align-items-center[b-h7p1hhcgut] {
    align-items: center;
}

.settings-container .gap-2[b-h7p1hhcgut] {
    gap: 0.5rem !important;
}

.settings-container .me-2[b-h7p1hhcgut] {
    margin-right: 0 !important;
}

.settings-container .text-danger[b-h7p1hhcgut] {
    color: #bf3047 !important;
    font-size: 0.76rem;
    font-weight: 600;
}

.settings-section-actions .btn-danger[b-h7p1hhcgut] {
    min-width: 142px;
}

@media (max-width: 860px) {
    .settings-container[b-h7p1hhcgut] {
        width: calc(100% - 1rem);
        margin-top: 0.65rem;
        padding: 1rem;
        gap: 0.84rem;
    }

    .settings-container .d-flex[b-h7p1hhcgut] {
        flex-direction: column;
        align-items: stretch !important;
    }

    .settings-container .fixed-width[b-h7p1hhcgut] {
        width: 100%;
    }

    .action-row[b-h7p1hhcgut] {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-container .btn[b-h7p1hhcgut] {
        width: 100%;
    }
}
/* /Components/Pages/Signup.razor.rz.scp.css */
.background[b-4a866f8sws] {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.3rem;
    overflow: hidden;

    background:
        radial-gradient(circle at 12% 18%, rgba(245, 150, 67, 0.36), transparent 42%),
        radial-gradient(circle at 84% 22%, rgba(75, 139, 234, 0.32), transparent 44%),
        linear-gradient(140deg, #fff7ef 0%, #f4f9ff 45%, #e9f2ff 100%);
}

.background[b-4a866f8sws]::before,
.background[b-4a866f8sws]::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    animation: floatBlur-b-4a866f8sws 14s ease-in-out infinite;
    pointer-events: none;
}

.background[b-4a866f8sws]::before {
    width: 340px;
    height: 340px;
    left: -120px;
    top: 52%;
    background: rgba(239, 122, 47, 0.2);
}

.background[b-4a866f8sws]::after {
    width: 360px;
    height: 360px;
    right: -130px;
    top: -70px;
    background: rgba(45, 114, 221, 0.2);
    animation-delay: -4s;
}

.brand-title[b-4a866f8sws] {
    position: relative;
    z-index: 1;
    margin: 0 0 1.4rem;

    font-family: "Sora", "Plus Jakarta Sans", sans-serif;
    font-size: clamp(2.4rem, 5.8vw, 4.4rem);
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.14em;

    background: linear-gradient(90deg, #d5651f 0%, #9d4a1e 30%, #2a65cb 75%, #1a4fa6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    user-select: none;
}

.login-container[b-4a866f8sws] {
    position: relative;
    z-index: 1;

    width: min(460px, 100%);
    border-radius: 24px;
    border: 1px solid rgba(95, 118, 153, 0.25);
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    box-shadow: 0 25px 60px rgba(27, 63, 128, 0.2);

    display: flex;
    flex-direction: column;
    gap: 0.78rem;
    padding: 1.55rem;
}

.auth-header[b-4a866f8sws] {
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
}

.auth-header h3[b-4a866f8sws] {
    margin: 0;
    text-align: left;
    color: var(--accent3);
    font-family: "Sora", "Plus Jakarta Sans", sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: none;
}

.auth-header p[b-4a866f8sws] {
    margin: 0;
    color: rgba(47, 74, 114, 0.84);
    font-size: 0.84rem;
}

.login-container .alert[b-4a866f8sws] {
    margin: 0 0 0.2rem;
    border-radius: 12px;
    font-size: 0.86rem;
    padding: 0.56rem 0.7rem;
}

.login-container label[b-4a866f8sws] {
    margin-bottom: 0.28rem;
    color: rgba(18, 61, 138, 0.82);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.login-container .form-control[b-4a866f8sws] {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(95, 118, 153, 0.28);
    background: rgba(255, 255, 255, 0.9);
    color: #15253f;
    padding: 0.66rem 0.78rem;
    box-shadow: none;
}

.login-container .form-control:focus[b-4a866f8sws] {
    border-color: rgba(45, 114, 221, 0.48);
    box-shadow: 0 0 0 3px rgba(45, 114, 221, 0.2);
    outline: none;
}

.login-container .btn[b-4a866f8sws] {
    width: 100%;
    min-height: 42px;
    padding: 0.55rem 0.72rem;
    border-radius: 12px;
    font-size: 0.79rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 0.15rem;
}

.login-container .btn-primary[b-4a866f8sws] {
    margin-top: 0.15rem;
}

.login-container p[b-4a866f8sws] {
    margin: 0.36rem 0 0;
    text-align: center;
    color: #2f4a72;
    font-size: 0.86rem;
}

.auth-switch[b-4a866f8sws] {
    margin-top: 0.24rem !important;
}

.login-container a[b-4a866f8sws] {
    color: #1f56b5;
    font-weight: 700;
    text-decoration: none;
}

.login-container a:hover[b-4a866f8sws] {
    color: #133d89;
    text-decoration: underline;
}

.fixed-width[b-4a866f8sws] {
    width: 100%;
}

.d-flex[b-4a866f8sws] {
    display: flex;
}

.gap-2[b-4a866f8sws] {
    gap: 0.5rem;
}

.flex-fill[b-4a866f8sws] {
    flex: 1 1 0;
}

.text-danger[b-4a866f8sws] {
    margin-top: 0.2rem;
    color: #bf3047 !important;
    font-size: 0.76rem;
    font-weight: 600;
}

.mt-1[b-4a866f8sws] {
    margin-top: 0.2rem;
}

.mb-4[b-4a866f8sws] {
    margin: 0;
}

@keyframes floatBlur-b-4a866f8sws {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(14px);
    }
}

@media (max-width: 640px) {
    .brand-title[b-4a866f8sws] {
        letter-spacing: 0.08em;
        margin-bottom: 1rem;
    }

    .login-container[b-4a866f8sws] {
        width: 100%;
        padding: 1.1rem;
    }
}