@import 'Donghua-Central.Client.x8hd66zmd0.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */


:root[b-9uvthsk9qe]
{
    --header-bg:     rgba(7, 7, 15, 0.80);
    --header-border: rgba(255, 255, 255, 0.07);
    --header-height: 68px;
    --header-zindex: 300;
}


/* ─── Page shell ─────────────────────────────────────────── */

.page[b-9uvthsk9qe]
{
    display:        flex;
    flex-direction: column;
    min-height:     100vh;
}

.page > main[b-9uvthsk9qe]
{
    flex:           1;
    padding-top:    var(--header-height);
    display:        flex;
    flex-direction: column;
}

.page > main > .content[b-9uvthsk9qe]
{
    flex:           1;
    display:        flex;
    flex-direction: column;
}


/* ─── Header ─────────────────────────────────────────────── */

.page > header[b-9uvthsk9qe]
{
    position: fixed;
    top:   0;
    left:  0;
    right: 0;

    z-index:       var(--header-zindex);
    height:        var(--header-height);
    background:    var(--header-bg);
    border-bottom: 1px solid var(--header-border);

    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);

    display:               grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items:           center;
    padding-inline:        var(--space-6);
    gap:                   var(--space-4);
}

.page > header.scrolled[b-9uvthsk9qe]
{
    background: rgba(7, 7, 15, 0.95);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
}

.page > header > .header-center[b-9uvthsk9qe]
{
    display:         flex;
    justify-content: center;
    align-items:     center;
    gap:             var(--space-6);
    overflow:        hidden;
}

.page > header > .header-right[b-9uvthsk9qe]
{
    display:         flex;
    justify-content: flex-end;
    align-items:     center;
    gap:             var(--space-3);
}


.page > header > .logo[b-9uvthsk9qe]
{
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 700;
    background: linear-gradient(135deg, var(--clr-brand-from), var(--clr-brand-to));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    white-space: nowrap;
    flex-shrink: 0;
    text-decoration: none;
    transition: opacity var(--transition-fast);
}

.page > header > .logo:hover[b-9uvthsk9qe]
{
    opacity: 0.85;
}





.page > footer[b-9uvthsk9qe]
{
    background: var(--clr-bg-surface);
    border-top: 1px solid var(--clr-glass-border);
    padding-block: var(--space-12) var(--space-8);
    margin-top: auto;
}


.page > footer > .content-grid[b-9uvthsk9qe]
{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: var(--space-8);
    max-width: var(--content-max);
    margin-inline: auto;
    padding-inline: var(--space-6);
    padding-bottom: var(--space-10);
}

.page > footer .logo[b-9uvthsk9qe]
{
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 700;
    background: linear-gradient(135deg, var(--clr-brand-from), var(--clr-brand-to));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
    text-decoration: none;
}

.page > footer .logo p[b-9uvthsk9qe]
{
    margin-top: var(--space-3);
    color: var(--clr-text-secondary);
    font-size: var(--text-sm);
    line-height: 1.7;
    max-width: 28ch;
}


.page > footer .column h4[b-9uvthsk9qe]
{
    font-size: var(--text-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--clr-text-muted);
    margin-bottom: var(--space-4);
}
.page > footer .column li + li[b-9uvthsk9qe]
{
    margin-top: var(--space-2);
}

.page > footer .column a[b-9uvthsk9qe]
{
    color: var(--clr-text-secondary);
    font-size: var(--text-sm);
    transition: color var(--transition-fast);
}

.page > footer .column a:hover[b-9uvthsk9qe] { color: var(--clr-text-primary); }


.page > footer > .bottom[b-9uvthsk9qe]
{
    max-width: var(--content-max);
    margin-inline: auto;
    padding-inline: var(--space-6);
    padding-top: var(--space-6);
    border-top: 1px solid var(--clr-glass-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--text-xs);
    color: var(--clr-text-muted);
}

.page > footer > .bottom a[b-9uvthsk9qe]
{
    color: var(--clr-text-muted);
    transition: color var(--transition-fast);
}

.page > footer > .bottom a:hover[b-9uvthsk9qe] { color: var(--clr-text-secondary); }


/* /Components/Layout/Profile.razor.rz.scp.css */

.profile-btn[b-vu89nf4jd4]
{
    display:         inline-flex;
    align-items:     center;
    gap:             var(--space-2);
    padding:         var(--space-2) var(--space-4);
    background:      var(--clr-glass-bg);
    border:          1px solid var(--clr-glass-border);
    border-radius:   var(--radius-full);
    font-family:     var(--font-display);
    font-size:       var(--text-sm);
    font-weight:     500;
    color:           var(--clr-text-secondary);
    text-decoration: none;
    transition:      all var(--transition-fast);
    cursor:          pointer;
    white-space:     nowrap;
}

.profile-btn:hover[b-vu89nf4jd4]
{
    background:   var(--clr-glass-bg-hover);
    border-color: var(--clr-glass-border-hover);
    color:        var(--clr-text-primary);
}

.profile-btn ion-icon[b-vu89nf4jd4] { font-size: 1.2rem; }

.profile-info[b-vu89nf4jd4]
{
    display:     flex;
    align-items: center;
    gap:         var(--space-2);
}

.profile-avatar[b-vu89nf4jd4]
{
    width:         32px;
    height:        32px;
    border-radius: 50%;
    border:        2px solid var(--clr-glass-border);
}

.profile-name[b-vu89nf4jd4]
{
    font-family: var(--font-display);
    font-size:   var(--text-sm);
    font-weight: 500;
    color:       var(--clr-text-primary);
}

.profile-btn-logout[b-vu89nf4jd4]
{
    padding:   var(--space-1) var(--space-3);
    font-size: var(--text-xs);
}
/* /Components/Pages/Authentication/Callback.razor.rz.scp.css */

/* ─── Background ─────────────────────────────────────────── */

.page-bg[b-lgfiynk71b]
{
    position:       fixed;
    inset:          0;
    background:     var(--bg-login) center / cover no-repeat;
    opacity:        0.12;
    z-index:        -1;
    pointer-events: none;
}


/* ─── Brand heading ──────────────────────────────────────── */

.card-heading[b-lgfiynk71b]
{
    font-size:               var(--text-2xl);
    font-weight:             700;
    background:              linear-gradient(135deg, var(--clr-brand-from), var(--clr-brand-to));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip:         text;
}
/* /Components/Pages/Authentication/Login.razor.rz.scp.css */

/* ─── Background ─────────────────────────────────────────── */

.page-bg[b-40lj20bicx]
{
    position:       fixed;
    inset:          0;
    background:     var(--bg-login) center / cover no-repeat;
    opacity:        0.14;
    z-index:        -1;
    pointer-events: none;
}


/* ─── Remove card-centering bias for open layout ─────────── */

.auth-open[b-40lj20bicx]
{
    padding: var(--space-16) var(--space-6);
}


/* ─── Open content block ─────────────────────────────────── */

.auth-content[b-40lj20bicx]
{
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    gap:             var(--space-6);
    text-align:      center;
    width:           100%;
    max-width:       560px;
    padding-inline:  var(--space-4);
}


/* ─── Character image ────────────────────────────────────── */

.character[b-40lj20bicx]
{
    width:       200px;
    height:      auto;
    object-fit:  contain;
    filter:      drop-shadow(0 8px 28px rgba(0, 0, 0, 0.55));
    flex-shrink: 0;
}


/* ─── Heading ────────────────────────────────────────────── */

.card-heading[b-40lj20bicx]
{
    font-size:               var(--text-4xl);
    font-weight:             700;
    line-height:             1.15;
    background:              linear-gradient(135deg, var(--clr-brand-from), var(--clr-brand-to));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip:         text;
}


/* ─── Subtitle ───────────────────────────────────────────── */

.card-subtitle[b-40lj20bicx]
{
    font-size:   var(--text-base);
    color:       var(--clr-text-secondary);
    line-height: 1.75;
    max-width:   44ch;
}


/* ─── Discord button override: wider, bolder ─────────────── */

.btn-discord[b-40lj20bicx]
{
    width:       100%;
    max-width:   360px;
    padding:     var(--space-4) var(--space-8);
    font-size:   var(--text-base);
}


/* ─── Fine-print note ────────────────────────────────────── */

.card-note[b-40lj20bicx]
{
    font-size: var(--text-xs);
    color:     var(--clr-text-muted);
}

.card-note a[b-40lj20bicx]
{
    color:      var(--clr-text-secondary);
    transition: color var(--transition-fast);
}

.card-note a:hover[b-40lj20bicx] { color: var(--clr-text-primary); }


/* ─── Responsive ─────────────────────────────────────────── */

@media (max-width: 600px)
{
    .card-heading[b-40lj20bicx]  { font-size: var(--text-3xl); }
    .card-subtitle[b-40lj20bicx] { font-size: var(--text-sm);  }
    .character[b-40lj20bicx]     { width: 160px;               }
    .auth-open[b-40lj20bicx]     { padding: var(--space-12) var(--space-4); }
    .btn-discord[b-40lj20bicx]   { max-width: 100%;            }
}

@media (max-width: 360px)
{
    .card-heading[b-40lj20bicx] { font-size: var(--text-2xl); }
    .character[b-40lj20bicx]    { width: 130px;               }
}
/* /Components/Pages/Authentication/Logout.razor.rz.scp.css */

/* ─── Background ─────────────────────────────────────────── */

.page-bg[b-ary3o75nh0]
{
    position:       fixed;
    inset:          0;
    background:     var(--bg-login) center / cover no-repeat;
    opacity:        0.14;
    z-index:        -1;
    pointer-events: none;
}


/* ─── Remove card-centering bias for open layout ─────────── */

.auth-open[b-ary3o75nh0]
{
    padding: var(--space-16) var(--space-6);
}


/* ─── Open content block ─────────────────────────────────── */

.auth-content[b-ary3o75nh0]
{
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    gap:             var(--space-6);
    text-align:      center;
    width:           100%;
    max-width:       560px;
    padding-inline:  var(--space-4);
}


/* ─── Heading ────────────────────────────────────────────── */

.card-heading[b-ary3o75nh0]
{
    font-size:               var(--text-4xl);
    font-weight:             700;
    line-height:             1.15;
    background:              linear-gradient(135deg, var(--clr-brand-from), var(--clr-brand-to));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip:         text;
}


/* ─── Subtitle ───────────────────────────────────────────── */

.card-subtitle[b-ary3o75nh0]
{
    font-size:   var(--text-base);
    color:       var(--clr-text-secondary);
    line-height: 1.85;
    max-width:   48ch;
}


/* ─── Character image ────────────────────────────────────── */

.character[b-ary3o75nh0]
{
    width:       200px;
    height:      auto;
    object-fit:  contain;
    filter:      drop-shadow(0 8px 28px rgba(0, 0, 0, 0.55));
    flex-shrink: 0;
}


/* ─── Two-button row ─────────────────────────────────────── */

.action-row[b-ary3o75nh0]
{
    display:         flex;
    gap:             var(--space-3);
    justify-content: center;
    flex-wrap:       wrap;
    width:           100%;
    max-width:       360px;
}


/* ─── Responsive ─────────────────────────────────────────── */

@media (max-width: 600px)
{
    .card-heading[b-ary3o75nh0]  { font-size: var(--text-3xl); }
    .card-subtitle[b-ary3o75nh0] { font-size: var(--text-sm); line-height: 1.75; }
    .character[b-ary3o75nh0]     { width: 160px;               }
    .auth-open[b-ary3o75nh0]     { padding: var(--space-12) var(--space-4); }
    .action-row[b-ary3o75nh0]    { flex-direction: column; align-items: center; max-width: 100%; }
    .action-row .btn[b-ary3o75nh0] { width: 100%; justify-content: center; }
}

@media (max-width: 360px)
{
    .card-heading[b-ary3o75nh0] { font-size: var(--text-2xl); }
    .character[b-ary3o75nh0]    { width: 130px;               }
}
/* /Components/Pages/Authentication/Welcome.razor.rz.scp.css */

/* ─── Background ─────────────────────────────────────────── */

.page-bg[b-r0s5jinhss]
{
    position:       fixed;
    inset:          0;
    background:     var(--bg-home) center / cover no-repeat;
    opacity:        0.18;
    z-index:        -1;
    pointer-events: none;
}


/* ─── Remove card-centering bias for open layout ─────────── */

.auth-open[b-r0s5jinhss]
{
    padding: var(--space-16) var(--space-6);
}


/* ─── Open content block ─────────────────────────────────── */

.auth-content[b-r0s5jinhss]
{
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    gap:             var(--space-6);
    text-align:      center;
    width:           100%;
    max-width:       560px;
    padding-inline:  var(--space-4);
}


/* ─── Heading ────────────────────────────────────────────── */

.card-heading[b-r0s5jinhss]
{
    font-size:               var(--text-4xl);
    font-weight:             700;
    line-height:             1.15;
    background:              linear-gradient(135deg, var(--clr-brand-from), var(--clr-brand-to));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip:         text;
}

.auth-content--staff .card-heading[b-r0s5jinhss]
{
    background:              linear-gradient(135deg, #ef4444, #f97316);
    -webkit-background-clip: text;
    background-clip:         text;
}


/* ─── Subtitle ───────────────────────────────────────────── */

.card-subtitle[b-r0s5jinhss]
{
    font-size:   var(--text-base);
    color:       var(--clr-text-secondary);
    line-height: 1.75;
    max-width:   46ch;
}


/* ─── Character image ────────────────────────────────────── */

.character[b-r0s5jinhss]
{
    width:       200px;
    height:      auto;
    object-fit:  contain;
    filter:      drop-shadow(0 8px 28px rgba(0, 0, 0, 0.55));
    flex-shrink: 0;
}


/* ─── Responsive ─────────────────────────────────────────── */

@media (max-width: 600px)
{
    .card-heading[b-r0s5jinhss]  { font-size: var(--text-3xl); }
    .card-subtitle[b-r0s5jinhss] { font-size: var(--text-sm);  }
    .character[b-r0s5jinhss]     { width: 160px;               }
    .auth-open[b-r0s5jinhss]     { padding: var(--space-12) var(--space-4); }
}

@media (max-width: 360px)
{
    .card-heading[b-r0s5jinhss] { font-size: var(--text-2xl); }
    .character[b-r0s5jinhss]    { width: 130px;               }
}
/* /Components/Pages/Error.razor.rz.scp.css */
/* ─── Background ─────────────────────────────────────────── */

.page-bg[b-zhvqvfwgls]
{
    position:       fixed;
    inset:          0;
    background:     var(--bg-error) center / cover no-repeat;
    opacity:        0.14;
    z-index:        -1;
    pointer-events: none;
}

/* ─── Red "Error" badge ──────────────────────────────────── */

.status-code[b-zhvqvfwgls]
{
    font-family:    var(--font-display);
    font-size:      var(--text-3xl);
    font-weight:    700;
    color:          var(--clr-accent-danger);
    line-height:    1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

/* ─── Red heading ────────────────────────────────────────── */

.card-heading[b-zhvqvfwgls]
{
    font-size:               var(--text-2xl);
    font-weight:             700;
    background:              linear-gradient(135deg, #ef4444, #f97316);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip:         text;
}

/* ─── Red card border / glow ─────────────────────────────── */

.auth-card[b-zhvqvfwgls]
{
    border-color: rgba(239, 68, 68, 0.35);
    box-shadow:   var(--shadow-xl), 0 0 60px rgba(239, 68, 68, 0.20);
}
/* /Components/Pages/Legal/About-Us.razor.rz.scp.css */


/* ─── Background ─────────────────────────────────────────── */

.page-bg[b-lxu9o5h3wz]
{
    position:       fixed;
    inset:          0;
    background:     var(--bg-legal) center / cover no-repeat;
    opacity:        0.08;
    z-index:        -1;
    pointer-events: none;
}


/* ─── Legal page shell ───────────────────────────────────── */

.legal-page[b-lxu9o5h3wz]
{
    width:          100%;
    max-width:      var(--content-narrow);
    margin-inline:  auto;
    padding-inline: var(--space-6);
    padding-block:  var(--space-16) var(--space-24);
    display:        flex;
    flex-direction: column;
    gap:            var(--space-12);
}


/* ─── Hero ───────────────────────────────────────────────── */

.legal-hero[b-lxu9o5h3wz]
{
    display:        flex;
    flex-direction: column;
    gap:            var(--space-4);
    padding-bottom: var(--space-10);
    border-bottom:  1px solid var(--clr-glass-border);
}

.legal-eyebrow[b-lxu9o5h3wz]
{
    font-family:    var(--font-display);
    font-size:      var(--text-xs);
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color:          var(--clr-accent-secondary);
}

.legal-title[b-lxu9o5h3wz]
{
    font-size:               var(--text-4xl);
    font-weight:             700;
    line-height:             1.15;
    background:              linear-gradient(135deg, var(--clr-brand-from), var(--clr-brand-to));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip:         text;
}

.legal-lead[b-lxu9o5h3wz]
{
    font-size:   var(--text-lg);
    color:       var(--clr-text-secondary);
    line-height: 1.7;
    max-width:   55ch;
}


/* ─── Body ───────────────────────────────────────────────── */

.legal-body[b-lxu9o5h3wz]
{
    display:        flex;
    flex-direction: column;
    gap:            var(--space-10);
}

.legal-body section h2[b-lxu9o5h3wz]
{
    font-size:     var(--text-xl);
    font-weight:   700;
    color:         var(--clr-text-primary);
    margin-bottom: var(--space-3);
}

.legal-body section p[b-lxu9o5h3wz],
.legal-body section li[b-lxu9o5h3wz]
{
    color:       var(--clr-text-secondary);
    line-height: 1.75;
}
/* /Components/Pages/Legal/Privacy-Policy.razor.rz.scp.css */


/* ─── Background ─────────────────────────────────────────── */

.page-bg[b-f332bm7a6r]
{
    position:       fixed;
    inset:          0;
    background:     var(--bg-legal) center / cover no-repeat;
    opacity:        0.08;
    z-index:        -1;
    pointer-events: none;
}


/* ─── Legal page shell ───────────────────────────────────── */

.legal-page[b-f332bm7a6r]
{
    width:          100%;
    max-width:      var(--content-narrow);
    margin-inline:  auto;
    padding-inline: var(--space-6);
    padding-block:  var(--space-16) var(--space-24);
    display:        flex;
    flex-direction: column;
    gap:            var(--space-12);
}


/* ─── Hero ───────────────────────────────────────────────── */

.legal-hero[b-f332bm7a6r]
{
    display:        flex;
    flex-direction: column;
    gap:            var(--space-4);
    padding-bottom: var(--space-10);
    border-bottom:  1px solid var(--clr-glass-border);
}

.legal-eyebrow[b-f332bm7a6r]
{
    font-family:    var(--font-display);
    font-size:      var(--text-xs);
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color:          var(--clr-accent-secondary);
}

.legal-title[b-f332bm7a6r]
{
    font-size:               var(--text-4xl);
    font-weight:             700;
    line-height:             1.15;
    background:              linear-gradient(135deg, var(--clr-brand-from), var(--clr-brand-to));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip:         text;
}

.legal-lead[b-f332bm7a6r]
{
    font-size:   var(--text-lg);
    color:       var(--clr-text-secondary);
    line-height: 1.7;
    max-width:   55ch;
}

.legal-updated[b-f332bm7a6r]
{
    font-size: var(--text-xs);
    color:     var(--clr-text-muted);
}


/* ─── Body ───────────────────────────────────────────────── */

.legal-body[b-f332bm7a6r]
{
    display:        flex;
    flex-direction: column;
    gap:            var(--space-10);
}

.legal-body section h2[b-f332bm7a6r]
{
    font-size:     var(--text-xl);
    font-weight:   700;
    color:         var(--clr-text-primary);
    margin-bottom: var(--space-3);
}

.legal-body section p[b-f332bm7a6r],
.legal-body section li[b-f332bm7a6r]
{
    color:       var(--clr-text-secondary);
    line-height: 1.75;
}

.legal-body section ul[b-f332bm7a6r]
{
    list-style:   disc;
    padding-left: var(--space-6);
    display:      flex;
    flex-direction: column;
    gap:          var(--space-2);
    margin-block: var(--space-3);
}

.legal-body section strong[b-f332bm7a6r]
{
    color:       var(--clr-text-primary);
    font-weight: 600;
}

.legal-body section a[b-f332bm7a6r]
{
    color:      var(--clr-link);
    transition: color var(--transition-fast);
}
.legal-body section a:hover[b-f332bm7a6r] { color: var(--clr-link-hover); }


/* ─── Responsive ─────────────────────────────────────────── */

@media (max-width: 768px)
{
    .legal-title[b-f332bm7a6r] { font-size: var(--text-3xl); }
    .legal-lead[b-f332bm7a6r]  { font-size: var(--text-base); }
    .legal-page[b-f332bm7a6r]  { padding-block: var(--space-12) var(--space-16); }
}

@media (max-width: 480px)
{
    .legal-page[b-f332bm7a6r]  { padding-inline: var(--space-4); }
    .legal-title[b-f332bm7a6r] { font-size: var(--text-2xl); }
}
/* /Components/Pages/Legal/Terms-of-Service.razor.rz.scp.css */


/* ─── Background ─────────────────────────────────────────── */

.page-bg[b-ajwx557y85]
{
    position:       fixed;
    inset:          0;
    background:     var(--bg-legal) center / cover no-repeat;
    opacity:        0.08;
    z-index:        -1;
    pointer-events: none;
}


/* ─── Legal page shell ───────────────────────────────────── */

.legal-page[b-ajwx557y85]
{
    width:          100%;
    max-width:      var(--content-narrow);
    margin-inline:  auto;
    padding-inline: var(--space-6);
    padding-block:  var(--space-16) var(--space-24);
    display:        flex;
    flex-direction: column;
    gap:            var(--space-12);
}


/* ─── Hero ───────────────────────────────────────────────── */

.legal-hero[b-ajwx557y85]
{
    display:        flex;
    flex-direction: column;
    gap:            var(--space-4);
    padding-bottom: var(--space-10);
    border-bottom:  1px solid var(--clr-glass-border);
}

.legal-eyebrow[b-ajwx557y85]
{
    font-family:    var(--font-display);
    font-size:      var(--text-xs);
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color:          var(--clr-accent-secondary);
}

.legal-title[b-ajwx557y85]
{
    font-size:               var(--text-4xl);
    font-weight:             700;
    line-height:             1.15;
    background:              linear-gradient(135deg, var(--clr-brand-from), var(--clr-brand-to));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip:         text;
}

.legal-lead[b-ajwx557y85]
{
    font-size:   var(--text-lg);
    color:       var(--clr-text-secondary);
    line-height: 1.7;
    max-width:   55ch;
}

.legal-updated[b-ajwx557y85]
{
    font-size: var(--text-xs);
    color:     var(--clr-text-muted);
}


/* ─── Body ───────────────────────────────────────────────── */

.legal-body[b-ajwx557y85]
{
    display:        flex;
    flex-direction: column;
    gap:            var(--space-10);
}

.legal-body section h2[b-ajwx557y85]
{
    font-size:     var(--text-xl);
    font-weight:   700;
    color:         var(--clr-text-primary);
    margin-bottom: var(--space-3);
}

.legal-body section p[b-ajwx557y85],
.legal-body section li[b-ajwx557y85]
{
    color:       var(--clr-text-secondary);
    line-height: 1.75;
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
/* ─── Background (reuse error asset, gray tone) ─────────── */

.page-bg[b-07cv3h647e]
{
    position:       fixed;
    inset:          0;
    background:     var(--bg-error) center / cover no-repeat;
    opacity:        0.10;
    z-index:        -1;
    pointer-events: none;
}

/* ─── Gray code badge ────────────────────────────────────── */

.status-code[b-07cv3h647e]
{
    font-family:    var(--font-display);
    font-size:      var(--text-5xl);
    font-weight:    700;
    color:          #4b5563;
    line-height:    1;
    letter-spacing: -0.03em;
}

/* ─── Gray heading ───────────────────────────────────────── */

.card-heading[b-07cv3h647e]
{
    font-size:               var(--text-2xl);
    font-weight:             700;
    background:              linear-gradient(135deg, #9ca3af, #d1d5db);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip:         text;
}

/* ─── Gray card border / glow ────────────────────────────── */

.auth-card[b-07cv3h647e]
{
    border-color: rgba(156, 163, 175, 0.2);
    box-shadow:   var(--shadow-xl), 0 0 60px rgba(107, 114, 128, 0.12);
}
/* /Components/Pages/Redirect.razor.rz.scp.css */
.page-bg[b-am2cilb8jq]
{
    position:       fixed;
    inset:          0;
    background:     var(--bg-login) center / cover no-repeat;
    opacity:        0.12;
    z-index:        -1;
    pointer-events: none;
}

.card-heading[b-am2cilb8jq]
{
    font-size:               var(--text-2xl);
    font-weight:             700;
    background:              linear-gradient(135deg, var(--clr-brand-from), var(--clr-brand-to));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip:         text;
}
/* /Components/Pages/Unauthorized.razor.rz.scp.css */
/* ─── Background ─────────────────────────────────────────── */

.page-bg[b-j8apu6x8bh]
{
    position:       fixed;
    inset:          0;
    background:     var(--bg-login) center / cover no-repeat;
    opacity:        0.12;
    z-index:        -1;
    pointer-events: none;
}

/* ─── Amber code badge ───────────────────────────────────── */

.status-code[b-j8apu6x8bh]
{
    font-family:    var(--font-display);
    font-size:      var(--text-5xl);
    font-weight:    700;
    color:          var(--clr-accent-warning);
    line-height:    1;
    letter-spacing: -0.03em;
}

/* ─── Amber heading ──────────────────────────────────────── */

.card-heading[b-j8apu6x8bh]
{
    font-size:               var(--text-2xl);
    font-weight:             700;
    background:              linear-gradient(135deg, #f59e0b, #fbbf24);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip:         text;
}

/* ─── Amber card border / glow ───────────────────────────── */

.auth-card[b-j8apu6x8bh]
{
    border-color: rgba(245, 158, 11, 0.35);
    box-shadow:   var(--shadow-xl), 0 0 60px rgba(245, 158, 11, 0.18);
}

/* ─── Two-button row ─────────────────────────────────────── */

.action-row[b-j8apu6x8bh]
{
    display:         flex;
    gap:             var(--space-3);
    justify-content: center;
    flex-wrap:       wrap;
    width:           100%;
}