@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Components/ContentCard.razor.rz.scp.css */
/**************************************************************************

CONTENT CARD

**************************************************************************/

.content-card[b-h95ty4zikj]{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    background:

        linear-gradient(
            180deg,
            #181818,
            #101010
        );

    transition:
        transform .25s,
        border-color .25s,
        box-shadow .25s;

}

/**************************************************************************
HEADER
**************************************************************************/

.content-card-header[b-h95ty4zikj]{

    padding:24px 30px;

    border-bottom:1px solid rgba(216,163,64,.12);

}

/**************************************************************************
BODY
**************************************************************************/

.content-card-body[b-h95ty4zikj]{

    display:flex;

    flex-direction:column;

    gap:0px;

}

/**************************************************************************
FOOTER
**************************************************************************/

.content-card-footer[b-h95ty4zikj]{

    padding:20px 30px;

    border-top:1px solid rgba(216,163,64,.10);

}

/**************************************************************************
PADDING
**************************************************************************/

.padding .content-card-body[b-h95ty4zikj]{

    padding:30px;

}

/**************************************************************************
BORDER
**************************************************************************/

.bordered[b-h95ty4zikj]{

    border:1px solid rgba(216,163,64,.18);

}

/**************************************************************************
SHADOW
**************************************************************************/

.shadowed[b-h95ty4zikj]{

    box-shadow:var(--shadow-medium);

}

/**************************************************************************
HOVER
**************************************************************************/

.hover:hover[b-h95ty4zikj]{

    transform:translateY(-6px);

    border-color:rgba(216,163,64,.35);

    box-shadow:

        var(--gold-glow),

        var(--shadow-large);

}

/**************************************************************************
DEFAULT
**************************************************************************/

.variant-default[b-h95ty4zikj]{

    background:

        linear-gradient(
            180deg,
            #181818,
            #101010
        );

}

/**************************************************************************
PREMIUM
**************************************************************************/

.variant-premium[b-h95ty4zikj]{

    background:

        linear-gradient(
            135deg,
            #20180c,
            #171717,
            #111
        );

}

/**************************************************************************
INFO
**************************************************************************/

.variant-info[b-h95ty4zikj]{

    border-left:5px solid #3aa9ff;

}

/**************************************************************************
SUCCESS
**************************************************************************/

.variant-success[b-h95ty4zikj]{

    border-left:5px solid var(--green-3);

}

/**************************************************************************
WARNING
**************************************************************************/

.variant-warning[b-h95ty4zikj]{

    border-left:5px solid var(--gold-3);

}

/**************************************************************************
DANGER
**************************************************************************/

.variant-danger[b-h95ty4zikj]{

    border-left:5px solid var(--red-3);

}

/**************************************************************************
DONATION
**************************************************************************/

.variant-donation[b-h95ty4zikj]{

    background:

        linear-gradient(
            180deg,
            #1d1609,
            #111
        );

}

/**************************************************************************
GLASS
**************************************************************************/

.variant-glass[b-h95ty4zikj]{

    backdrop-filter:blur(18px);

    background:rgba(255,255,255,.03);

}

/**************************************************************************
FLAT
**************************************************************************/

.variant-flat[b-h95ty4zikj]{

    background:#111;

}

/**************************************************************************
RESPONSIVE
**************************************************************************/

@media(max-width:768px){

    .content-card-header[b-h95ty4zikj]{

        padding:18px;

    }

    .padding .content-card-body[b-h95ty4zikj]{

        padding:20px;

    }

    .content-card-footer[b-h95ty4zikj]{

        padding:18px;

    }

}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.faem-app[b-tbcxn9xaul]{
    min-height:100vh;
    background:#050505;
    display:grid;
    grid-template-columns:280px 1fr;
    transition:grid-template-columns .3s ease;
    height:100vh;
}

.faem-app.sidebar-hidden[b-tbcxn9xaul]{
    grid-template-columns:0 1fr;
}

.faem-content[b-tbcxn9xaul]{

    display:flex;

    flex-direction:column;

    flex:1;

    overflow:hidden;

}

.faem-main[b-tbcxn9xaul]{

    flex:1;

    padding:35px;

    overflow-y:auto;

}
/* /Components/Layout/PremiumFooter.razor.rz.scp.css */
/**************************************************************************
*
* PREMIUM FOOTER
*
**************************************************************************/

.premium-footer[b-fwnvdtut73]{

    margin-top:60px;

    background:
        linear-gradient(
            180deg,
            #141414,
            #080808
        );

    border-top:1px solid rgba(216,163,64,.20);

    padding:50px 45px 25px;

}

/**************************************************************************
*
* GRID
*
**************************************************************************/

.footer-grid[b-fwnvdtut73]{

    display:grid;

    grid-template-columns:
        2fr
        1fr
        1fr
        1fr;

    gap:50px;

}

/**************************************************************************
*
* COLUMN
*
**************************************************************************/

.footer-column[b-fwnvdtut73]{

    display:flex;

    flex-direction:column;

}

.footer-column h4[b-fwnvdtut73]{

    color:var(--gold-2);

    margin-bottom:20px;

    font-size:18px;

}

/**************************************************************************
*
* LOGO
*
**************************************************************************/

.footer-logo[b-fwnvdtut73]{

    display:flex;

    gap:18px;

    align-items:center;

    margin-bottom:20px;

}

.footer-logo img[b-fwnvdtut73]{

    width:64px;

    height:64px;

}

.footer-logo h3[b-fwnvdtut73]{

    margin:0;

    color:white;

}

.footer-logo span[b-fwnvdtut73]{

    color:#999;

    font-size:13px;

}

.footer-description[b-fwnvdtut73]{

    color:#999;

    line-height:1.8;

    max-width:450px;

}

/**************************************************************************
*
* LINKS
*
**************************************************************************/

.footer-column a[b-fwnvdtut73]{
    text-decoration:none;
    transition:.25s;
}

/**************************************************************************
*
* STATUS
*
**************************************************************************/

.footer-status[b-fwnvdtut73]{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:15px;

    color:#d7d7d7;

}

.footer-status i[b-fwnvdtut73]{

    color:var(--gold-3);

}

.status-dot[b-fwnvdtut73]{

    width:10px;

    height:10px;

    border-radius:50%;

    background:var(--green-3);

    box-shadow:0 0 12px var(--green-3);

}

/**************************************************************************
*
* HR
*
**************************************************************************/

.premium-footer hr[b-fwnvdtut73]{

    margin:40px 0 25px;

    border-color:rgba(216,163,64,.15);

}

/**************************************************************************
*
* BOTTOM
*
**************************************************************************/

.footer-bottom[b-fwnvdtut73]{

    display:flex;

    justify-content:space-between;

    align-items:center;

    color:#777;

}

/**************************************************************************
*
* SOCIAL
*
**************************************************************************/

.footer-social[b-fwnvdtut73]{

    display:flex;

    gap:18px;

}

.footer-social a[b-fwnvdtut73]{

    width:46px;

    height:46px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:#111;

    color:var(--gold-3);

    transition:.25s;

    border:1px solid rgba(216,163,64,.15);

}

.footer-social a:hover[b-fwnvdtut73]{

    background:#1d1d1d;

    transform:translateY(-4px);

    box-shadow:var(--gold-glow);

}

/**************************************************************************
*
* RESPONSIVE
*
**************************************************************************/

@media(max-width:1200px){

.footer-grid[b-fwnvdtut73]{

    grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.footer-grid[b-fwnvdtut73]{

    grid-template-columns:1fr;

}

.footer-bottom[b-fwnvdtut73]{

    flex-direction:column;

    gap:25px;

    text-align:center;

}

}

/**************************************************************************
*
* SOCIAL NETWORK COLORS
*
**************************************************************************/

.footer-social a:nth-child(1):hover[b-fwnvdtut73]{

    color:#d8a340;

}

.footer-social a:nth-child(2):hover[b-fwnvdtut73]{

    color:#FF0000;

}

.footer-social a:nth-child(3):hover[b-fwnvdtut73]{

    color:#1877F2;

}

.footer-social a:nth-child(4):hover[b-fwnvdtut73]{

    color:#E4405F;

}

.footer-social a:nth-child(5):hover[b-fwnvdtut73]{

    color:#ffb300;

}

.footer-social a:nth-child(6):hover[b-fwnvdtut73]{

    color:#ffffff;

}
/* /Components/Layout/PremiumHeader.razor.rz.scp.css */
/**************************************************************************

Premium Header

**************************************************************************/

.premium-header[b-18m64qg1qg]{

    height:82px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 32px;

    background:

        linear-gradient(
            180deg,
            rgba(24,24,24,.98),
            rgba(10,10,10,.98)
        );

    border-bottom:1px solid rgba(216,163,64,.18);

    backdrop-filter:blur(20px);

    position:sticky;

    top:0;

    z-index:1000;

}

/**************************************************************************/

.header-left[b-18m64qg1qg]{

    display:flex;

    align-items:center;

    gap:22px;

}

/**************************************************************************/

.menu-button[b-18m64qg1qg]{

    width:48px;

    height:48px;

    border:none;

    background:#111;

    border-radius:14px;

    color:var(--gold-3);

    transition:.25s;

}

.menu-button:hover[b-18m64qg1qg]{

    background:#1b1b1b;

    box-shadow:var(--gold-glow);

}

/**************************************************************************/

.header-search[b-18m64qg1qg]{

    position:relative;

    width:200px;

}

.header-search input[b-18m64qg1qg]{

    width:100%;

    height:48px;

    padding-left:52px;

    border-radius:28px;

    border:1px solid rgba(216,163,64,.18);

    background:#111;

    color:white;

}

.header-search input:focus[b-18m64qg1qg]{

    outline:none;

    border-color:var(--gold-4);

    box-shadow:0 0 18px rgba(216,163,64,.18);

}

.header-search i[b-18m64qg1qg]{

    position:absolute;

    left:18px;

    top:50%;

    transform:translateY(-50%);

    color:var(--gold-3);

}

/**************************************************************************/

.header-center[b-18m64qg1qg]{

    display:flex;

    align-items:center;

    gap:18px;

}

/**************************************************************************/

.market-status[b-18m64qg1qg]{

    display:flex;

    align-items:center;

    gap:10px;

    color:#bbb;

    font-size:14px;

}

.status-dot[b-18m64qg1qg]{

    width:10px;

    height:10px;

    border-radius:50%;

    background:var(--green-3);

    box-shadow:0 0 12px var(--green-3);

}

.status-open[b-18m64qg1qg]{

    color:var(--green-3);

    font-weight:700;

}

.header-divider[b-18m64qg1qg]{

    width:1px;

    height:26px;

    background:rgba(216,163,64,.18);

}

/**************************************************************************/

.header-right[b-18m64qg1qg]{

    display:flex;

    align-items:center;

    gap:14px;

}

/**************************************************************************/

.icon-button[b-18m64qg1qg]{

    width:46px;

    height:46px;

    border:none;

    border-radius:14px;

    background:#111;

    color:var(--gold-3);

    transition:.25s;

}

.icon-button:hover[b-18m64qg1qg]{

    background:#1d1d1d;

    transform:translateY(-2px);

    box-shadow:var(--gold-glow);

}

/**************************************************************************/

.notification[b-18m64qg1qg]{

    position:relative;

}

.notification[b-18m64qg1qg]::after{

    content:"";

    position:absolute;

    top:10px;

    right:10px;

    width:9px;

    height:9px;

    border-radius:50%;

    background:var(--green-3);

    box-shadow:0 0 10px var(--green-3);

}

/**************************************************************************/

.header-profile[b-18m64qg1qg]{

    display:flex;

    align-items:center;

    gap:14px;

    padding:8px 16px;

    border-radius:18px;

    background:#111;

    border:1px solid rgba(216,163,64,.15);

}

.header-profile img[b-18m64qg1qg]{

    width:46px;

    height:46px;

    border-radius:50%;

    object-fit:cover;

}

.header-profile .name[b-18m64qg1qg]{

    color:white;

    font-weight:700;

}

.header-profile .plan[b-18m64qg1qg]{

    color:var(--gold-3);

    font-size:12px;

}

/**************************************************************************/

@media(max-width:1400px){

.header-center[b-18m64qg1qg]{

    display:none;

}

}

@media(max-width:900px){

.header-search[b-18m64qg1qg]{

    width:220px;

}

.header-profile div[b-18m64qg1qg]{

    display:none;

}

}

@media(max-width:700px){

.header-search[b-18m64qg1qg]{

    display:none;

}

}
/* /Components/Layout/PremiumSidebar.razor.rz.scp.css */
/**************************************************************************
*
* Premium Sidebar
*
**************************************************************************/

.sidebar[b-20ko8ti8l5]{

    width:280px;

    height:100vh;

    position:sticky;

    top:0;

    overflow-y:auto;

    display:flex;

    flex-direction:column;

    background:
        linear-gradient(
            180deg,
            #181818,
            #101010,
            #060606
        );

    border-right:1px solid rgba(216,163,64,.18);

    box-shadow:

        18px 0 35px rgba(0,0,0,.35);

}

/**************************************************************************
*
* LOGO
*
**************************************************************************/

.sidebar-logo[b-20ko8ti8l5]{

    padding:28px;

    display:flex;

    gap:18px;

    align-items:center;

    border-bottom:1px solid rgba(216,163,64,.12);

}

.sidebar-logo img[b-20ko8ti8l5]{

    width:58px;

    height:58px;

    border-radius:16px;

}

.sidebar-logo h1[b-20ko8ti8l5]{

    margin:0;

    color:var(--gold-2);

    font-size:30px;

    font-weight:700;

}

.sidebar-logo span[b-20ko8ti8l5]{

    color:#888;

    font-size:12px;

    letter-spacing:2px;

}

/**************************************************************************
*
* MENU
*
**************************************************************************/

.sidebar-menu[b-20ko8ti8l5]{

    padding:18px;

    flex:1;

}

.sidebar-section[b-20ko8ti8l5]{

    color:var(--gold-3);

    font-size:12px;

    text-transform:uppercase;

    margin:

        25px 15px 10px;

    letter-spacing:2px;

}

/**************************************************************************
*
* LINKS
*
**************************************************************************/

.sidebar-menu a[b-20ko8ti8l5]{

    display:flex;

    align-items:center;

    gap:16px;

    padding:14px 18px;

    margin-bottom:6px;

    border-radius:14px;

    color:#d8d8d8;

    text-decoration:none;

    transition:.25s;

}

.sidebar-menu a:hover[b-20ko8ti8l5]{

    background:

        rgba(216,163,64,.08);

    color:white;

    transform:

        translateX(5px);

}

/**************************************************************************
*
* ACTIVE
*
**************************************************************************/

.sidebar-menu a.active[b-20ko8ti8l5]{

    background:

        linear-gradient(

            90deg,

            rgba(216,163,64,.18),

            rgba(216,163,64,.05)

        );

    border-left:4px solid var(--gold-4);

    color:white;

}

/**************************************************************************
*
* ICONS
*
**************************************************************************/

.sidebar-menu i[b-20ko8ti8l5]{

    width:26px;

    text-align:center;

    color:var(--gold-3);

    font-size:22px;

}

/**************************************************************************
*
* MARKET STATUS
*
**************************************************************************/

.market-status[b-20ko8ti8l5]{

    margin:20px;

    padding:18px;

    border-radius:18px;

    background:#111;

    border:1px solid rgba(216,163,64,.18);

}

.market-row[b-20ko8ti8l5]{

    display:flex;

    justify-content:space-between;

    margin-bottom:10px;

}

.market-open[b-20ko8ti8l5]{

    color:var(--green-3);

    font-weight:700;

}

/**************************************************************************
*
* PORTFOLIO CARD
*
**************************************************************************/

.sidebar-portfolio[b-20ko8ti8l5]{

    margin:20px;

    padding:20px;

    background:#111;

    border-radius:18px;

    border:1px solid rgba(216,163,64,.18);

}

.sidebar-portfolio h4[b-20ko8ti8l5]{

    color:var(--gold-2);

    margin-bottom:10px;

}

.sidebar-portfolio-value[b-20ko8ti8l5]{

    font-size:32px;

    font-weight:700;

    color:white;

}

.sidebar-profit[b-20ko8ti8l5]{

    color:var(--green-3);

    font-size:18px;

    font-weight:700;

}

/**************************************************************************
*
* USER
*
**************************************************************************/

.sidebar-user[b-20ko8ti8l5]{

    padding:20px;

    border-top:1px solid rgba(216,163,64,.12);

}

.sidebar-user-card[b-20ko8ti8l5]{

    display:flex;

    align-items:center;

    gap:15px;

    padding:15px;

    background:#111;

    border-radius:16px;

    border:1px solid rgba(216,163,64,.18);

}

.avatar[b-20ko8ti8l5]{

    width:52px;

    height:52px;

    border-radius:50%;

    object-fit:cover;

}

.sidebar-user-name[b-20ko8ti8l5]{

    color:white;

    font-weight:700;

}

.sidebar-user-plan[b-20ko8ti8l5]{

    color:var(--gold-3);

    font-size:13px;

}

/**************************************************************************
*
* FOOTER
*
**************************************************************************/

.sidebar-footer[b-20ko8ti8l5]{

    margin-top:15px;

    text-align:center;

    color:#777;

    font-size:12px;

}

/**************************************************************************
*
* SCROLLBAR
*
**************************************************************************/

.sidebar[b-20ko8ti8l5]::-webkit-scrollbar{

    width:8px;

}

.sidebar[b-20ko8ti8l5]::-webkit-scrollbar-thumb{

    background:var(--gold-5);

    border-radius:20px;

}

/**************************************************************************
*
* RESPONSIVE
*
**************************************************************************/

@media(max-width:1200px){

.sidebar[b-20ko8ti8l5]{

    width:90px;

}

.sidebar-logo h1[b-20ko8ti8l5],

.sidebar-logo span[b-20ko8ti8l5],

.sidebar-menu span[b-20ko8ti8l5],

.sidebar-section[b-20ko8ti8l5],

.sidebar-user-name[b-20ko8ti8l5],

.sidebar-user-plan[b-20ko8ti8l5],

.sidebar-portfolio[b-20ko8ti8l5]{

    display:none;

}

.sidebar-menu a[b-20ko8ti8l5]{

    justify-content:center;

    padding:16px;

}

.sidebar-menu i[b-20ko8ti8l5]{

    margin:0;

}

}

@media(max-width:900px){

.sidebar[b-20ko8ti8l5]{

    position:fixed;

    left:-300px;

    transition:.35s;

}

.sidebar.open[b-20ko8ti8l5]{

    left:0;

}

}
/* /Components/PageHero.razor.rz.scp.css */
.page-hero[b-bxcj82yyuy]{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    margin-bottom:35px;

    border:1px solid rgba(216,163,64,.18);

    background:
        linear-gradient(
            135deg,
            #1a1a1a,
            #111111,
            #080808
        );

    box-shadow:var(--shadow-large);

}

.page-hero-background[b-bxcj82yyuy]{

    position:absolute;

    inset:0;

    background-size:cover;

    background-position:center;

    opacity:.10;

}

.page-hero[b-bxcj82yyuy]::after{

    content:"";

    position:absolute;

    right:-150px;

    top:-150px;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(216,163,64,.08);

    filter:blur(90px);

}

.page-hero-content[b-bxcj82yyuy]{

    position:relative;

    z-index:2;

    padding:45px;

}

.page-hero-header[b-bxcj82yyuy]{

    display:flex;

    align-items:center;

    gap:28px;

}

.page-hero-icon[b-bxcj82yyuy]{

    width:96px;

    height:96px;

    border-radius:24px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:

        linear-gradient(
            var(--gold-2),
            var(--gold-5)
        );

    color:#111;

    font-size:46px;

    flex-shrink:0;

    box-shadow:var(--gold-glow);

}

.page-hero-text[b-bxcj82yyuy]{

    flex:1;

}

.page-hero-text h1[b-bxcj82yyuy]{

    margin:0;

    font-size:46px;

    font-weight:700;

    color:white;

    line-height:1.2;

}

.page-hero-text p[b-bxcj82yyuy]{

    margin-top:12px;

    color:#b5b5b5;

    font-size:18px;

    line-height:1.8;

    max-width:900px;

}

.page-hero-extra[b-bxcj82yyuy]{

    margin-top:35px;

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}
/* /Components/PageSection.razor.rz.scp.css */
.page-section[b-p7c3pxaghj]{

    margin-bottom:40px;

}

.page-section-header[b-p7c3pxaghj]{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:28px;

}

.page-section-header i[b-p7c3pxaghj]{

    font-size:34px;

    color:var(--gold-3);

}

.page-section-header h2[b-p7c3pxaghj]{

    margin:0;

    color:white;

    font-size:30px;

}

.page-section-header p[b-p7c3pxaghj]{

    margin-top:6px;

    color:#999;

}

.page-section-content[b-p7c3pxaghj]{

    display:flex;

    flex-direction:column;

    gap:24px;

}