/* /Components/FacebookLinks.razor.rz.scp.css */
.facebook-links[b-938w7torxx] {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
}

.facebook-links a[b-938w7torxx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
}

.facebook-links svg[b-938w7torxx] {
    width: 1.15rem;
    height: 1.15rem;
    fill: currentColor;
}

.facebook-links a:hover[b-938w7torxx],
.facebook-links a:focus-visible[b-938w7torxx] {
    color: #7ca2ff;
}
/* /Components/Layout/LandingLayout.razor.rz.scp.css */
.landing-layout[b-q6mv58gan8] {
    min-height: 100vh;
}

#blazor-error-ui[b-q6mv58gan8] {
    display: none;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Project note: X2unoWebApp.Web/Components/Layout/MainLayout.razor.css is part of X2unoWebApp; see README.md for project topology and developer workflow. */
.page[b-q8136wzu1o] {
    /* Razor CSS isolation scopes this layout rule to MainLayout's rendered markup. */
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

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

.sidebar[b-q8136wzu1o] {
    z-index:1;
    background: rgba(16, 21, 36, 0.74);
    border-right: 1px solid rgba(139, 157, 214, 0.14);
}

@media (min-width: 641px) {
    /* Desktop switches from stacked navigation/content to a sticky sidebar layout. */
    .page[b-q8136wzu1o] {
        flex-direction: row;
    }

    .sidebar[b-q8136wzu1o] {
        display: flex;
        flex-direction: column;
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    article[b-q8136wzu1o] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-q8136wzu1o] {
    background: #ffef99;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    color: #171b2a;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-q8136wzu1o] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Project note: X2unoWebApp.Web/Components/Layout/NavMenu.razor.css is part of X2unoWebApp; see README.md for project topology and developer workflow. */
.navbar-toggler[b-nc715ofcnk] {
    /* On small screens this visually styled checkbox stores the menu's open state. */
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    border: 1px solid rgba(139, 157, 214, 0.28);
    border-radius: 10px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.08);
}

.navbar-toggler:checked[b-nc715ofcnk] {
    background-color: rgba(124, 162, 255, 0.35);
}

.top-row[b-nc715ofcnk] {
    height: 4rem;
    min-height: 4rem;
    background-color: rgba(0, 0, 0, 0.16);
}

.navbar-logo[b-nc715ofcnk] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-logo img[b-nc715ofcnk] {
    width: auto;
    max-width: 100%;
    height: auto;
}

@media (max-width: 640.98px) {
    .navbar-logo[b-nc715ofcnk],
    .navbar-logo img[b-nc715ofcnk] {
        width: 3.5rem;
        height: 2.5rem;
    }

    .navbar-logo img[b-nc715ofcnk] {
        object-fit: contain;
    }
}

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

.bi-house-door-fill[b-nc715ofcnk] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%237ca2ff' 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-person-fill[b-nc715ofcnk], .bi-person-plus-fill[b-nc715ofcnk] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%237ca2ff' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.nav-item[b-nc715ofcnk] {
    font-size: 0.95rem;
    padding: 0 0.75rem 0.5rem;
}

.nav-item:first-of-type[b-nc715ofcnk] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-nc715ofcnk] {
    padding-bottom: 1rem;
}

/* ::deep crosses Razor's CSS-isolation boundary to style anchors rendered by NavLink. */
.nav-item[b-nc715ofcnk]  a {
    color: #d8e0ff;
    border-radius: 12px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.nav-item[b-nc715ofcnk]  a.active {
    background-color: rgba(124, 162, 255, 0.18);
    color: white;
}

.nav-item[b-nc715ofcnk]  a:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: white;
}

.nav-scrollable[b-nc715ofcnk] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-nc715ofcnk] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-nc715ofcnk] {
        display: none;
    }

    .top-row[b-nc715ofcnk] {
        flex: 0 0 auto;
        height: auto;
    }

    .navbar-logo[b-nc715ofcnk],
    .navbar-logo img[b-nc715ofcnk] {
        width: 100%;
    }

    .nav-scrollable[b-nc715ofcnk] {
        display: block;
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }
}

.nav-spacer[b-nc715ofcnk] {
    flex: 1 1 auto;
    min-height: 0;
}

.nav-bottom[b-nc715ofcnk] {
    flex: 0 0 auto;
    margin-top: auto;
    padding-bottom: 1rem;
}

.nav-button[b-nc715ofcnk] {
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
}

.nav-button:disabled[b-nc715ofcnk] {
    opacity: 0.65;
}

.bi-box-arrow-right[b-nc715ofcnk] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%237ca2ff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");
}
/* /Components/Layout/ProtectedLayout.razor.rz.scp.css */
.protected-footer[b-gqfwscz75i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 2rem;
    padding: 1.25rem 0;
    color: var(--x2-muted);
    border-top: 1px solid var(--x2-border);
    font-size: .8rem;
}

.protected-footer nav[b-gqfwscz75i] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.protected-footer a[b-gqfwscz75i] {
    color: #d8e0ff;
}

@media (max-width: 575px) {
    .protected-footer[b-gqfwscz75i],
    .protected-footer nav[b-gqfwscz75i] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Auth/Activate.razor.rz.scp.css */
.login-page[b-q8jtqvgyfm] {
    display: grid;
    min-height: 100vh;
    padding: 2rem 1rem;
    place-items: center;
}

.login-card[b-q8jtqvgyfm] {
    width: min(100%, 720px);
    color: var(--x2-text);
    border-radius: 24px;
    background: rgba(21, 26, 41, .94);
    backdrop-filter: blur(14px);
}

.login-heading[b-q8jtqvgyfm] {
    margin-bottom: 2rem;
}

.login-heading h1[b-q8jtqvgyfm] {
    margin: .4rem 0 .75rem;
    font-weight: 800;
    letter-spacing: -.035em;
}

.login-heading p[b-q8jtqvgyfm] {
    color: var(--x2-muted);
}

.eyebrow[b-q8jtqvgyfm] {
    color: #a9c0ff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

@media (max-width: 575px) {
    .login-card .card-body[b-q8jtqvgyfm] {
        padding: 1.5rem !important;
    }
}
/* /Components/Pages/Auth/ForgotPassword.razor.rz.scp.css */
.login-page[b-f7qdg9yqdr] {
    display: grid;
    min-height: 100vh;
    padding: 2rem 1rem;
    place-items: center;
}

.login-card[b-f7qdg9yqdr] {
    width: min(100%, 720px);
    color: var(--x2-text);
    border-radius: 24px;
    background: rgba(21, 26, 41, .94);
    backdrop-filter: blur(14px);
}

.login-heading[b-f7qdg9yqdr] {
    margin-bottom: 2rem;
}

.login-heading h1[b-f7qdg9yqdr] {
    margin: .4rem 0 .75rem;
    font-weight: 800;
    letter-spacing: -.035em;
}

.login-heading p[b-f7qdg9yqdr] {
    margin: 0;
    color: var(--x2-muted);
}

.eyebrow[b-f7qdg9yqdr] {
    color: #a9c0ff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.login-actions[b-f7qdg9yqdr] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.login-actions .btn-link[b-f7qdg9yqdr] {
    color: var(--x2-muted);
}

@media (max-width: 575px) {
    .login-card .card-body[b-f7qdg9yqdr] {
        padding: 1.5rem !important;
    }

    .login-actions[b-f7qdg9yqdr] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
.login-page[b-qdvzfgpq54] {
    display: grid;
    min-height: 100vh;
    padding: 2rem 1rem;
    place-items: center;
}

.login-card[b-qdvzfgpq54] {
    width: min(100%, 720px);
    color: var(--x2-text);
    border-radius: 24px;
    background: rgba(21, 26, 41, .94);
    backdrop-filter: blur(14px);
}

.login-heading[b-qdvzfgpq54] {
    margin-bottom: 2rem;
}

.login-heading h1[b-qdvzfgpq54] {
    margin: .4rem 0 .75rem;
    font-weight: 800;
    letter-spacing: -.035em;
}

.eyebrow[b-qdvzfgpq54] {
    color: #a9c0ff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.login-actions[b-qdvzfgpq54] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.login-actions .btn-link[b-qdvzfgpq54] {
    color: var(--x2-muted);
}

@media (max-width: 575px) {
    .login-card .card-body[b-qdvzfgpq54] {
        padding: 1.5rem !important;
    }

    .login-actions[b-qdvzfgpq54] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Auth/Register.razor.rz.scp.css */
.registration-page[b-rwk3k1jdn1] { min-height: 100vh; display: grid; place-items: center; padding: 2rem 1rem; }
.registration-card[b-rwk3k1jdn1] { width: min(100%, 720px); color: var(--x2-text); border: 1px solid var(--x2-border); border-radius: 24px; background: rgba(21, 26, 41, .94); backdrop-filter: blur(14px); }
.registration-steps[b-rwk3k1jdn1] { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0; margin: 0 0 2.5rem; list-style: none; }
.registration-steps li[b-rwk3k1jdn1] { position: relative; display: flex; flex-direction: column; align-items: center; gap: .45rem; color: #98a4c9; font-weight: 600; }
.registration-steps li:not(:last-child)[b-rwk3k1jdn1]::after { content: ""; position: absolute; top: 17px; left: calc(50% + 24px); width: calc(100% - 48px); height: 2px; background: #465071; }
.registration-steps li.complete[b-rwk3k1jdn1]::after { background: var(--x2-primary); }
.registration-steps span[b-rwk3k1jdn1] { z-index: 1; display: grid; place-items: center; width: 36px; height: 36px; border: 2px solid #596484; border-radius: 50%; background: #20283f; }
.registration-steps .active[b-rwk3k1jdn1], .registration-steps .complete[b-rwk3k1jdn1] { color: white; }
.registration-steps .active span[b-rwk3k1jdn1], .registration-steps .complete span[b-rwk3k1jdn1] { color: #071127; border-color: var(--x2-primary); background: var(--x2-primary); }
.welcome-step h1[b-rwk3k1jdn1], .step-heading h1[b-rwk3k1jdn1] { margin: .4rem 0 .75rem; font-weight: 800; letter-spacing: -.035em; }
.welcome-step .lead[b-rwk3k1jdn1], .step-heading p[b-rwk3k1jdn1] { color: var(--x2-muted); }
.eyebrow[b-rwk3k1jdn1] { color: #a9c0ff; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.feature-list[b-rwk3k1jdn1] { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem 1.25rem; max-width: 580px; margin: 2rem auto; padding: 0; list-style: none; }
.feature-list li[b-rwk3k1jdn1] { position: relative; padding-left: 1.7rem; }
.feature-list li[b-rwk3k1jdn1]::before { content: "✓"; position: absolute; left: 0; color: #8fb0ff; font-weight: 900; }
.optional[b-rwk3k1jdn1] { color: #aeb9d8; font-size: .8rem; font-weight: 400; }
.terms-consent[b-rwk3k1jdn1] { display: flex; align-items: flex-start; gap: .7rem; padding: 1rem; border: 1px solid var(--x2-border); border-radius: 12px; background: rgba(124, 162, 255, .06); }
.terms-consent .form-check-input[b-rwk3k1jdn1] { flex: 0 0 auto; margin-top: .2rem; }
.terms-consent a[b-rwk3k1jdn1] { color: #a9c0ff; font-weight: 700; }
.terms-consent .validation-message[b-rwk3k1jdn1] { display: block; margin-top: .35rem; color: #ff9a9a; font-size: .85rem; }
.step-actions[b-rwk3k1jdn1] { display: flex; justify-content: space-between; gap: 1rem; margin-top: 1.5rem; }
.trial-summary[b-rwk3k1jdn1] { display: flex; align-items: center; justify-content: space-between; margin: 1.5rem 0; padding: 1rem 1.2rem; border: 1px solid var(--x2-border); border-radius: 14px; background: rgba(124, 162, 255, .08); }
.trial-summary small[b-rwk3k1jdn1] { display: block; color: var(--x2-muted); }
.stripe-input[b-rwk3k1jdn1] { min-height: 44px; padding-top: 12px; }
.agreement[b-rwk3k1jdn1] { padding: .9rem 1rem; border-left: 3px solid var(--x2-primary); color: var(--x2-muted); background: rgba(124, 162, 255, .07); font-size: .9rem; }
@media (max-width: 575px) { .feature-list[b-rwk3k1jdn1] { grid-template-columns: 1fr; } .registration-card .card-body[b-rwk3k1jdn1] { padding: 1.5rem !important; } .registration-steps small[b-rwk3k1jdn1] { font-size: .7rem; } }
/* /Components/Pages/Auth/ResetPassword.razor.rz.scp.css */
.login-page[b-zb2j53l64h] {
    display: grid;
    min-height: 100vh;
    padding: 2rem 1rem;
    place-items: center;
}

.login-card[b-zb2j53l64h] {
    width: min(100%, 720px);
    color: var(--x2-text);
    border-radius: 24px;
    background: rgba(21, 26, 41, .94);
    backdrop-filter: blur(14px);
}

.login-heading[b-zb2j53l64h] {
    margin-bottom: 2rem;
}

.login-heading h1[b-zb2j53l64h] {
    margin: .4rem 0 .75rem;
    font-weight: 800;
    letter-spacing: -.035em;
}

.login-heading p[b-zb2j53l64h] {
    margin: 0;
    color: var(--x2-muted);
}

.eyebrow[b-zb2j53l64h] {
    color: #a9c0ff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.login-actions[b-zb2j53l64h] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.login-actions .btn-link[b-zb2j53l64h] {
    color: var(--x2-muted);
}

@media (max-width: 575px) {
    .login-card .card-body[b-zb2j53l64h] {
        padding: 1.5rem !important;
    }

    .login-actions[b-zb2j53l64h] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-shell[b-5zulrw41yx] { width: min(100%, 1120px); margin: 0 auto; padding: 1.5rem 0 3rem; }
.home-header[b-5zulrw41yx] { margin-bottom: 1.75rem; }
.eyebrow[b-5zulrw41yx] { color: #a9c0ff; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.home-header h1[b-5zulrw41yx] { margin: .3rem 0 .25rem; font-size: clamp(2rem, 4vw, 2.6rem); font-weight: 800; letter-spacing: -.04em; }
.home-header p[b-5zulrw41yx], .card-heading p[b-5zulrw41yx], .muted-copy[b-5zulrw41yx] { margin: 0; color: var(--x2-muted); }
.account-card[b-5zulrw41yx] { min-height: 100%; padding: 1.6rem; color: var(--x2-text); border: 1px solid var(--x2-border); border-radius: 24px; background: rgba(21, 26, 41, .94); box-shadow: 0 22px 60px rgba(4, 8, 23, .22); backdrop-filter: blur(14px); }
.card-heading[b-5zulrw41yx] { display: flex; align-items: center; gap: .9rem; margin-bottom: 1.75rem; }
.card-heading h2[b-5zulrw41yx] { margin: 0 0 .15rem; font-size: 1.2rem; font-weight: 800; }
.card-heading p[b-5zulrw41yx] { font-size: .88rem; }
.card-icon[b-5zulrw41yx] { display: grid; flex: 0 0 42px; height: 42px; place-items: center; color: #071127; border-radius: 12px; background: var(--x2-primary); font-size: 1.15rem; font-weight: 900; }
.subscription-status[b-5zulrw41yx] { display: flex; align-items: center; gap: .6rem; margin-bottom: 1rem; font-weight: 800; }
.status-dot[b-5zulrw41yx] { width: 10px; height: 10px; border-radius: 50%; background: #fa6b78; box-shadow: 0 0 0 5px rgba(250, 107, 120, .12); }
.status-dot.active[b-5zulrw41yx] { background: #59d99b; box-shadow: 0 0 0 5px rgba(89, 217, 155, .12); }
.notice-copy[b-5zulrw41yx] { padding: .7rem; color: #ffe29a; border-radius: 10px; background: rgba(255, 193, 7, .09); font-size: .84rem; }
.payment-summary[b-5zulrw41yx] { margin: 1.25rem 0; padding: 1rem; border: 1px solid var(--x2-border); border-radius: 14px; background: rgba(124, 162, 255, .07); }
.payment-summary span[b-5zulrw41yx] { display: block; margin-bottom: .25rem; color: var(--x2-muted); font-size: .82rem; }
.payment-summary strong[b-5zulrw41yx] { font-size: 1.45rem; }
.payment-method[b-5zulrw41yx] { display: flex; flex-direction: column; align-items: flex-start; margin: 0 0 1.25rem; padding: 1rem 0; border-top: 1px solid rgba(139, 157, 214, .18); border-bottom: 1px solid rgba(139, 157, 214, .18); }
.detail-label[b-5zulrw41yx] { margin-bottom: .35rem; color: var(--x2-muted); font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.payment-method small[b-5zulrw41yx] { color: var(--x2-muted); }
.payment-warning[b-5zulrw41yx] { margin-top: .4rem; color: #ffe29a; font-size: .8rem; }
.payment-edit[b-5zulrw41yx] { padding: .45rem 0 0; font-size: .86rem; text-align: left; }
.payment-form[b-5zulrw41yx] { margin: -0.5rem 0 1.25rem; padding: 1rem; border: 1px solid var(--x2-border); border-radius: 14px; background: rgba(124, 162, 255, .07); }
.stripe-input[b-5zulrw41yx] { min-height: 44px; padding: 12px; border-radius: 10px; background: rgba(255, 255, 255, .96); }
.info-grid[b-5zulrw41yx] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 2rem; margin: 0; }
.info-grid div[b-5zulrw41yx] { padding-bottom: .9rem; border-bottom: 1px solid rgba(139, 157, 214, .18); }
.info-grid .full-width[b-5zulrw41yx] { grid-column: 1 / -1; }
.info-grid dt[b-5zulrw41yx] { margin-bottom: .3rem; color: var(--x2-muted); font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.info-grid dd[b-5zulrw41yx] { margin: 0; font-size: 1rem; font-weight: 650; overflow-wrap: anywhere; }
.card-actions[b-5zulrw41yx] { display: flex; justify-content: flex-end; gap: .75rem; margin-top: 1.5rem; }
.team-heading[b-5zulrw41yx] { flex-wrap: wrap; }
.member-form[b-5zulrw41yx] { margin-bottom: 1.5rem; padding: 1.25rem; border: 1px solid var(--x2-border); border-radius: 16px; background: rgba(124, 162, 255, .06); }
.admin-toggle[b-5zulrw41yx] { display: flex; align-items: center; gap: .6rem; min-height: 42px; font-weight: 700; }
.team-list[b-5zulrw41yx] { display: grid; gap: .75rem; }
.team-member[b-5zulrw41yx] { display: flex; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid rgba(139, 157, 214, .18); border-radius: 14px; background: rgba(255,255,255,.025); }
.member-avatar[b-5zulrw41yx] { display: grid; flex: 0 0 42px; height: 42px; place-items: center; border-radius: 50%; color: #071127; background: #a9c0ff; font-weight: 900; text-transform: uppercase; }
.member-details[b-5zulrw41yx] { display: flex; flex: 1; min-width: 0; flex-direction: column; }
.member-details span[b-5zulrw41yx] { color: var(--x2-muted); font-size: .86rem; overflow-wrap: anywhere; }
.member-badges[b-5zulrw41yx] { display: flex; gap: .45rem; }
.role-badge[b-5zulrw41yx], .invite-badge[b-5zulrw41yx] { padding: .3rem .55rem; border-radius: 999px; background: rgba(124,162,255,.15); font-size: .72rem; font-weight: 800; }
.invite-badge.accepted[b-5zulrw41yx] { color: #59d99b; background: rgba(89,217,155,.1); }
.invite-badge.pending[b-5zulrw41yx] { color: #ffe29a; background: rgba(255,193,7,.09); }
@media (max-width: 767px) { .team-member[b-5zulrw41yx] { align-items: flex-start; flex-wrap: wrap; } .member-details[b-5zulrw41yx] { flex-basis: calc(100% - 60px); } .member-badges[b-5zulrw41yx] { margin-left: 58px; } }
@media (max-width: 575px) { .account-card[b-5zulrw41yx] { padding: 1.25rem; } .info-grid[b-5zulrw41yx] { grid-template-columns: 1fr; } .info-grid .full-width[b-5zulrw41yx] { grid-column: auto; } .card-actions[b-5zulrw41yx] { flex-direction: column-reverse; } }
/* /Components/Pages/Landing.razor.rz.scp.css */
:global(body)[b-jjhudhb62f] { background: #f4f1ea; }
.landing-page[b-jjhudhb62f] { min-height: 100vh; overflow: hidden; color: #151724; background: #f4f1ea; }
.landing-nav[b-jjhudhb62f] { display: flex; position: relative; z-index: 5; align-items: center; justify-content: space-between; width: min(100% - 3rem, 1280px); margin: 0 auto; padding: 1.35rem 0; }
.landing-brand[b-jjhudhb62f] { display: flex; align-items: center; gap: .7rem; color: #151724; font-size: 1.15rem; font-weight: 900; text-decoration: none; letter-spacing: -.04em; }
.landing-brand img[b-jjhudhb62f] { width: 36px; height: 36px; object-fit: contain; }
.landing-nav-actions[b-jjhudhb62f] { display: flex; align-items: center; gap: 1.25rem; }
.login-link[b-jjhudhb62f] { color: #151724; font-size: .9rem; font-weight: 750; text-decoration: none; }
.nav-cta[b-jjhudhb62f] { padding: .72rem 1.15rem; color: #fff; border-radius: 999px; background: #151724; font-size: .85rem; font-weight: 800; text-decoration: none; }
.hero[b-jjhudhb62f] { display: grid; position: relative; isolation: isolate; grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr); align-items: center; gap: 5vw; width: min(100% - 3rem, 1280px); min-height: 720px; margin: 0 auto; padding: 5rem 0 8rem; }
.hero[b-jjhudhb62f]::before { position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; background: url('/images/x2unoBanner.png') center top / cover no-repeat; content: ''; opacity: .18; transform: translateX(-50%); pointer-events: none; }
.hero-glow[b-jjhudhb62f] { position: absolute; top: -15%; right: -15%; width: 660px; height: 660px; border-radius: 50%; background: radial-gradient(circle, rgba(104, 102, 246, .22), transparent 68%); filter: blur(8px); }
.hero-copy[b-jjhudhb62f] { position: relative; z-index: 2; }
.hero-kicker[b-jjhudhb62f], .section-kicker[b-jjhudhb62f] { color: #696b76; font-size: .75rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.hero-kicker span[b-jjhudhb62f] { display: inline-block; width: 7px; height: 7px; margin-right: .45rem; border-radius: 50%; background: #746df7; box-shadow: 0 0 0 5px rgba(116,109,247,.12); }
.hero h1[b-jjhudhb62f] { margin: 1.5rem 0 -.5rem; font-size: clamp(4.8rem, 10vw, 8rem); font-weight: 950; line-height: .9; letter-spacing: -.09em; }
.hero-title[b-jjhudhb62f] { margin: 0; font-size: clamp(2.2rem, 4.2vw, 4.3rem); font-weight: 850; line-height: 1.02; letter-spacing: -.065em; }
.hero-title em[b-jjhudhb62f] { color: #6c65ef; font-style: normal; }
.hero-description[b-jjhudhb62f] { max-width: 570px; margin: 1.75rem 0 2rem; color: #5d606b; font-size: 1.05rem; line-height: 1.7; }
.hero-actions[b-jjhudhb62f] { display: flex; align-items: center; gap: 1.6rem; }
.primary-cta[b-jjhudhb62f] { display: inline-flex; align-items: center; gap: 1.4rem; padding: 1rem 1.2rem 1rem 1.5rem; color: #fff; border-radius: 999px; background: #6c65ef; box-shadow: 0 14px 35px rgba(86,78,221,.24); font-size: .9rem; font-weight: 850; text-decoration: none; }
.primary-cta span[b-jjhudhb62f] { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.18); }
.text-link[b-jjhudhb62f] { color: #30323c; border-bottom: 1px solid #b5b2aa; font-size: .88rem; font-weight: 750; text-decoration: none; }
.trial-note[b-jjhudhb62f] { margin: 1rem 0 0; color: #86858b; font-size: .75rem; }
.extension-preview[b-jjhudhb62f] { position: relative; z-index: 1; min-height: 460px; transform: rotate(2deg); border: 1px solid rgba(18,20,34,.12); border-radius: 24px; background: #fff; box-shadow: 0 40px 90px rgba(30,29,57,.18); overflow: visible; }
.browser-bar[b-jjhudhb62f] { display: flex; align-items: center; gap: 7px; height: 52px; padding: 0 1.2rem; border-bottom: 1px solid #e9e8ec; }
.browser-bar i[b-jjhudhb62f] { width: 9px; height: 9px; border-radius: 50%; background: #e1dfe6; }
.browser-bar span[b-jjhudhb62f] { margin-left: 1rem; padding: .45rem 5rem; color: #9a98a1; border-radius: 8px; background: #f5f4f7; font-size: .68rem; }
.preview-body[b-jjhudhb62f] { display: grid; grid-template-columns: 72px 1fr; min-height: 408px; }
.preview-sidebar[b-jjhudhb62f] { display: flex; align-items: center; flex-direction: column; gap: 1.5rem; padding-top: 1.5rem; color: white; background: #25263d; border-radius: 0 0 0 24px; }
.preview-sidebar b[b-jjhudhb62f] { font-size: 1.4rem; }
.preview-sidebar span[b-jjhudhb62f] { width: 24px; height: 5px; border-radius: 4px; background: #55566b; }
.preview-content[b-jjhudhb62f] { padding: 4rem 3rem 2rem; }
.preview-content small[b-jjhudhb62f] { color: #6c65ef; font-weight: 900; letter-spacing: .14em; }
.preview-content h2[b-jjhudhb62f] { margin: .8rem 0 2.2rem; color: #252638; font-size: 2rem; line-height: 1.08; letter-spacing: -.04em; }
.match-card[b-jjhudhb62f] { display: grid; grid-template-columns: 1fr auto 32px; align-items: center; gap: 1rem; margin-bottom: .8rem; padding: 1.1rem; border: 1px solid #e8e7ec; border-radius: 14px; color: #595b64; font-size: .72rem; }
.match-card strong[b-jjhudhb62f] { color: #37a672; }.match-card i[b-jjhudhb62f] { display: grid; height: 32px; place-items: center; color: white; border-radius: 50%; background: #43bc83; font-style: normal; }.match-card.muted strong[b-jjhudhb62f] { color: #777984; }.match-card.muted i[b-jjhudhb62f] { background: #6c65ef; }
.extension-pill[b-jjhudhb62f] { position: absolute; right: -25px; bottom: 55px; padding: .8rem 1.15rem; color: white; border-radius: 12px; background: #6c65ef; box-shadow: 0 14px 30px rgba(55,49,160,.25); font-size: .8rem; font-weight: 750; }.extension-pill span[b-jjhudhb62f] { margin-right: .5rem; font-weight: 950; }
.features-section[b-jjhudhb62f] { padding: 7rem max(1.5rem, calc((100vw - 1280px) / 2)); background: #171824; }
.features-heading[b-jjhudhb62f] { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 4rem; margin-bottom: 4rem; color: white; }
.features-heading .section-kicker[b-jjhudhb62f] { color: #9c99ac; }.features-heading h2[b-jjhudhb62f] { margin: .8rem 0 0; font-size: clamp(2.7rem, 5vw, 5rem); font-weight: 900; line-height: .95; letter-spacing: -.065em; }.features-heading p[b-jjhudhb62f] { max-width: 500px; margin: 0 0 .5rem; color: #aaa9b4; line-height: 1.75; }
.feature-list[b-jjhudhb62f] { display: flex; flex-direction: column; gap: 1.5rem; }
.feature-row[b-jjhudhb62f] { display: grid; grid-template-columns: 82px 1fr auto; align-items: center; gap: 1.5rem; width: min(92%, 1120px); min-height: 190px; padding: 2.25rem; color: white; border: 1px solid #353644; border-radius: 26px; background: #1d1e2b; box-shadow: 0 18px 55px rgba(5, 6, 15, .18); outline: none; transition: background .3s ease, border-color .3s ease, box-shadow .3s ease, transform .35s ease; }
.feature-row:nth-child(even)[b-jjhudhb62f] { align-self: flex-end; }
.feature-row:hover[b-jjhudhb62f], .feature-row:focus-visible[b-jjhudhb62f] { z-index: 1; border-color: color-mix(in srgb, var(--accent), transparent 40%); background: #252634; box-shadow: 0 26px 70px rgba(5, 6, 15, .34), 0 0 0 1px color-mix(in srgb, var(--accent), transparent 68%); transform: translateX(4.35%) scale(1.015); }
.feature-row:nth-child(even):hover[b-jjhudhb62f], .feature-row:nth-child(even):focus-visible[b-jjhudhb62f] { transform: translateX(-4.35%) scale(1.015); }
.feature-icon[b-jjhudhb62f] { display: grid; width: 68px; height: 68px; place-items: center; border-radius: 20px; background: var(--accent); box-shadow: 0 12px 35px color-mix(in srgb, var(--accent), transparent 72%); font-size: 1.8rem; font-weight: 900; }.feature-copy span[b-jjhudhb62f] { color: #858692; font-size: .73rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.feature-copy h3[b-jjhudhb62f] { margin: .45rem 0 .7rem; font-size: clamp(1.5rem, 2.4vw, 2.25rem); font-weight: 850; letter-spacing: -.04em; }.feature-copy p[b-jjhudhb62f] { max-width: 630px; margin: 0; color: #aaaab4; line-height: 1.6; }.feature-tag[b-jjhudhb62f] { padding: .55rem .75rem; color: var(--accent); border: 1px solid color-mix(in srgb, var(--accent), transparent 55%); border-radius: 999px; font-size: .65rem; font-weight: 900; letter-spacing: .1em; }.feature-blue[b-jjhudhb62f] { --accent: #686cf1; }.feature-purple[b-jjhudhb62f] { --accent: #a85be1; }.feature-coral[b-jjhudhb62f] { --accent: #ef6f74; }.feature-green[b-jjhudhb62f] { --accent: #3ead83; }.feature-future[b-jjhudhb62f] { --accent: #e4aa44; }
.closing-cta[b-jjhudhb62f] { padding: 8rem 1.5rem; color: #171824; background: #a8ddca; text-align: center; }.closing-cta .section-kicker[b-jjhudhb62f] { color: #467866; }.closing-cta h2[b-jjhudhb62f] { margin: 1rem 0; font-size: clamp(3.5rem, 8vw, 7rem); font-weight: 950; line-height: .88; letter-spacing: -.075em; }.closing-cta p[b-jjhudhb62f] { margin-bottom: 2rem; color: #477061; }.primary-cta.light[b-jjhudhb62f] { color: white; background: #171824; box-shadow: none; }
footer[b-jjhudhb62f] { display: flex; justify-content: space-between; padding: 2rem max(1.5rem, calc((100vw - 1280px) / 2)); color: #9796a0; background: #171824; font-size: .8rem; }footer a[b-jjhudhb62f] { color: #d5d4db; }.footer-links[b-jjhudhb62f] { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; }
@media (max-width: 900px) { .hero[b-jjhudhb62f] { grid-template-columns: 1fr; padding-top: 3rem; }.extension-preview[b-jjhudhb62f] { width: min(100%, 680px); }.features-heading[b-jjhudhb62f] { grid-template-columns: 1fr; gap: 1.5rem; }.feature-row[b-jjhudhb62f] { grid-template-columns: 70px 1fr; }.feature-tag[b-jjhudhb62f] { display: none; } }
@media (max-width: 600px) { .landing-nav[b-jjhudhb62f] { width: min(100% - 2rem, 1280px); }.login-link[b-jjhudhb62f] { display: none; }.hero[b-jjhudhb62f] { width: min(100% - 2rem, 1280px); min-height: auto; padding: 3rem 0 6rem; }.hero h1[b-jjhudhb62f] { font-size: 4.5rem; }.hero-actions[b-jjhudhb62f] { align-items: flex-start; flex-direction: column; }.extension-preview[b-jjhudhb62f] { min-height: 365px; transform: none; }.preview-body[b-jjhudhb62f] { grid-template-columns: 48px 1fr; min-height: 313px; }.preview-content[b-jjhudhb62f] { padding: 2.5rem 1.25rem; }.preview-content h2[b-jjhudhb62f] { font-size: 1.45rem; }.browser-bar span[b-jjhudhb62f] { padding-right: 2rem; padding-left: 2rem; }.match-card[b-jjhudhb62f] { grid-template-columns: 1fr 28px; }.match-card strong[b-jjhudhb62f] { display: none; }.extension-pill[b-jjhudhb62f] { right: 10px; bottom: -20px; }.features-section[b-jjhudhb62f] { padding-top: 5rem; padding-bottom: 5rem; }.feature-row[b-jjhudhb62f] { grid-template-columns: 1fr; gap: 1rem; width: 96%; padding: 1.5rem; }.feature-row:hover[b-jjhudhb62f], .feature-row:focus-visible[b-jjhudhb62f] { transform: translateX(2.08%) scale(1.01); }.feature-row:nth-child(even):hover[b-jjhudhb62f], .feature-row:nth-child(even):focus-visible[b-jjhudhb62f] { transform: translateX(-2.08%) scale(1.01); }.feature-icon[b-jjhudhb62f] { width: 54px; height: 54px; border-radius: 16px; }.feature-copy h3[b-jjhudhb62f] { font-size: 1.45rem; }.closing-cta[b-jjhudhb62f] { padding: 6rem 1rem; } footer[b-jjhudhb62f] { align-items: flex-start; flex-direction: column; gap: 1rem; } }
@media (prefers-reduced-motion: reduce) { .feature-row[b-jjhudhb62f] { transition: none; }.feature-row[b-jjhudhb62f], .feature-row:nth-child(even)[b-jjhudhb62f], .feature-row:hover[b-jjhudhb62f], .feature-row:focus-visible[b-jjhudhb62f] { transform: none; } }
/* /Components/Pages/Terms.razor.rz.scp.css */
:global(body)[b-7a2iw158iz] { background: #f4f1ea; }
.terms-page[b-7a2iw158iz] { min-height: 100vh; color: #20212b; background: #f4f1ea; }
.terms-nav[b-7a2iw158iz] { display: flex; align-items: center; justify-content: space-between; width: min(100% - 3rem, 980px); margin: 0 auto; padding: 1.35rem 0; }
.terms-nav > a:last-child[b-7a2iw158iz] { color: #4d4f5b; font-size: .9rem; font-weight: 750; }
.terms-brand[b-7a2iw158iz] { display: flex; align-items: center; gap: .7rem; color: #151724; font-size: 1.15rem; font-weight: 900; text-decoration: none; letter-spacing: -.04em; }
.terms-brand img[b-7a2iw158iz] { width: 36px; height: 36px; object-fit: contain; }
.terms-card[b-7a2iw158iz] { width: min(100% - 3rem, 880px); margin: 2rem auto 5rem; padding: clamp(2rem, 6vw, 5rem); border: 1px solid #ddd9d0; border-radius: 24px; background: #fff; box-shadow: 0 28px 70px rgba(39, 36, 53, .08); }
.terms-card header[b-7a2iw158iz] { padding-bottom: 2rem; border-bottom: 1px solid #e7e3db; }
.eyebrow[b-7a2iw158iz] { color: #6c65ef; font-size: .76rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
h1[b-7a2iw158iz] { margin: .5rem 0; color: #171824; font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 900; letter-spacing: -.06em; }
.effective-date[b-7a2iw158iz] { color: #777782; font-size: .9rem; font-weight: 700; }
section[b-7a2iw158iz] { margin-top: 2.25rem; }
h2[b-7a2iw158iz] { margin-bottom: .7rem; color: #252634; font-size: 1.25rem; font-weight: 850; letter-spacing: -.02em; }
p[b-7a2iw158iz] { color: #5f606b; line-height: 1.75; }
.terms-footer[b-7a2iw158iz] { display: flex; justify-content: space-between; padding: 2rem max(1.5rem, calc((100vw - 980px) / 2)); color: #9796a0; background: #171824; font-size: .8rem; }
.terms-footer a[b-7a2iw158iz] { color: #d5d4db; }
@media (max-width: 600px) { .terms-nav[b-7a2iw158iz], .terms-card[b-7a2iw158iz] { width: min(100% - 2rem, 880px); } .terms-card[b-7a2iw158iz] { margin-top: 1rem; padding: 1.5rem; border-radius: 18px; } .terms-footer[b-7a2iw158iz] { align-items: flex-start; flex-direction: column; gap: .75rem; } }