/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-vcf189s9hk] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-vcf189s9hk] {
    flex: 1;
}

.sidebar[b-vcf189s9hk] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-vcf189s9hk] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-vcf189s9hk]  a, .top-row[b-vcf189s9hk]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-vcf189s9hk]  a:hover, .top-row[b-vcf189s9hk]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-vcf189s9hk]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-vcf189s9hk] {
        justify-content: space-between;
    }

    .top-row[b-vcf189s9hk]  a, .top-row[b-vcf189s9hk]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-vcf189s9hk] {
        flex-direction: row;
    }

    .sidebar[b-vcf189s9hk] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-vcf189s9hk] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-vcf189s9hk]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-vcf189s9hk], article[b-vcf189s9hk] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
/*.navbar-toggler {*/
/*    background-color: rgba(255, 255, 255, 0.1);*/
/*}*/

/*.top-row {*/
/*    min-height: 3.5rem;*/
/*    background-color: rgba(0,0,0,0.4);*/
/*}*/

/*.navbar-brand {*/
/*    font-size: 1.1rem;*/
/*}*/

/*.bi {*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    width: 1.25rem;*/
/*    height: 1.25rem;*/
/*    margin-right: 0.75rem;*/
/*    top: -1px;*/
/*    background-size: cover;*/
/*}*/

/*.bi-house-door-fill-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-plus-square-fill-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-list-nested-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");*/
/*}*/

/*.nav-item {*/
/*    font-size: 0.9rem;*/
/*    padding-bottom: 0.5rem;*/
/*}*/

/*    .nav-item:first-of-type {*/
/*        padding-top: 1rem;*/
/*    }*/

/*    .nav-item:last-of-type {*/
/*        padding-bottom: 1rem;*/
/*    }*/

/*    .nav-item ::deep a {*/
/*        color: #d7d7d7;*/
/*        border-radius: 4px;*/
/*        height: 3rem;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        line-height: 3rem;*/
/*    }*/

/*.nav-item ::deep a.active {*/
/*    background-color: rgba(255,255,255,0.37);*/
/*    color: white;*/
/*}*/

/*.nav-item ::deep a:hover {*/
/*    background-color: rgba(255,255,255,0.1);*/
/*    color: white;*/
/*}*/

/*@media (min-width: 641px) {*/
/*    .navbar-toggler {*/
/*        display: none;*/
/*    }*/

/*    .collapse {*/
/*        !* Never collapse the sidebar for wide screens *!*/
/*        display: block;*/
/*    }*/

/*    .nav-scrollable {*/
/*        !* Allow sidebar to scroll for tall menus *!*/
/*        height: calc(100vh - 3.5rem);*/
/*        overflow-y: auto;*/
/*    }*/
/*}*/
/* /Pages/LoginPages/LoginPage.razor.rz.scp.css */
/* ===== LOGIN PAGE STYLES - Prefix: lp- ===== */

:root[b-pxrzwpduhk] {
    --lp-primary-orange: #FF7B53;
    --lp-secondary-orange: #FF9575;
    --lp-accent-purple: #4A3D7A;
    --lp-light-purple: #7B68B8;
    --lp-dark-purple: #2D2350;
}

.lp-wave-background[b-pxrzwpduhk] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    background: linear-gradient(135deg, #E8E5F0 0%, #F5F3F8 50%, #FFF5F0 100%);
}

.lp-fiber-wave[b-pxrzwpduhk] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg,
    rgba(74, 61, 122, 0.4) 0%,
    rgba(123, 104, 184, 0.3) 25%,
    rgba(255, 123, 83, 0.3) 75%,
    rgba(255, 149, 117, 0.4) 100%);
    clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
    animation: lp-waveShift-b-pxrzwpduhk 20s ease-in-out infinite;
}

.lp-fiber-wave[b-pxrzwpduhk]::before {
    content: '';
    position: absolute;
    width: 200%;
    height: 200%;
    background: repeating-linear-gradient(45deg, transparent 0px, transparent 50px, rgba(255,255,255,0.03) 50px, rgba(255,255,255,0.03) 52px);
    animation: lp-lineMove-b-pxrzwpduhk 30s linear infinite;
}

@keyframes lp-waveShift-b-pxrzwpduhk {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-30px) rotate(2deg); }
}

@keyframes lp-lineMove-b-pxrzwpduhk {
    0% { transform: translate(0, 0); }
    100% { transform: translate(100px, 100px); }
}

.lp-wave[b-pxrzwpduhk] {
    position: absolute;
    width: 200%;
    height: 200%;
    opacity: 0.3;
    top: -50%;
    left: -50%;
}

.lp-wave-1[b-pxrzwpduhk] {
    background: repeating-radial-gradient(circle at 50% 50%, transparent 0px, transparent 30px, rgba(123,104,184,0.1) 32px, rgba(123,104,184,0.1) 34px);
    animation: lp-waveRotate1-b-pxrzwpduhk 30s linear infinite;
}

.lp-wave-2[b-pxrzwpduhk] {
    background: repeating-radial-gradient(circle at 50% 50%, transparent 0px, transparent 40px, rgba(255,123,83,0.08) 42px, rgba(255,123,83,0.08) 44px);
    animation: lp-waveRotate2-b-pxrzwpduhk 35s linear infinite reverse;
}

.lp-wave-3[b-pxrzwpduhk] {
    background: repeating-radial-gradient(circle at 50% 50%, transparent 0px, transparent 50px, rgba(123,104,184,0.06) 52px, rgba(123,104,184,0.06) 54px);
    animation: lp-waveRotate3-b-pxrzwpduhk 40s linear infinite;
}

@keyframes lp-waveRotate1-b-pxrzwpduhk { 100% { transform: rotate(360deg) scale(1.2); } }
@keyframes lp-waveRotate2-b-pxrzwpduhk { 100% { transform: rotate(-360deg) scale(1.3); } }
@keyframes lp-waveRotate3-b-pxrzwpduhk { 100% { transform: rotate(360deg) scale(1.1); } }

.lp-signal-line[b-pxrzwpduhk] {
    position: absolute;
    height: 3px;
    width: 400px;
    left: -400px;
    background: linear-gradient(90deg, transparent 0%, rgba(255,123,83,0.5) 50%, transparent 100%);
    animation: lp-signalFlow-b-pxrzwpduhk 10s ease-in-out infinite;
}

.lp-signal-line:nth-child(5)[b-pxrzwpduhk]  { top: 15%; animation-delay: 0s; }
.lp-signal-line:nth-child(6)[b-pxrzwpduhk]  { top: 35%; animation-delay: 2.5s; background: linear-gradient(90deg, transparent 0%, rgba(123,104,184,0.5) 50%, transparent 100%); }
.lp-signal-line:nth-child(7)[b-pxrzwpduhk]  { top: 55%; animation-delay: 5s; }
.lp-signal-line:nth-child(8)[b-pxrzwpduhk]  { top: 75%; animation-delay: 7.5s; background: linear-gradient(90deg, transparent 0%, rgba(123,104,184,0.5) 50%, transparent 100%); }

@keyframes lp-signalFlow-b-pxrzwpduhk {
    0%   { left: -400px; opacity: 0; }
    10%  { opacity: 1; }
    90%  { opacity: 1; }
    100% { left: 100%; opacity: 0; }
}

.lp-signal-pulse[b-pxrzwpduhk] {
    position: absolute;
    width: 200px;
    height: 200px;
    border: 3px solid rgba(255,123,83,0.3);
    border-radius: 50%;
    animation: lp-pulseExpand-b-pxrzwpduhk 5s ease-out infinite;
}

.lp-signal-pulse:nth-child(9)[b-pxrzwpduhk]  { top: 5%;  left: 15%; animation-delay: 0s; }
.lp-signal-pulse:nth-child(10)[b-pxrzwpduhk] { top: 50%; left: 75%; animation-delay: 1.5s; border-color: rgba(123,104,184,0.3); }
.lp-signal-pulse:nth-child(11)[b-pxrzwpduhk] { top: 80%; left: 25%; animation-delay: 3s; }

@keyframes lp-pulseExpand-b-pxrzwpduhk {
    0%   { transform: scale(0.2); opacity: 1; }
    100% { transform: scale(2.5); opacity: 0; }
}

.lp-network-node[b-pxrzwpduhk] {
    position: absolute;
    width: 12px;
    height: 12px;
    background: var(--lp-accent-purple);
    border-radius: 50%;
    opacity: 0.5;
    animation: lp-nodePulse-b-pxrzwpduhk 3s infinite ease-in-out;
    box-shadow: 0 0 20px rgba(123,104,184,0.6);
}

.lp-network-node.lp-orange[b-pxrzwpduhk] {
    background: var(--lp-primary-orange);
    box-shadow: 0 0 20px rgba(255,123,83,0.6);
}

@keyframes lp-nodePulse-b-pxrzwpduhk {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50%       { transform: scale(1.5); opacity: 0.8; }
}

.lp-network-node:nth-child(12)[b-pxrzwpduhk] { top: 12%; left: 20%; animation-delay: 0s; }
.lp-network-node:nth-child(13)[b-pxrzwpduhk] { top: 25%; left: 85%; animation-delay: 1s; }
.lp-network-node:nth-child(14)[b-pxrzwpduhk] { top: 45%; left: 30%; animation-delay: 2s; }
.lp-network-node:nth-child(15)[b-pxrzwpduhk] { top: 65%; left: 80%; animation-delay: 0.5s; }
.lp-network-node:nth-child(16)[b-pxrzwpduhk] { top: 78%; left: 35%; animation-delay: 1.5s; }
.lp-network-node:nth-child(17)[b-pxrzwpduhk] { top: 88%; left: 90%; animation-delay: 2.5s; }

.lp-data-packet[b-pxrzwpduhk] {
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--lp-primary-orange);
    border-radius: 50%;
    opacity: 0.7;
    box-shadow: 0 0 15px rgba(255,123,83,0.8);
    animation: lp-packetMove-b-pxrzwpduhk 12s infinite linear;
}

.lp-data-packet:nth-child(18)[b-pxrzwpduhk] { top: 10%; left: 5%;  animation-delay: 0s; }
.lp-data-packet:nth-child(19)[b-pxrzwpduhk] { top: 35%; left: 85%; animation-delay: 3s;  background: var(--lp-accent-purple); box-shadow: 0 0 15px rgba(123,104,184,0.8); }
.lp-data-packet:nth-child(20)[b-pxrzwpduhk] { top: 60%; left: 15%; animation-delay: 6s; }
.lp-data-packet:nth-child(21)[b-pxrzwpduhk] { top: 85%; left: 75%; animation-delay: 9s;  background: var(--lp-accent-purple); box-shadow: 0 0 15px rgba(123,104,184,0.8); }

@keyframes lp-packetMove-b-pxrzwpduhk {
    0%   { transform: translate(0, 0);            opacity: 0; }
    10%  { opacity: 0.8; }
    90%  { opacity: 0.8; }
    100% { transform: translate(600px, -300px);   opacity: 0; }
}

.lp-fiber-line[b-pxrzwpduhk] {
    position: absolute;
    width: 2px;
    height: 150px;
    background: linear-gradient(180deg, transparent 0%, rgba(123,104,184,0.3) 50%, transparent 100%);
    opacity: 0.15;
    animation: lp-fiberFlow-b-pxrzwpduhk 6s infinite ease-in-out;
}

.lp-fiber-line:nth-child(22)[b-pxrzwpduhk] { top: 5%;  left: 20%; animation-delay: 0s; }
.lp-fiber-line:nth-child(23)[b-pxrzwpduhk] { top: 15%; left: 65%; animation-delay: 2s; }
.lp-fiber-line:nth-child(24)[b-pxrzwpduhk] { top: 50%; left: 10%; animation-delay: 4s; }
.lp-fiber-line:nth-child(25)[b-pxrzwpduhk] { top: 70%; left: 75%; animation-delay: 1s; }

@keyframes lp-fiberFlow-b-pxrzwpduhk {
    0%, 100% { transform: translateY(0) scaleY(1);    opacity: 0.15; }
    50%       { transform: translateY(20px) scaleY(1.2); opacity: 0.25; }
}

.lp-grid-pattern[b-pxrzwpduhk] {
    position: absolute;
    width: 100px;
    height: 100px;
    border: 1px solid rgba(123,104,184,0.1);
    opacity: 0.08;
    animation: lp-gridFloat-b-pxrzwpduhk 10s infinite ease-in-out;
}

.lp-grid-pattern:nth-child(26)[b-pxrzwpduhk] { top: 15%; left: 40%; animation-delay: 0s; }
.lp-grid-pattern:nth-child(27)[b-pxrzwpduhk] { top: 55%; left: 60%; animation-delay: 3s; }

@keyframes lp-gridFloat-b-pxrzwpduhk {
    0%, 100% { transform: translate(0, 0) rotate(0deg);    opacity: 0.08; }
    50%       { transform: translate(30px, -30px) rotate(45deg); opacity: 0.15; }
}

/* ===== Page layout ===== */
.lp-login-container[b-pxrzwpduhk] {
    position: relative;
    z-index: 1;
    max-width: 900px;
    width: 100%;
    background: white;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,0.15);
    display: grid;
    grid-template-columns: 1fr 1fr;
    animation: lp-slideUp-b-pxrzwpduhk 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    margin: auto;
}

@keyframes lp-slideUp-b-pxrzwpduhk {
    from { opacity: 0; transform: translateY(60px) scale(0.95); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* ===== Brand section ===== */
.lp-brand-section[b-pxrzwpduhk] {
    background: linear-gradient(135deg, #4A3D7A 0%, #5D4E8F 50%, #7B68B8 100%);
    padding: 40px 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.lp-brand-section[b-pxrzwpduhk]::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(45deg, transparent 0px, transparent 60px, rgba(255,123,83,0.05) 60px, rgba(255,123,83,0.05) 62px);
    animation: lp-brandLineMove-b-pxrzwpduhk 25s linear infinite;
}

@keyframes lp-brandLineMove-b-pxrzwpduhk {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(80px, 80px); }
}

.lp-brand-section[b-pxrzwpduhk]::after {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255,123,83,0.2) 0%, transparent 70%);
    bottom: -300px;
    right: -300px;
    animation: lp-pulse-b-pxrzwpduhk 10s infinite;
}

@keyframes lp-pulse-b-pxrzwpduhk {
    0%, 100% { transform: scale(1);   opacity: 0.6; }
    50%       { transform: scale(1.3); opacity: 0.3; }
}

/* ===== Orbit rings around logo ===== */
.lp-logo-orbit[b-pxrzwpduhk] {
    position: relative;
    width: 260px;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.lp-orbit-svg[b-pxrzwpduhk] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.lp-arc[b-pxrzwpduhk] { transform-origin: 100px 100px; }
.lp-arc-1[b-pxrzwpduhk] {
    animation: lp-orbit-spin-b-pxrzwpduhk 3s linear infinite;
    filter: drop-shadow(0 0 6px rgba(255, 123, 83, 0.4));
}
.lp-arc-2[b-pxrzwpduhk] {
    animation: lp-orbit-spin-b-pxrzwpduhk 4s linear infinite reverse;
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.2));
}
.lp-arc-3[b-pxrzwpduhk] {
    animation: lp-orbit-spin-b-pxrzwpduhk 5s linear infinite;
    filter: drop-shadow(0 0 3px rgba(255, 123, 83, 0.25));
}

.lp-dot[b-pxrzwpduhk] { transform-origin: 100px 100px; }
.lp-dot-1[b-pxrzwpduhk] { animation: lp-orbit-spin-b-pxrzwpduhk 6s linear infinite; }
.lp-dot-2[b-pxrzwpduhk] { animation: lp-orbit-spin-b-pxrzwpduhk 8s linear infinite reverse; }
.lp-dot-3[b-pxrzwpduhk] { animation: lp-orbit-spin-b-pxrzwpduhk 7s linear infinite; }
.lp-dot-4[b-pxrzwpduhk] { animation: lp-orbit-spin-b-pxrzwpduhk 9s linear infinite reverse; }

@keyframes lp-orbit-spin-b-pxrzwpduhk {
    to { transform: rotate(360deg); }
}

.lp-logo-wrapper[b-pxrzwpduhk] {
    position: absolute;
    z-index: 1;
    text-align: center;
    animation: lp-logoFadeIn-b-pxrzwpduhk 1.5s ease-out;
}

@keyframes lp-logoFadeIn-b-pxrzwpduhk {
    from { opacity: 0; transform: translateY(-30px); }
    to   { opacity: 1; transform: translateY(0); }
}

.lp-logo-wrapper img[b-pxrzwpduhk] {
    width: 180px;
    height: auto;
    filter: brightness(0) invert(1);
    margin-bottom: 0;
}

/* ===== Form section ===== */
.lp-form-section[b-pxrzwpduhk] {
    padding: 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: white;
}

.lp-form-header[b-pxrzwpduhk] {
    margin-bottom: 30px;
    animation: lp-formFadeIn-b-pxrzwpduhk 1.2s ease-out;
}

@keyframes lp-formFadeIn-b-pxrzwpduhk {
    from { opacity: 0; transform: translateX(30px); }
    to   { opacity: 1; transform: translateX(0); }
}

.lp-form-header h1[b-pxrzwpduhk] {
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #2D2350;
    margin-bottom: 8px;
}

.lp-form-header p[b-pxrzwpduhk] {
    font-size: 15px;
    font-weight: 500;
    color: #666;
}

.lp-form-group[b-pxrzwpduhk] {
    margin-bottom: 20px;
    animation: lp-inputSlideIn-b-pxrzwpduhk 1s ease-out backwards;
}

.lp-form-group:nth-child(2)[b-pxrzwpduhk] { animation-delay: 0.2s; }
.lp-form-group:nth-child(3)[b-pxrzwpduhk] { animation-delay: 0.4s; }

@keyframes lp-inputSlideIn-b-pxrzwpduhk {
    from { opacity: 0; transform: translateX(30px); }
    to   { opacity: 1; transform: translateX(0); }
}

.lp-form-group label[b-pxrzwpduhk] {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #2D2350;
    margin-bottom: 10px;
    transition: color 0.3s;
    font-family: 'Poppins', sans-serif;
}

.lp-input-wrapper[b-pxrzwpduhk] {
    position: relative;
}

.lp-input[b-pxrzwpduhk] {
    width: 100%;
    padding: 14px 18px 14px 48px;
    border: 2px solid #E8E8E8;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s;
    background: #FAFAFA;
    color: #333;
    outline: none;
}

.lp-input[b-pxrzwpduhk]::placeholder { color: #999; }

.lp-input:focus[b-pxrzwpduhk],
.lp-input.lp-input-focused[b-pxrzwpduhk] {
    border-color: #FF7B53;
    background: white;
    box-shadow: 0 0 0 4px rgba(255,123,83,0.1);
}

.lp-input-icon[b-pxrzwpduhk] {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #7B68B8;
    transition: color 0.3s;
    pointer-events: none;
}

.lp-input.lp-input-focused ~ .lp-input-icon[b-pxrzwpduhk],
.lp-input:focus ~ .lp-input-icon[b-pxrzwpduhk] {
    color: #FF7B53;
}

.lp-input-icon svg[b-pxrzwpduhk] {
    width: 20px;
    height: 20px;
}

.lp-forgot-password[b-pxrzwpduhk] {
    text-align: right;
    margin-top: 8px;
}

.lp-forgot-password a[b-pxrzwpduhk] {
    font-size: 14px;
    font-weight: 600;
    color: #FF7B53;
    text-decoration: none;
    transition: all 0.3s;
}

.lp-forgot-password a:hover[b-pxrzwpduhk] {
    color: #FF6B43;
    text-decoration: underline;
}

/* ===== Login button ===== */
.lp-login-btn[b-pxrzwpduhk] {
    width: 100%;
    padding: 15px;
    margin-top: 24px;
    background: linear-gradient(135deg, #FF7B53 0%, #FF9575 100%);
    color: white;
    border: none;
    border-radius: 12px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 10px 30px rgba(255,123,83,0.4);
    animation: lp-buttonSlideIn-b-pxrzwpduhk 1s ease-out backwards;
    animation-delay: 0.6s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-height: 52px;
    position: relative;
}

@keyframes lp-buttonSlideIn-b-pxrzwpduhk {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

.lp-login-btn:hover:not(:disabled)[b-pxrzwpduhk] {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(255,123,83,0.5);
}

.lp-login-btn:active:not(:disabled)[b-pxrzwpduhk] { transform: translateY(-1px); }

.lp-login-btn.lp-loading[b-pxrzwpduhk] {
    pointer-events: none;
    opacity: 0.8;
}

.lp-login-btn.lp-loading[b-pxrzwpduhk]::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    border: 3px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: white;
    animation: lp-spin-b-pxrzwpduhk 0.8s linear infinite;
}

@keyframes lp-spin-b-pxrzwpduhk { to { transform: rotate(360deg); } }

.lp-login-btn.lp-success[b-pxrzwpduhk] {
    background: linear-gradient(135deg, #059669, #10B981);
}

.lp-login-btn:disabled[b-pxrzwpduhk] { cursor: not-allowed; }

/* ===== Error alert ===== */
.lp-error-alert[b-pxrzwpduhk] {
    background: #FEE2E2;
    color: #DC2626;
    border: 1px solid #FCA5A5;
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
}

.lp-error-alert.lp-error-alert-warning[b-pxrzwpduhk] {
    background: #FEF3C7;
    color: #B45309;
    border-color: #FCD34D;
}

.lp-validation-msg[b-pxrzwpduhk] {
    color: #DC2626;
    font-size: 13px;
    margin-top: 4px;
    display: block;
}

/* ===== Support section ===== */
.lp-support-section[b-pxrzwpduhk] {
    text-align: center;
    margin-top: 24px;
    animation: lp-supportFadeIn-b-pxrzwpduhk 1s ease-out backwards;
    animation-delay: 0.8s;
}

@keyframes lp-supportFadeIn-b-pxrzwpduhk {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.lp-support-section p[b-pxrzwpduhk] {
    font-size: 14px;
    color: #666;
    margin-bottom: 12px;
}

.lp-support-btn[b-pxrzwpduhk] {
    padding: 12px 28px;
    background: #4A3D7A;
    color: white;
    border: none;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.lp-support-btn:hover[b-pxrzwpduhk] {
    background: #5D4E8F;
    transform: translateY(-2px);
}

/* ===== Footer ===== */
.lp-footer[b-pxrzwpduhk] {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #999;
    z-index: 2;
}

/* ===== Responsive ===== */
@media (max-width: 968px) {
    .lp-login-container[b-pxrzwpduhk] {
        grid-template-columns: 1fr;
        max-width: 500px;
    }
    .lp-brand-section[b-pxrzwpduhk] { padding: 40px 30px; }
    .lp-logo-wrapper img[b-pxrzwpduhk] { width: 180px; }
    .lp-form-section[b-pxrzwpduhk] { padding: 40px 35px; }
    .lp-form-header h1[b-pxrzwpduhk] { font-size: 26px; }
}

@media (max-width: 480px) {
    .lp-brand-section[b-pxrzwpduhk] { padding: 30px 25px; }
    .lp-form-section[b-pxrzwpduhk] { padding: 30px 25px; }
    .lp-form-header h1[b-pxrzwpduhk] { font-size: 22px; }
    .lp-form-header p[b-pxrzwpduhk] { font-size: 14px; }
    .lp-login-btn[b-pxrzwpduhk] { padding: 16px; font-size: 16px; }
}