/* MysticCore frontend */
:root {
    --mc-primary: #8B5CF6;
    --mc-secondary: #3B82F6;
    --mc-accent: #22D3EE;
    --mc-bg: #050711;
    --mc-bg-2: #080B14;
    --mc-panel: #0D1220;
    --mc-panel-2: #101626;
    --mc-panel-3: #131A2B;
    --mc-text: #F8FAFC;
    --mc-muted: #94A3B8;
    --mc-muted-2: #64748B;
    --mc-border: rgba(255, 255, 255, .075);
    --mc-sidebar-width: 270px;
    --mc-topbar-height: 74px;
    --mc-radius: 18px;
    --mc-shadow: 0 22px 60px rgba(0, 0, 0, .28);
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--mc-bg); }
body.mc-body {
    min-height: 100vh;
    margin: 0;
    color: var(--mc-text);
    background:
        radial-gradient(circle at 82% -10%, rgba(99, 102, 241, .14), transparent 30rem),
        radial-gradient(circle at 30% 0%, rgba(139, 92, 246, .08), transparent 34rem),
        var(--mc-bg);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    overflow-x: hidden;
}
body.mc-no-scroll { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }

.mc-app { min-height: 100vh; }
.mc-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: var(--mc-sidebar-width);
    z-index: 1045;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, rgba(8, 11, 20, .99), rgba(6, 9, 18, .98));
    border-right: 1px solid var(--mc-border);
    box-shadow: 18px 0 50px rgba(0, 0, 0, .14);
}
.mc-brand-wrap { height: var(--mc-topbar-height); display: flex; align-items: center; padding: 0 22px; border-bottom: 1px solid var(--mc-border); }
.mc-brand { display: inline-flex; align-items: center; gap: 11px; min-width: 0; }
.mc-brand-mark { width: 37px; height: 37px; display: grid; place-items: center; filter: drop-shadow(0 0 16px rgba(139, 92, 246, .25)); }
.mc-brand-mark img { width: 100%; height: 100%; }
.mc-brand-name { font-size: 1.35rem; font-weight: 800; letter-spacing: -.045em; }
.mc-brand-name span { color: #b991ff; }
.mc-sidebar-close { margin-left: auto; border: 0; color: var(--mc-muted); background: transparent; font-size: 1.15rem; }

.mc-nav { flex: 1; padding: 20px 14px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(148,163,184,.2) transparent; }
.mc-nav-label { padding: 0 12px 8px; color: #556176; text-transform: uppercase; font-size: .68rem; letter-spacing: .12em; font-weight: 800; }
.mc-nav-label-spaced { margin-top: 22px; }
.mc-nav-link { min-height: 46px; display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin: 3px 0; color: #B9C2D3; border: 1px solid transparent; border-radius: 12px; transition: .2s ease; }
.mc-nav-link > i:first-child { width: 22px; text-align: center; color: #8490A5; font-size: 1rem; }
.mc-nav-link:hover { color: #fff; background: rgba(255,255,255,.045); transform: translateX(2px); }
.mc-nav-link:hover > i:first-child { color: #c4b5fd; }
.mc-nav-link.active { color: #fff; background: linear-gradient(90deg, rgba(139,92,246,.21), rgba(59,130,246,.09)); border-color: rgba(139,92,246,.19); box-shadow: inset 3px 0 0 var(--mc-primary), 0 10px 28px rgba(76,29,149,.09); }
.mc-nav-link.active > i:first-child { color: #bda4ff; }
.mc-nav-chevron { font-size: .72rem; }
.mc-nav-children { margin: 3px 0 8px 34px; padding-left: 12px; border-left: 1px solid rgba(148,163,184,.12); }
.mc-nav-child { display: block; padding: 7px 9px; color: #748197; font-size: .88rem; border-radius: 8px; }
.mc-nav-child:hover, .mc-nav-child.active { color: #ddd6fe; background: rgba(139,92,246,.08); }

.mc-sidebar-bottom { padding: 14px; border-top: 1px solid var(--mc-border); }
.mc-discord-card { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid rgba(99,102,241,.19); border-radius: 14px; background: linear-gradient(135deg, rgba(88,101,242,.16), rgba(139,92,246,.08)); transition: .2s ease; }
.mc-discord-card:hover { transform: translateY(-2px); border-color: rgba(139,92,246,.4); color: #fff; }
.mc-discord-card > i { margin-left: auto; color: #8B95A9; }
.mc-discord-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: #5865F2; color: #fff; }
.mc-discord-card strong, .mc-discord-card small { display: block; }
.mc-discord-card strong { font-size: .82rem; }
.mc-discord-card small { font-size: .68rem; color: #8290A5; margin-top: 2px; }
.mc-sidebar-version { padding: 12px 4px 0; color: #495468; font-size: .68rem; display: flex; justify-content: space-between; }

.mc-page { min-height: 100vh; margin-left: var(--mc-sidebar-width); display: flex; flex-direction: column; }
.mc-topbar { position: sticky; top: 0; z-index: 1030; height: var(--mc-topbar-height); display: flex; align-items: center; gap: 16px; padding: 0 26px; border-bottom: 1px solid var(--mc-border); background: rgba(5, 7, 17, .82); backdrop-filter: blur(20px); }
.mc-topbar-menu { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--mc-border); border-radius: 11px; background: rgba(255,255,255,.03); color: #fff; font-size: 1.25rem; }
.mc-search { width: min(540px, 52vw); height: 43px; align-items: center; gap: 11px; padding: 0 14px; border: 1px solid var(--mc-border); border-radius: 12px; color: #6F7B91; background: rgba(14, 19, 33, .75); }
.mc-search i { color: #8996AB; }
.mc-search span { font-size: .84rem; }
.mc-search kbd { margin-left: auto; padding: 3px 7px; border-radius: 7px; color: #738096; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); font-family: inherit; font-size: .67rem; }
.mc-topbar-actions { display: flex; align-items: center; gap: 11px; }
.mc-topbar-actions .nav-link { color: #9AA6B9; padding: .55rem; }
.mc-topbar-actions .nav-link:hover { color: #fff; }
.mc-topbar-login { color: #AFB8C8; font-size: .85rem; }
.mc-topbar-login:hover { color: #fff; }
.mc-user-menu { display: flex; align-items: center; gap: 9px; min-height: 46px; padding: 4px 5px 4px 7px; border: 0; color: #fff; background: transparent; }
.mc-user-avatar-wrap, .mc-profile-avatar-wrap { position: relative; display: inline-flex; }
.mc-user-avatar { width: 37px; height: 37px; object-fit: cover; border-radius: 12px; border: 1px solid rgba(255,255,255,.1); }
.mc-user-meta { flex-direction: column; align-items: flex-start; line-height: 1.16; min-width: 90px; }
.mc-user-meta strong { font-size: .78rem; font-weight: 700; }
.mc-user-meta small { margin-top: 3px; color: #657187; font-size: .66rem; }
.mc-online-dot { position: absolute; right: -2px; bottom: -2px; width: 11px; height: 11px; border-radius: 50%; background: #22C55E; border: 2px solid #080B14; box-shadow: 0 0 8px rgba(34,197,94,.4); }
.mc-dropdown { padding: 7px; min-width: 210px; border: 1px solid var(--mc-border); border-radius: 13px; background: #0D1220; box-shadow: var(--mc-shadow); }
.mc-dropdown .dropdown-item { color: #B6C0D0; border-radius: 8px; padding: .55rem .7rem; font-size: .82rem; }
.mc-dropdown .dropdown-item:hover { color: #fff; background: rgba(139,92,246,.1); }

.mc-content { width: 100%; max-width: 1600px; margin: 0 auto; padding: 24px 26px 36px; flex: 1; }
.mc-content-standard { max-width: 1450px; }
.mc-content-standard > .container, .mc-content-standard .container { max-width: 100%; }

.mc-hero { position: relative; min-height: 370px; overflow: hidden; display: flex; align-items: center; border: 1px solid rgba(139,92,246,.19); border-radius: 22px; background-image: linear-gradient(90deg, rgba(20,10,45,.97) 0%, rgba(9,12,27,.8) 48%, rgba(7,10,23,.2) 100%), var(--mc-hero-image); background-size: cover; background-position: center; box-shadow: var(--mc-shadow); }
.mc-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(255,255,255,.03), transparent 35%); }
.mc-hero-glow { position: absolute; width: 420px; height: 420px; left: 42%; top: 42%; transform: translate(-50%, -50%); background: rgba(139,92,246,.12); filter: blur(80px); border-radius: 50%; }
.mc-hero-content { position: relative; z-index: 2; max-width: 650px; padding: 52px 48px; }
.mc-eyebrow { display: flex; align-items: center; gap: 8px; color: #C4B5FD; font-size: .7rem; font-weight: 800; letter-spacing: .14em; }
.mc-eyebrow span { width: 20px; height: 2px; background: linear-gradient(90deg, var(--mc-primary), var(--mc-accent)); box-shadow: 0 0 12px rgba(139,92,246,.65); }
.mc-hero h1 { max-width: 570px; margin: 14px 0 13px; font-size: clamp(2.5rem, 4.3vw, 4.45rem); line-height: .97; letter-spacing: -.055em; font-weight: 850; }
.mc-hero p { max-width: 590px; margin: 0; color: #B2BBD0; font-size: 1rem; line-height: 1.7; }
.mc-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 25px; }
.mc-btn-primary { display: inline-flex; align-items: center; justify-content: center; gap: 9px; color: #fff !important; border: 1px solid rgba(167,139,250,.35) !important; background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary)); box-shadow: 0 11px 30px rgba(99,102,241,.22), inset 0 1px rgba(255,255,255,.18); }
.mc-btn-primary:hover { filter: brightness(1.08); transform: translateY(-1px); box-shadow: 0 14px 34px rgba(99,102,241,.3); }
.mc-btn-ghost, .mc-btn-panel { display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: #C4CCDA !important; border: 1px solid rgba(255,255,255,.09) !important; background: rgba(255,255,255,.045) !important; }
.mc-btn-ghost:hover, .mc-btn-panel:hover { color: #fff !important; border-color: rgba(139,92,246,.28) !important; background: rgba(139,92,246,.09) !important; }
.mc-hero .btn { padding: .75rem 1.05rem; border-radius: 11px; font-size: .85rem; font-weight: 700; }
.mc-hero-server { display: inline-flex; align-items: center; gap: 10px; margin-top: 25px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(4,7,15,.55); backdrop-filter: blur(12px); }
.mc-hero-server small, .mc-hero-server strong { display: block; }
.mc-hero-server small { color: #6F7D92; font-size: .65rem; }
.mc-hero-server strong { margin-top: 2px; font-size: .76rem; }
.mc-status-dot { display: inline-block; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; }
.mc-status-dot.online { background: #22C55E; box-shadow: 0 0 10px rgba(34,197,94,.55); }
.mc-status-dot.offline { background: #EF4444; box-shadow: 0 0 10px rgba(239,68,68,.4); }
.mc-copy-btn { margin-left: 8px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; color: #AAB5C6; background: rgba(255,255,255,.04); font-size: .7rem; }
.mc-copy-btn:hover, .mc-copy-btn.is-copied { color: #fff; border-color: rgba(139,92,246,.3); background: rgba(139,92,246,.13); }

.mc-stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin: 15px 0 24px; }
.mc-stat-card {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 84px;
    gap: 12px;
    padding: 15px 17px;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.13);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(15,21,36,.98), rgba(8,12,22,.98));
    box-shadow: 0 10px 28px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.02);
    transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.mc-stat-card::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    left: -56px;
    top: -63px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(139,92,246,.09), transparent 70%);
    pointer-events: none;
}
.mc-stat-card:hover {
    transform: translateY(-2px);
    border-color: rgba(139,92,246,.22);
    box-shadow: 0 15px 36px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03);
}
.mc-stat-icon {
    --mc-stat-rgb: 139, 92, 246;
    --mc-stat-light: #C4B5FD;
    position: relative;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--mc-stat-rgb), .48);
    border-radius: 13px;
    color: var(--mc-stat-light);
    background:
        radial-gradient(circle at 50% 18%, rgba(255,255,255,.12), transparent 42%),
        linear-gradient(145deg, rgba(var(--mc-stat-rgb), .22), rgba(var(--mc-stat-rgb), .07));
    box-shadow:
        0 0 0 1px rgba(var(--mc-stat-rgb), .07) inset,
        0 0 14px rgba(var(--mc-stat-rgb), .18),
        0 6px 16px rgba(0,0,0,.16);
    isolation: isolate;
}
.mc-stat-icon::before {
    content: "";
    position: absolute;
    inset: 4px;
    z-index: -1;
    border-radius: 9px;
    background: radial-gradient(circle at 50% 48%, rgba(var(--mc-stat-rgb), .18), transparent 72%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.mc-stat-icon::after {
    content: "";
    position: absolute;
    inset: -6px;
    z-index: -2;
    border-radius: 17px;
    background: radial-gradient(circle, rgba(var(--mc-stat-rgb), .16), transparent 68%);
    filter: blur(6px);
    opacity: .72;
}
.mc-stat-icon-core {
    display: grid !important;
    place-items: center;
    width: 100%;
    height: 100%;
}
.mc-stat-icon i {
    display: block;
    font-size: 1.12rem;
    line-height: 1;
    filter: drop-shadow(0 0 5px rgba(var(--mc-stat-rgb), .78));
}
.mc-stat-icon.purple { --mc-stat-rgb: 139, 92, 246; --mc-stat-light: #C4B5FD; }
.mc-stat-icon.blue { --mc-stat-rgb: 59, 130, 246; --mc-stat-light: #93C5FD; }
.mc-stat-icon.cyan { --mc-stat-rgb: 34, 211, 238; --mc-stat-light: #67E8F9; }
.mc-stat-icon.pink { --mc-stat-rgb: 217, 70, 239; --mc-stat-light: #F0ABFC; }
.mc-stat-card strong, .mc-stat-card span { display: block; }
.mc-stat-card > div { min-width: 0; position: relative; z-index: 1; }
.mc-stat-card strong { font-size: 1.08rem; line-height: 1.1; letter-spacing: -.01em; }
.mc-stat-card div > span { margin-top: 6px; color: #7E8BA1; font-size: .72rem; }

.mc-announcement { display: flex; align-items: center; gap: 12px; padding: 14px 16px; margin-bottom: 20px; border: 1px solid rgba(139,92,246,.16); border-radius: 14px; background: linear-gradient(90deg, rgba(139,92,246,.09), rgba(59,130,246,.04)); color: #BFC7D6; font-size: .84rem; }
.mc-announcement-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: #C4B5FD; background: rgba(139,92,246,.12); }

.mc-home-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 18px; align-items: start; }
.mc-feed { min-width: 0; }
.mc-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin: 3px 0 12px; }
.mc-section-kicker { color: #766A99; text-transform: uppercase; font-size: .65rem; letter-spacing: .13em; font-weight: 800; }
.mc-section-heading h2 { margin: 3px 0 0; font-size: 1.17rem; letter-spacing: -.02em; }
.mc-link { color: #8D99AC; font-size: .74rem; }
.mc-link:hover { color: #C4B5FD; }

.mc-post-card { overflow: hidden; margin-bottom: 14px; border: 1px solid var(--mc-border); border-radius: 17px; background: linear-gradient(145deg, rgba(14,19,33,.98), rgba(9,13,23,.98)); box-shadow: 0 10px 28px rgba(0,0,0,.09); transition: .2s ease; }
.mc-post-card:hover { transform: translateY(-2px); border-color: rgba(139,92,246,.18); box-shadow: 0 16px 36px rgba(0,0,0,.15); }
.mc-post-head { display: flex; align-items: center; gap: 10px; padding: 15px 16px 0; }
.mc-post-avatar { width: 38px; height: 38px; object-fit: cover; border-radius: 11px; border: 1px solid rgba(255,255,255,.08); }
.mc-post-author { min-width: 0; }
.mc-post-author strong, .mc-post-author span { display: block; }
.mc-post-author strong { font-size: .78rem; }
.mc-post-author span { margin-top: 2px; color: #647087; font-size: .65rem; }
.mc-post-tag { margin-left: auto; padding: 5px 8px; border: 1px solid rgba(139,92,246,.18); border-radius: 7px; color: #C4B5FD; background: rgba(139,92,246,.09); font-size: .62rem; font-weight: 800; letter-spacing: .08em; }
.mc-post-body { padding: 13px 16px 15px; }
.mc-post-body h3 { margin: 0 0 8px; font-size: 1.03rem; line-height: 1.35; }
.mc-post-body h3 a:hover { color: #C4B5FD; }
.mc-post-body p { margin: 0; color: #9AA6B8; font-size: .82rem; line-height: 1.65; }
.mc-post-image { display: block; margin: 0 12px; overflow: hidden; border-radius: 12px; background: #080B14; }
.mc-post-image img { display: block; width: 100%; max-height: 390px; object-fit: cover; transition: transform .45s ease; }
.mc-post-card:hover .mc-post-image img { transform: scale(1.012); }
.mc-post-footer { display: flex; align-items: center; justify-content: space-between; padding: 13px 16px; color: #68758A; font-size: .7rem; }
.mc-post-footer a { display: inline-flex; align-items: center; gap: 6px; }
.mc-post-footer a:hover { color: #C4B5FD; }

.mc-rightbar { position: sticky; top: calc(var(--mc-topbar-height) + 18px); display: flex; flex-direction: column; gap: 14px; }
.mc-panel { padding: 17px; border: 1px solid var(--mc-border); border-radius: 17px; background: linear-gradient(145deg, rgba(14,19,33,.98), rgba(9,13,23,.98)); box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.mc-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 15px; }
.mc-panel-head h3 { margin: 0; font-size: .88rem; }
.mc-panel-head > a { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid var(--mc-border); border-radius: 8px; color: #788499; }
.mc-panel-head > a:hover { color: #fff; border-color: rgba(139,92,246,.26); }
.mc-panel-pill { padding: 4px 7px; border-radius: 6px; color: #86EFAC; background: rgba(34,197,94,.08); font-size: .58rem; font-weight: 800; letter-spacing: .09em; }
.mc-profile-main { display: flex; align-items: center; gap: 12px; padding-bottom: 15px; }
.mc-profile-avatar-wrap img { width: 58px; height: 58px; object-fit: cover; border-radius: 16px; border: 1px solid rgba(255,255,255,.11); }
.mc-profile-main h4 { margin: 0; font-size: .98rem; }
.mc-profile-main p { display: flex; align-items: center; gap: 6px; margin: 6px 0 0; color: #758297; font-size: .69rem; }
.mc-profile-metrics { display: grid; grid-template-columns: repeat(2, 1fr); margin: 0 0 13px; border: 1px solid var(--mc-border); border-radius: 11px; overflow: hidden; }
.mc-profile-metrics > div { padding: 10px; }
.mc-profile-metrics > div + div { border-left: 1px solid var(--mc-border); }
.mc-profile-metrics span, .mc-profile-metrics strong { display: block; }
.mc-profile-metrics span { color: #667287; font-size: .62rem; }
.mc-profile-metrics strong { margin-top: 4px; font-size: .72rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-panel .btn { min-height: 38px; border-radius: 10px; font-size: .75rem; font-weight: 650; }
.mc-guest-panel { text-align: center; }
.mc-panel-orb { width: 54px; height: 54px; display: grid; place-items: center; margin: 1px auto 13px; border: 1px solid rgba(139,92,246,.22); border-radius: 16px; color: #C4B5FD; background: radial-gradient(circle at 35% 25%, rgba(139,92,246,.25), rgba(59,130,246,.08)); box-shadow: 0 0 30px rgba(139,92,246,.12); font-size: 1.25rem; }
.mc-guest-panel h3 { margin: 0 0 7px; font-size: .95rem; }
.mc-guest-panel p { margin: 0 0 15px; color: #768399; font-size: .74rem; line-height: 1.55; }

.mc-server-list { display: flex; flex-direction: column; gap: 3px; }
.mc-server-row { display: flex; align-items: center; gap: 10px; padding: 9px 4px; }
.mc-server-row + .mc-server-row { border-top: 1px solid rgba(255,255,255,.045); }
.mc-server-icon { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 9px; color: #9F8BFF; background: rgba(139,92,246,.09); }
.mc-server-info { min-width: 0; flex: 1; }
.mc-server-info strong, .mc-server-info span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mc-server-info strong { font-size: .72rem; }
.mc-server-info span { margin-top: 3px; color: #667287; font-size: .62rem; }
.mc-mini-empty { padding: 10px 0; color: #69768B; font-size: .72rem; }
.mc-quick-links { display: flex; flex-direction: column; gap: 4px; }
.mc-quick-links a { display: flex; align-items: center; gap: 10px; padding: 9px 8px; border-radius: 9px; color: #8F9AAF; font-size: .72rem; }
.mc-quick-links a:hover { color: #fff; background: rgba(139,92,246,.08); }
.mc-quick-links a > i:first-child { width: 21px; color: #A78BFA; }
.mc-quick-links a > i:last-child { margin-left: auto; color: #535F73; font-size: .65rem; }
.mc-empty-state { padding: 50px 20px; text-align: center; border: 1px dashed rgba(148,163,184,.14); border-radius: 17px; background: rgba(255,255,255,.015); }
.mc-empty-state > i { font-size: 1.7rem; color: #8B5CF6; }
.mc-empty-state h3 { margin: 10px 0 5px; font-size: 1rem; }
.mc-empty-state p { margin: 0; color: #657187; font-size: .78rem; }

/* Core/plugin pages */
.mc-content-standard .card,
.mc-content-standard .modal-content,
.mc-content-standard .list-group-item,
.mc-content-standard .dropdown-menu {
    color: var(--mc-text);
    border-color: var(--mc-border);
    background-color: var(--mc-panel);
}
.mc-content-standard .card { border-radius: 16px; box-shadow: 0 10px 28px rgba(0,0,0,.08); }
.mc-content-standard .card-header, .mc-content-standard .card-footer { border-color: var(--mc-border); background: rgba(255,255,255,.018); }
.mc-content-standard .form-control, .mc-content-standard .form-select, .mc-content-standard .input-group-text {
    color: #DCE3EE; border-color: rgba(148,163,184,.14); background-color: #0A0F1B; border-radius: 10px;
}
.mc-content-standard .form-control:focus, .mc-content-standard .form-select:focus { border-color: rgba(139,92,246,.48); box-shadow: 0 0 0 .2rem rgba(139,92,246,.11); }
.mc-content-standard .table { --bs-table-bg: transparent; --bs-table-color: #C5CEDB; --bs-table-border-color: rgba(255,255,255,.06); }
.mc-content-standard .nav-tabs { border-color: var(--mc-border); }
.mc-content-standard .nav-tabs .nav-link { color: #8490A5; border-color: transparent; }
.mc-content-standard .nav-tabs .nav-link.active { color: #fff; border-color: var(--mc-border) var(--mc-border) var(--mc-panel); background: var(--mc-panel); }
.mc-content-standard .pagination { --bs-pagination-bg: #0D1220; --bs-pagination-border-color: rgba(255,255,255,.07); --bs-pagination-color: #A7B1C2; --bs-pagination-hover-bg: rgba(139,92,246,.1); --bs-pagination-hover-color: #fff; --bs-pagination-active-bg: var(--mc-primary); --bs-pagination-active-border-color: var(--mc-primary); }

.mc-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 21px 26px 28px; color: #536077; font-size: .68rem; }
.mc-footer > div:first-child { display: flex; align-items: center; gap: 8px; }
.mc-footer strong { color: #7C879B; }
.mc-footer-socials { display: flex; gap: 6px; }
.mc-footer-socials a { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--mc-border); border-radius: 9px; color: #69758A; }
.mc-footer-socials a:hover { color: #fff; border-color: rgba(139,92,246,.25); background: rgba(139,92,246,.08); }

.mc-mobile-nav { position: fixed; z-index: 1040; left: 12px; right: 12px; bottom: 10px; height: 62px; align-items: center; justify-content: space-around; border: 1px solid rgba(255,255,255,.09); border-radius: 17px; background: rgba(10,14,25,.9); backdrop-filter: blur(18px); box-shadow: 0 18px 45px rgba(0,0,0,.38); }
.mc-mobile-nav a { min-width: 64px; display: flex; flex-direction: column; align-items: center; gap: 4px; color: #657287; font-size: .57rem; }
.mc-mobile-nav a i { font-size: 1rem; }
.mc-mobile-nav a.active, .mc-mobile-nav a:hover { color: #C4B5FD; }
.mc-sidebar-backdrop { display: none; }

@media (max-width: 1199.98px) {
    .mc-home-grid { grid-template-columns: minmax(0, 1fr) 295px; }
    .mc-hero { min-height: 345px; }
    .mc-hero-content { padding: 43px 39px; }
}

@media (max-width: 991.98px) {
    :root { --mc-topbar-height: 66px; }
    .mc-sidebar { transform: translateX(-102%); transition: transform .25s ease; box-shadow: 30px 0 80px rgba(0,0,0,.45); }
    .mc-sidebar.is-open { transform: translateX(0); }
    .mc-sidebar-backdrop { position: fixed; inset: 0; z-index: 1040; background: rgba(0,0,0,.56); backdrop-filter: blur(2px); }
    .mc-sidebar-backdrop.is-open { display: block; }
    .mc-page { margin-left: 0; padding-bottom: 75px; }
    .mc-home-grid { grid-template-columns: 1fr; }
    .mc-rightbar { position: static; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
    .mc-stats-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .mc-footer { padding-bottom: 90px; }
}

@media (max-width: 767.98px) {
    .mc-topbar { padding: 0 14px; }
    .mc-content { padding: 15px 14px 26px; }
    .mc-hero { min-height: 400px; background-position: 62% center; }
    .mc-hero::before { content: ""; position: absolute; inset: 0; background: rgba(4,7,15,.28); }
    .mc-hero-content { padding: 34px 25px; align-self: flex-end; }
    .mc-hero h1 { font-size: clamp(2.35rem, 12vw, 3.4rem); }
    .mc-hero p { font-size: .9rem; }
    .mc-hero-actions { width: 100%; }
    .mc-hero-actions .btn { flex: 1 1 auto; }
    .mc-hero-server { width: 100%; flex-wrap: wrap; }
    .mc-copy-btn { width: 100%; margin: 4px 0 0; text-align: left; }
    .mc-rightbar { grid-template-columns: 1fr; }
    .mc-footer { flex-direction: column; align-items: flex-start; }
    .mc-footer-copy { display: none; }
}

@media (max-width: 479.98px) {
    .mc-stats-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .mc-stat-card { min-height: 72px; padding: 11px; gap: 8px; }
    .mc-stat-icon { width: 36px; height: 36px; flex-basis: 36px; border-radius: 10px; }
    .mc-stat-icon::before { inset: 3px; border-radius: 7px; }
    .mc-stat-icon::after { inset: -4px; filter: blur(5px); }
    .mc-stat-icon i { font-size: .95rem; }
    .mc-stat-card strong { font-size: .88rem; }
    .mc-stat-card div > span { font-size: .61rem; }
    .mc-section-heading { align-items: center; }
    .mc-section-heading h2 { font-size: 1.05rem; }
    .mc-post-footer span { display: none; }
}

/* Notifications */
.mc-icon-button { position: relative; width: 39px; height: 39px; display: grid; place-items: center; padding: 0; border: 1px solid var(--mc-border); border-radius: 11px; color: #94A3B8; background: rgba(255,255,255,.025); }
.mc-icon-button:hover { color: #fff; border-color: rgba(139,92,246,.25); background: rgba(139,92,246,.07); }
.mc-notification-badge { position: absolute; top: -5px; right: -5px; min-width: 17px; height: 17px; display: grid; place-items: center; padding: 0 4px; border: 2px solid #070A13; border-radius: 99px; color: #fff; background: var(--mc-primary); font-size: .55rem; font-weight: 800; }
.mc-notification-menu { width: min(360px, calc(100vw - 24px)); padding: 7px; border: 1px solid var(--mc-border); border-radius: 14px; background: #0D1220; box-shadow: var(--mc-shadow); }
.mc-notification-title { padding: 9px 10px 10px; color: #E7EAF0; font-size: .76rem; font-weight: 800; }
.mc-notification-item { display: flex; align-items: center; gap: 10px; padding: 9px !important; border-radius: 9px; white-space: normal; color: #AEB8C8 !important; }
.mc-notification-item:hover { background: rgba(139,92,246,.08) !important; }
.mc-notification-icon { width: 31px; height: 31px; flex: 0 0 31px; display: grid; place-items: center; border-radius: 9px; font-size: .72rem; }
.mc-notification-content { min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: .71rem; }
.mc-notification-content small { color: #5F6B80; font-size: .59rem; }
.mc-notification-read { padding: 9px !important; color: #8F9AAF !important; border-radius: 8px; font-size: .68rem; }
.mc-notification-read:hover { color: #fff !important; background: rgba(139,92,246,.08) !important; }

/* News fallback avatar */
.mc-post-avatar-placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: linear-gradient(135deg, color-mix(in srgb, var(--mc-primary) 72%, transparent), color-mix(in srgb, var(--mc-secondary) 72%, transparent));
    color: #fff;
    font-size: 1.05rem;
}

/* =========================================================
   MysticCore 1.1 — unified white-label frontend layer
   ========================================================= */

html { scroll-behavior: smooth; }
body.mc-body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 76%);
}
body.mc-body::after {
    content: "";
    position: fixed;
    width: 680px;
    height: 680px;
    right: -280px;
    top: 16vh;
    z-index: -1;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(99,102,241,.08), transparent 68%);
    filter: blur(8px);
}

::selection { color: #fff; background: rgba(139,92,246,.55); }
* { scrollbar-width: thin; scrollbar-color: rgba(139,92,246,.28) transparent; }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 99px; background: rgba(139,92,246,.28); background-clip: padding-box; }

/* Brand */
.mc-brand { width: 100%; }
.mc-brand-copy { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.mc-brand-copy small { color: #59657A; font-size: .58rem; line-height: 1; letter-spacing: .04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-brand-mark { width: 40px; height: 40px; }
.mc-brand-mark::after {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 13px;
    background: rgba(139,92,246,.12);
    filter: blur(13px);
    z-index: -1;
}
.mc-brand-mark { position: relative; }
.mc-brand-name { font-size: 1.38rem; }

/* Sidebar */
.mc-sidebar {
    background:
        radial-gradient(circle at 30% 0%, rgba(139,92,246,.08), transparent 250px),
        linear-gradient(180deg, rgba(8,11,20,.995), rgba(5,8,16,.99));
}
.mc-nav { padding-top: 18px; }
.mc-nav-label { padding-bottom: 10px; color: #48546A; font-size: .61rem; letter-spacing: .17em; }
.mc-nav-link { min-height: 45px; gap: 11px; font-size: .82rem; font-weight: 580; }
.mc-nav-link > i:first-child { width: 23px; font-size: .94rem; }
.mc-nav-link.active {
    background: linear-gradient(90deg, rgba(139,92,246,.19), rgba(59,130,246,.075), transparent);
    border-color: rgba(139,92,246,.16);
    box-shadow: inset 2px 0 0 #A78BFA, 0 8px 25px rgba(76,29,149,.07);
}
.mc-nav-child { display: flex; align-items: center; gap: 8px; }
.mc-nav-child i { width: 15px; color: #5E6C82; font-size: .68rem; }
.mc-nav-child:hover i, .mc-nav-child.active i { color: #A78BFA; }
.mc-sidebar-bottom { display: flex; flex-direction: column; gap: 10px; }
.mc-network-signature {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 8px 2px;
    color: #66748A;
}
.mc-network-orb {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(139,92,246,.16);
    border-radius: 9px;
    color: #A78BFA;
    background: rgba(139,92,246,.06);
    font-size: .72rem;
}
.mc-network-signature strong, .mc-network-signature small { display: block; }
.mc-network-signature strong { color: #78859A; font-size: .68rem; }
.mc-network-signature small { margin-top: 2px; color: #465166; font-size: .57rem; }

/* Topbar */
.mc-topbar {
    background: rgba(5,7,17,.78);
    border-bottom-color: rgba(255,255,255,.06);
    box-shadow: 0 10px 35px rgba(0,0,0,.08);
}
.mc-topbar-context { align-items: center; gap: 11px; min-width: 0; }
.mc-topbar-context-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(139,92,246,.16);
    border-radius: 11px;
    color: #BCA7FF;
    background: linear-gradient(145deg, rgba(139,92,246,.13), rgba(59,130,246,.05));
    box-shadow: 0 0 24px rgba(139,92,246,.07);
}
.mc-topbar-context > div { min-width: 0; }
.mc-topbar-context small, .mc-topbar-context strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-topbar-context small { color: #566278; font-size: .55rem; font-weight: 800; letter-spacing: .16em; }
.mc-topbar-context strong { margin-top: 2px; color: #CFD6E2; font-size: .76rem; font-weight: 680; }
.mc-topbar-mobile-brand { align-items: center; gap: 8px; }
.mc-topbar-mobile-brand img { width: 29px; height: 29px; }
.mc-topbar-mobile-brand strong { font-size: .92rem; letter-spacing: -.03em; }
.mc-topbar-chip {
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 11px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 10px;
    color: #7F8B9F;
    background: rgba(255,255,255,.025);
    font-size: .68rem;
}
.mc-topbar-chip:hover { color: #DCE3EE; border-color: rgba(139,92,246,.18); background: rgba(139,92,246,.055); }
.mc-user-menu { border: 1px solid transparent; border-radius: 12px; transition: .18s ease; }
.mc-user-menu:hover, .mc-user-menu[aria-expanded="true"] { border-color: rgba(255,255,255,.07); background: rgba(255,255,255,.025); }
.mc-dropdown-profile { display: flex; align-items: center; gap: 10px; padding: 8px 9px; }
.mc-dropdown-profile img { width: 36px; height: 36px; object-fit: cover; border-radius: 10px; }
.mc-dropdown-profile strong, .mc-dropdown-profile small { display: block; }
.mc-dropdown-profile strong { color: #E7EBF2; font-size: .76rem; }
.mc-dropdown-profile small { margin-top: 2px; color: #657187; font-size: .59rem; }

/* Standard pages — all core and plugin pages share one product language */
.mc-content-standard { max-width: 1480px; padding-top: 22px; }
.mc-page-context {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    margin-bottom: 12px;
    padding: 0 2px;
}
.mc-page-context-mark {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(139,92,246,.16);
    border-radius: 10px;
    color: #BDA8FF;
    background: rgba(139,92,246,.07);
}
.mc-page-context small, .mc-page-context strong { display: block; }
.mc-page-context small { color: #59667B; font-size: .56rem; font-weight: 800; letter-spacing: .16em; }
.mc-page-context strong { margin-top: 2px; color: #CBD3DF; font-size: .78rem; font-weight: 680; }
.mc-standard-surface { min-width: 0; }
.mc-standard-surface > .container,
.mc-standard-surface > .container-fluid { padding-left: 0; padding-right: 0; max-width: 100%; }

.mc-content-standard h1, .mc-content-standard h2, .mc-content-standard h3, .mc-content-standard h4, .mc-content-standard h5, .mc-content-standard h6 { color: #EEF2F8; letter-spacing: -.025em; }
.mc-content-standard h1 { font-weight: 790; }
.mc-content-standard p, .mc-content-standard .text-muted { color: #8290A4 !important; }
.mc-content-standard a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.list-group-item) { color: #A99AF7; }
.mc-content-standard a:not(.btn):hover { color: #CEC5FF; }

.mc-content-standard .card,
.mc-content-standard .modal-content,
.mc-content-standard .offcanvas,
.mc-content-standard .list-group-item,
.mc-content-standard .dropdown-menu,
.mc-content-standard .accordion-item {
    color: var(--mc-text);
    border: 1px solid rgba(148,163,184,.105);
    background: linear-gradient(145deg, rgba(14,19,33,.985), rgba(8,12,22,.985));
    box-shadow: 0 18px 50px rgba(0,0,0,.1);
}
.mc-content-standard .card { border-radius: 17px; overflow: hidden; }
.mc-content-standard .card-header,
.mc-content-standard .card-footer {
    min-height: 54px;
    display: flex;
    align-items: center;
    border-color: rgba(255,255,255,.055);
    background: rgba(255,255,255,.018);
}
.mc-content-standard .card-header { color: #D9E0EA; font-weight: 700; }
.mc-content-standard .card-body { padding: clamp(1rem, 2.1vw, 1.45rem); }

.mc-content-standard .form-label { margin-bottom: .48rem; color: #A8B2C2; font-size: .77rem; font-weight: 650; }
.mc-content-standard .form-control,
.mc-content-standard .form-select,
.mc-content-standard .input-group-text {
    min-height: 44px;
    color: #E0E6EF;
    border: 1px solid rgba(148,163,184,.13);
    background: rgba(7,11,20,.86);
    border-radius: 11px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.015);
}
.mc-content-standard textarea.form-control { min-height: 110px; }
.mc-content-standard .form-control::placeholder { color: #4E5A6D; }
.mc-content-standard .form-control:focus,
.mc-content-standard .form-select:focus {
    color: #fff;
    border-color: rgba(139,92,246,.52);
    background: #090E19;
    box-shadow: 0 0 0 .2rem rgba(139,92,246,.105), 0 8px 25px rgba(0,0,0,.1);
}
.mc-content-standard .form-check-input { border-color: rgba(148,163,184,.22); background-color: #080D18; }
.mc-content-standard .form-check-input:checked { border-color: var(--mc-primary); background-color: var(--mc-primary); }
.mc-content-standard .form-text { color: #5E6A7F; font-size: .7rem; }

.mc-content-standard .btn { min-height: 41px; border-radius: 10px; font-size: .78rem; font-weight: 680; transition: transform .17s ease, filter .17s ease, border-color .17s ease, background .17s ease; }
.mc-content-standard .btn:hover { transform: translateY(-1px); }
.mc-content-standard .btn-primary {
    color: #fff;
    border-color: rgba(167,139,250,.3);
    background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));
    box-shadow: 0 10px 28px rgba(99,102,241,.16), inset 0 1px rgba(255,255,255,.14);
}
.mc-content-standard .btn-primary:hover { border-color: rgba(196,181,253,.4); filter: brightness(1.07); }
.mc-content-standard .btn-secondary,
.mc-content-standard .btn-light,
.mc-content-standard .btn-outline-secondary {
    color: #C1CAD8;
    border-color: rgba(148,163,184,.13);
    background: rgba(255,255,255,.035);
}
.mc-content-standard .btn-secondary:hover,
.mc-content-standard .btn-light:hover,
.mc-content-standard .btn-outline-secondary:hover { color: #fff; border-color: rgba(139,92,246,.22); background: rgba(139,92,246,.08); }
.mc-content-standard .btn-outline-primary { color: #B9A7FF; border-color: rgba(139,92,246,.32); }
.mc-content-standard .btn-outline-primary:hover { color: #fff; background: rgba(139,92,246,.16); }
.mc-content-standard .btn-danger { border-color: rgba(239,68,68,.25); background: linear-gradient(135deg, #DC2626, #B91C1C); }
.mc-content-standard .btn-success { border-color: rgba(34,197,94,.25); background: linear-gradient(135deg, #16A34A, #15803D); }

.mc-content-standard .alert { border-width: 1px; border-radius: 13px; color: #C9D2DF; background: rgba(15,21,36,.9); }
.mc-content-standard .alert-success { border-color: rgba(34,197,94,.2); background: rgba(34,197,94,.075); }
.mc-content-standard .alert-danger { border-color: rgba(239,68,68,.2); background: rgba(239,68,68,.075); }
.mc-content-standard .alert-warning { border-color: rgba(245,158,11,.2); background: rgba(245,158,11,.075); }
.mc-content-standard .alert-info { border-color: rgba(34,211,238,.18); background: rgba(34,211,238,.06); }

.mc-content-standard .table { --bs-table-bg: transparent; --bs-table-color: #B8C2D1; --bs-table-border-color: rgba(255,255,255,.055); margin-bottom: 0; }
.mc-content-standard .table > :not(caption) > * > * { padding: .85rem .8rem; }
.mc-content-standard .table thead th { color: #7F8DA1; text-transform: uppercase; font-size: .63rem; letter-spacing: .09em; font-weight: 750; background: rgba(255,255,255,.015); }
.mc-content-standard .table-hover > tbody > tr:hover > * { --bs-table-accent-bg: rgba(139,92,246,.045); color: #E2E8F0; }

.mc-content-standard .breadcrumb { gap: 4px; margin-bottom: 1rem; padding: 8px 11px; border: 1px solid rgba(255,255,255,.055); border-radius: 10px; background: rgba(255,255,255,.018); font-size: .7rem; }
.mc-content-standard .breadcrumb-item, .mc-content-standard .breadcrumb-item a { color: #68758A !important; }
.mc-content-standard .breadcrumb-item.active { color: #AEB7C6; }
.mc-content-standard .breadcrumb-item + .breadcrumb-item::before { color: #414B5C; }

.mc-content-standard .badge { padding: .42em .65em; border-radius: 7px; font-weight: 650; }
.mc-content-standard .list-group { border-radius: 13px; overflow: hidden; }
.mc-content-standard .list-group-item { box-shadow: none; }
.mc-content-standard .list-group-item + .list-group-item { border-top-color: rgba(255,255,255,.045); }
.mc-content-standard .list-group-item.active { color: #fff; border-color: rgba(139,92,246,.22); background: linear-gradient(90deg, rgba(139,92,246,.16), rgba(59,130,246,.07)); }

.mc-content-standard .nav-tabs, .mc-content-standard .nav-pills { gap: 4px; border-bottom-color: rgba(255,255,255,.06); }
.mc-content-standard .nav-tabs .nav-link, .mc-content-standard .nav-pills .nav-link { color: #77859A; border-radius: 9px 9px 0 0; font-size: .76rem; }
.mc-content-standard .nav-tabs .nav-link:hover, .mc-content-standard .nav-pills .nav-link:hover { color: #C3CCDA; border-color: transparent; background: rgba(255,255,255,.025); }
.mc-content-standard .nav-tabs .nav-link.active, .mc-content-standard .nav-pills .nav-link.active { color: #fff; border-color: rgba(139,92,246,.17); background: rgba(139,92,246,.1); }

.mc-content-standard .accordion-button { color: #C7D0DD; background: rgba(255,255,255,.02); box-shadow: none; }
.mc-content-standard .accordion-button:not(.collapsed) { color: #fff; background: rgba(139,92,246,.075); }
.mc-content-standard .accordion-button::after { filter: invert(1) opacity(.55); }

.mc-content-standard .pagination { gap: 4px; }
.mc-content-standard .page-link { min-width: 36px; text-align: center; color: #8794A8; border: 1px solid rgba(255,255,255,.06); border-radius: 9px !important; background: #0B101C; }
.mc-content-standard .page-link:hover { color: #fff; border-color: rgba(139,92,246,.2); background: rgba(139,92,246,.08); }
.mc-content-standard .page-item.active .page-link { color: #fff; border-color: var(--mc-primary); background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary)); }
.mc-content-standard hr { border-color: rgba(255,255,255,.07); opacity: 1; }

/* Give common account/auth cards a purpose-built app feel */
.mc-route-login .mc-standard-surface,
.mc-route-register .mc-standard-surface,
.mc-route-password-request .mc-standard-surface,
.mc-route-password-email .mc-standard-surface,
.mc-route-password-reset .mc-standard-surface {
    max-width: 1040px;
    margin: 0 auto;
}
.mc-route-login .mc-content-standard .card,
.mc-route-register .mc-content-standard .card,
.mc-route-password-request .mc-content-standard .card,
.mc-route-password-reset .mc-content-standard .card {
    border-color: rgba(139,92,246,.14);
    box-shadow: 0 28px 80px rgba(0,0,0,.22), 0 0 80px rgba(139,92,246,.035);
}

/* Discover module */
.mc-discover-section { margin: -2px 0 24px; }
.mc-discover-heading { align-items: center; }
.mc-section-note { color: #536078; font-size: .67rem; }
.mc-discover-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 11px; }
.mc-discover-card {
    --discover-rgb: 139,92,246;
    position: relative;
    min-height: 118px;
    display: flex;
    align-items: flex-start;
    gap: 11px;
    overflow: hidden;
    padding: 16px;
    border: 1px solid rgba(148,163,184,.1);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(14,19,33,.97), rgba(8,12,22,.97));
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.mc-discover-card::after { content: ""; position: absolute; width: 120px; height: 120px; right: -55px; bottom: -64px; border-radius: 50%; background: radial-gradient(circle, rgba(var(--discover-rgb),.13), transparent 68%); }
.mc-discover-card:hover { color: #fff; transform: translateY(-3px); border-color: rgba(var(--discover-rgb),.26); box-shadow: 0 18px 45px rgba(0,0,0,.16), 0 0 32px rgba(var(--discover-rgb),.035); }
.mc-discover-card.blue { --discover-rgb: 59,130,246; }
.mc-discover-card.cyan { --discover-rgb: 34,211,238; }
.mc-discover-card.pink { --discover-rgb: 217,70,239; }
.mc-discover-icon { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border: 1px solid rgba(var(--discover-rgb),.2); border-radius: 11px; color: rgb(var(--discover-rgb)); background: rgba(var(--discover-rgb),.075); }
.mc-discover-copy { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.mc-discover-copy strong { color: #DFE5EE; font-size: .77rem; }
.mc-discover-copy small { color: #68758A; font-size: .64rem; line-height: 1.45; }
.mc-discover-arrow { position: absolute; right: 13px; top: 13px; color: #465166; font-size: .68rem; transition: .18s ease; }
.mc-discover-card:hover .mc-discover-arrow { color: #C8D0DD; transform: translate(1px,-1px); }

/* Footer */
.mc-footer {
    display: block;
    margin-top: auto;
    padding: 0 26px 24px;
    color: #536077;
    font-size: .68rem;
}
.mc-footer-main {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 25px 0 21px;
    border-top: 1px solid rgba(255,255,255,.055);
}
.mc-footer-brand { display: flex; align-items: center; gap: 10px; min-width: 220px; }
.mc-footer-brand img { width: 35px; height: 35px; filter: drop-shadow(0 0 14px rgba(139,92,246,.18)); }
.mc-footer-brand strong, .mc-footer-brand small { display: block; }
.mc-footer-brand strong { color: #BFC8D6; font-size: .8rem; }
.mc-footer-brand small { margin-top: 2px; color: #4F5B70; font-size: .59rem; }
.mc-footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 18px; }
.mc-footer-links a { color: #68758A; font-size: .65rem; }
.mc-footer-links a:hover { color: #C4B5FD; }
.mc-footer-bottom {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.04);
}
.mc-footer-bottom > div:first-child { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.mc-footer-bottom strong { color: #68758A; font-size: .62rem; }
.mc-footer-bottom span { color: #465267; font-size: .61rem; }
.mc-footer-socials { display: flex; gap: 6px; }
.mc-footer-socials a { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.06); border-radius: 9px; color: #657287; background: rgba(255,255,255,.015); }
.mc-footer-socials a:hover { color: #fff; border-color: rgba(139,92,246,.2); background: rgba(139,92,246,.07); }

/* Mobile polish */
@media (max-width: 1199.98px) {
    .mc-discover-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 991.98px) {
    .mc-page-context { margin-top: -3px; }
    .mc-footer { padding-left: 16px; padding-right: 16px; padding-bottom: 86px; }
    .mc-footer-main { align-items: flex-start; }
}
@media (max-width: 767.98px) {
    .mc-topbar { gap: 10px; }
    .mc-topbar-menu { width: 38px; height: 38px; }
    .mc-page-context { min-height: 42px; margin-bottom: 8px; }
    .mc-page-context-mark { width: 30px; height: 30px; }
    .mc-page-context strong { font-size: .72rem; }
    .mc-discover-grid { grid-template-columns: 1fr; }
    .mc-discover-card { min-height: 94px; }
    .mc-footer-main, .mc-footer-bottom { flex-direction: column; align-items: flex-start; }
    .mc-footer-links { justify-content: flex-start; }
}
@media (max-width: 479.98px) {
    .mc-brand-copy small { display: none; }
    .mc-mobile-nav { height: 64px; }
    .mc-mobile-nav a { min-width: 54px; }
    .mc-footer-links { gap: 8px 14px; }
}

/* =========================================================
   MysticCore 1.1.2 — streamlined account profile
   ========================================================= */
.mc-route-profile-index .mc-page-context { display: none; }
.mc-route-profile-index .mc-content-standard { max-width: 1510px; }
.mc-route-profile-index .mc-standard-surface { overflow: visible; }

.mc-profile-page { display: flex; flex-direction: column; gap: 18px; }
.mc-account-hero {
    position: relative;
    min-height: 188px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 29px 31px;
    border: 1px solid rgba(139,92,246,.2);
    border-radius: 22px;
    background:
        linear-gradient(105deg, rgba(21,13,45,.96), rgba(10,15,29,.96) 55%, rgba(8,13,25,.98)),
        radial-gradient(circle at 70% 20%, rgba(59,130,246,.15), transparent 36%);
    box-shadow: 0 24px 64px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.025);
}
.mc-account-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: linear-gradient(90deg, rgba(0,0,0,.5), transparent 80%);
}
.mc-account-hero-glow { position: absolute; pointer-events: none; border-radius: 50%; filter: blur(45px); }
.mc-account-hero-glow-one { width: 230px; height: 230px; left: -80px; top: -95px; background: rgba(139,92,246,.18); }
.mc-account-hero-glow-two { width: 260px; height: 260px; right: 5%; bottom: -170px; background: rgba(34,211,238,.08); }
.mc-account-identity { position: relative; z-index: 1; min-width: 0; display: flex; align-items: center; gap: 22px; }
.mc-account-avatar-shell { position: relative; flex: 0 0 108px; width: 108px; height: 108px; padding: 4px; border: 1px solid rgba(167,139,250,.38); border-radius: 28px; background: linear-gradient(145deg, rgba(139,92,246,.26), rgba(59,130,246,.11)); box-shadow: 0 0 38px rgba(139,92,246,.14); }
.mc-account-avatar { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 23px; background: #090D18; }
.mc-account-status { position: absolute; right: -2px; bottom: -2px; width: 20px; height: 20px; border: 4px solid #0B1020; border-radius: 50%; background: #22C55E; box-shadow: 0 0 14px rgba(34,197,94,.5); }
.mc-account-title { min-width: 0; }
.mc-account-kicker { display: flex; align-items: center; gap: 7px; margin-bottom: 5px; color: #9A8CBF; font-size: .62rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.mc-account-kicker i { color: #B794FF; }
.mc-account-title h1 { margin: 0; overflow: hidden; color: #fff; font-size: clamp(1.8rem, 3vw, 2.7rem); font-weight: 820; letter-spacing: -.045em; text-overflow: ellipsis; }
.mc-account-meta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 12px; }
.mc-account-role { display: inline-flex; align-items: center; gap: 6px; min-height: 27px; padding: 4px 9px; border-radius: 8px; font-size: .67rem; font-weight: 780; }
.mc-account-member-since { display: inline-flex; align-items: center; gap: 6px; color: #77849A; font-size: .68rem; }
.mc-account-member-since i { color: #66748A; }
.mc-account-hero-side { position: relative; z-index: 1; min-width: 220px; padding: 17px 18px; border: 1px solid rgba(255,255,255,.075); border-radius: 16px; background: rgba(6,10,20,.42); backdrop-filter: blur(10px); }
.mc-account-balance-label, .mc-account-balance-note { display: block; }
.mc-account-balance-label { color: #758299; font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.mc-account-balance-value { display: block; margin: 5px 0 3px; color: #fff; font-size: 1.35rem; letter-spacing: -.025em; }
.mc-account-balance-note { color: #566379; font-size: .62rem; }

.mc-profile-alert { display: flex; align-items: flex-start; gap: 12px; margin: 0; border-radius: 15px; }
.mc-profile-alert > i { margin-top: 2px; font-size: 1.05rem; }
.mc-profile-alert p { color: inherit; opacity: .84; font-size: .77rem; }

.mc-account-overview-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 11px; }
.mc-account-overview-card { min-width: 0; display: flex; align-items: center; gap: 12px; min-height: 82px; padding: 13px 15px; border: 1px solid var(--mc-border); border-radius: 16px; background: linear-gradient(145deg, rgba(14,19,33,.94), rgba(9,13,23,.96)); box-shadow: 0 10px 28px rgba(0,0,0,.07); }
.mc-account-overview-icon { width: 43px; height: 43px; flex: 0 0 43px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; font-size: 1rem; }
.mc-account-overview-icon-purple { color: #C4B5FD; background: rgba(139,92,246,.1); box-shadow: inset 0 0 18px rgba(139,92,246,.05); }
.mc-account-overview-icon-blue { color: #93C5FD; background: rgba(59,130,246,.1); box-shadow: inset 0 0 18px rgba(59,130,246,.05); }
.mc-account-overview-icon-cyan { color: #67E8F9; background: rgba(34,211,238,.09); box-shadow: inset 0 0 18px rgba(34,211,238,.05); }
.mc-account-overview-icon-pink { color: #F0ABFC; background: rgba(217,70,239,.09); box-shadow: inset 0 0 18px rgba(217,70,239,.05); }
.mc-account-overview-card > div { min-width: 0; }
.mc-account-overview-card span:not(.mc-account-overview-icon), .mc-account-overview-card strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mc-account-overview-card > div > span { color: #66748A; font-size: .61rem; }
.mc-account-overview-card strong { margin-top: 4px; color: #DCE3EE; font-size: .75rem; }

.mc-profile-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 18px; align-items: start; }
.mc-profile-main-column { min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.mc-profile-side-column { position: sticky; top: calc(var(--mc-topbar-height) + 18px); display: flex; flex-direction: column; gap: 13px; }

.mc-settings-section { overflow: hidden; border: 1px solid var(--mc-border); border-radius: 18px; background: rgba(9,13,23,.63); box-shadow: 0 14px 38px rgba(0,0,0,.08); }
.mc-settings-section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 19px 20px 17px; border-bottom: 1px solid rgba(255,255,255,.055); background: linear-gradient(90deg, rgba(139,92,246,.055), transparent 52%); }
.mc-settings-section-head h2 { margin: 2px 0 0; color: #EDF1F7; font-size: 1.05rem; letter-spacing: -.02em; }
.mc-settings-section-head p { margin: 5px 0 0; color: #66748A; font-size: .7rem; line-height: 1.55; }
.mc-settings-head-icon { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.13); border-radius: 11px; color: #AE9BFF; background: rgba(139,92,246,.065); }
.mc-settings-stack { display: flex; flex-direction: column; }
.mc-settings-card { padding: 19px 20px; background: transparent; }
.mc-settings-stack > .mc-settings-card + .mc-settings-card { border-top: 1px solid rgba(255,255,255,.05); }
.mc-settings-card-head { display: flex; align-items: flex-start; gap: 11px; margin-bottom: 16px; }
.mc-settings-icon { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.12); border-radius: 10px; color: #AFA1E8; background: rgba(139,92,246,.055); font-size: .78rem; }
.mc-settings-card-head h3 { margin: 1px 0 0; color: #DDE4EF; font-size: .83rem; }
.mc-settings-card-head p { margin: 4px 0 0; color: #5F6C81; font-size: .65rem; line-height: 1.45; }
.mc-settings-form { max-width: 850px; }
.mc-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.mc-field { min-width: 0; }
.mc-profile-page .form-label { margin-bottom: 6px; color: #7E8A9E; font-size: .65rem; font-weight: 700; }
.mc-profile-page .form-control { min-height: 42px; }
.mc-profile-page .form-text { display: block; margin-top: 7px; color: #536076; font-size: .61rem; }
.mc-settings-actions { display: flex; justify-content: flex-end; margin-top: 13px; }
.mc-profile-page .btn { min-height: 39px; border-radius: 10px; padding-inline: 14px; font-size: .72rem; font-weight: 700; transition: .18s ease; }
.mc-btn-danger-soft { color: #FDA4AF !important; border: 1px solid rgba(244,63,94,.17) !important; background: rgba(244,63,94,.065) !important; }
.mc-btn-danger-soft:hover { color: #fff !important; border-color: rgba(244,63,94,.32) !important; background: rgba(244,63,94,.13) !important; }
.mc-btn-discord { color: #fff !important; border: 1px solid rgba(114,137,218,.4) !important; background: linear-gradient(135deg, #5865F2, #6976F4) !important; box-shadow: 0 10px 25px rgba(88,101,242,.16); }
.mc-btn-discord:hover { filter: brightness(1.08); transform: translateY(-1px); }
.mc-avatar-setting { display: grid; grid-template-columns: 78px minmax(0,1fr); gap: 15px; align-items: start; }
.mc-avatar-setting-preview { width: 78px; height: 78px; object-fit: cover; border: 1px solid rgba(255,255,255,.09); border-radius: 17px; background: #080C16; }
.mc-avatar-setting-form { min-width: 0; }
.mc-plugin-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
.mc-plugin-settings-card { border-bottom: 1px solid rgba(255,255,255,.05); }
.mc-plugin-settings-card:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.05); }
.mc-plugin-settings-content { color: #9BA7B9; font-size: .75rem; }
.mc-plugin-settings-content .card { box-shadow: none; }

.mc-profile-side-card { padding: 17px; border: 1px solid var(--mc-border); border-radius: 17px; background: linear-gradient(145deg, rgba(14,19,33,.96), rgba(9,13,23,.98)); box-shadow: 0 11px 30px rgba(0,0,0,.08); }
.mc-profile-side-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.mc-profile-side-icon { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.14); border-radius: 11px; color: #BCA9FF; background: rgba(139,92,246,.075); }
.mc-profile-side-icon-discord { color: #AAB2FF; border-color: rgba(88,101,242,.2); background: rgba(88,101,242,.1); }
.mc-profile-side-icon-danger { color: #FDA4AF; border-color: rgba(244,63,94,.16); background: rgba(244,63,94,.07); }
.mc-profile-side-head span:not(.mc-profile-side-icon) { display: block; color: #566277; font-size: .56rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.mc-profile-side-head h3 { margin: 2px 0 0; color: #E4EAF2; font-size: .82rem; }
.mc-security-state { display: flex; align-items: center; gap: 10px; margin-bottom: 11px; padding: 11px; border: 1px solid rgba(255,255,255,.055); border-radius: 12px; background: rgba(255,255,255,.018); }
.mc-security-state-icon { width: 33px; height: 33px; flex: 0 0 33px; display: grid; place-items: center; border-radius: 10px; }
.mc-security-state.is-active .mc-security-state-icon { color: #86EFAC; background: rgba(34,197,94,.08); }
.mc-security-state.is-inactive .mc-security-state-icon { color: #FCD34D; background: rgba(245,158,11,.08); }
.mc-security-state strong, .mc-security-state small { display: block; }
.mc-security-state strong { color: #CDD5E1; font-size: .7rem; }
.mc-security-state small { margin-top: 3px; color: #5F6C80; font-size: .6rem; line-height: 1.4; }
.mc-side-info-box { display: flex; align-items: center; gap: 10px; padding: 11px; border: 1px solid rgba(255,255,255,.055); border-radius: 12px; background: rgba(255,255,255,.018); }
.mc-side-info-box > i { color: #A78BFA; }
.mc-side-info-box strong, .mc-side-info-box small { display: block; }
.mc-side-info-box strong { color: #CBD3DF; font-size: .7rem; }
.mc-side-info-box small { margin-top: 3px; color: #5D6A7F; font-size: .6rem; line-height: 1.4; }
.mc-connected-account { display: flex; align-items: center; gap: 9px; margin-bottom: 11px; padding: 11px; border: 1px solid rgba(88,101,242,.13); border-radius: 12px; background: rgba(88,101,242,.055); }
.mc-connected-dot { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; background: #22C55E; box-shadow: 0 0 9px rgba(34,197,94,.4); }
.mc-connected-account span:not(.mc-connected-dot), .mc-connected-account strong { display: block; }
.mc-connected-account span:not(.mc-connected-dot) { color: #66748A; font-size: .59rem; }
.mc-connected-account strong { margin-top: 2px; overflow: hidden; color: #CDD5E1; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.mc-side-card-text { margin: -2px 0 12px; color: #66748A; font-size: .67rem; line-height: 1.55; }
.mc-password-form { display: flex; flex-direction: column; gap: 10px; }
.mc-danger-zone { border-color: rgba(244,63,94,.1); background: linear-gradient(145deg, rgba(31,14,23,.42), rgba(9,13,23,.98)); }

@media (max-width: 1199.98px) {
    .mc-account-overview-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .mc-profile-layout { grid-template-columns: minmax(0,1fr) 310px; }
}

@media (max-width: 991.98px) {
    .mc-profile-layout { grid-template-columns: 1fr; }
    .mc-profile-side-column { position: static; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
    .mc-account-hero { min-height: 170px; }
}

@media (max-width: 767.98px) {
    .mc-account-hero { align-items: flex-start; flex-direction: column; padding: 23px; }
    .mc-account-hero-side { width: 100%; min-width: 0; }
    .mc-account-avatar-shell { width: 88px; height: 88px; flex-basis: 88px; border-radius: 23px; }
    .mc-account-avatar { border-radius: 19px; }
    .mc-account-title h1 { font-size: 1.9rem; }
    .mc-account-overview-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .mc-profile-side-column { grid-template-columns: 1fr; }
    .mc-form-grid { grid-template-columns: 1fr; }
    .mc-plugin-settings-grid { grid-template-columns: 1fr; }
    .mc-plugin-settings-card:nth-child(odd) { border-right: 0; }
    .mc-avatar-setting { grid-template-columns: 1fr; }
    .mc-settings-section-head, .mc-settings-card { padding-left: 16px; padding-right: 16px; }
}

@media (max-width: 479.98px) {
    .mc-account-identity { align-items: flex-start; gap: 15px; }
    .mc-account-avatar-shell { width: 72px; height: 72px; flex-basis: 72px; border-radius: 19px; }
    .mc-account-avatar { border-radius: 15px; }
    .mc-account-status { width: 16px; height: 16px; border-width: 3px; }
    .mc-account-title h1 { font-size: 1.55rem; }
    .mc-account-meta-row { align-items: flex-start; flex-direction: column; gap: 7px; margin-top: 9px; }
    .mc-account-overview-grid { grid-template-columns: 1fr; }
    .mc-account-overview-card { min-height: 70px; }
    .mc-settings-actions .btn { width: 100%; }
    .mc-avatar-setting-form .input-group { display: flex; flex-direction: column; gap: 8px; }
    .mc-avatar-setting-form .input-group > .form-control,
    .mc-avatar-setting-form .input-group > .btn { width: 100%; border-radius: 10px !important; }
}

/* =========================================================
   MysticCore 1.2.0 — public platform landing & white-label UX
   ========================================================= */
.mc-body-guest-landing {
    overflow-x: hidden;
    background:
        radial-gradient(circle at 18% -10%, rgba(139,92,246,.13), transparent 30%),
        radial-gradient(circle at 85% 18%, rgba(59,130,246,.09), transparent 28%),
        #050812;
}
.mc-app-guest-landing { min-height: 100vh; display: block; }
.mc-landing-page { min-height: 100vh; }
.mc-landing-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.mc-landing-nav-wrap {
    position: sticky;
    z-index: 1035;
    top: 0;
    border-bottom: 1px solid rgba(255,255,255,.055);
    background: rgba(5,8,18,.82);
    backdrop-filter: blur(18px) saturate(130%);
}
.mc-landing-nav {
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 32px;
}
.mc-landing-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.mc-landing-brand > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(139,92,246,.24);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(139,92,246,.16), rgba(59,130,246,.07));
    box-shadow: 0 0 24px rgba(139,92,246,.08), inset 0 1px rgba(255,255,255,.04);
}
.mc-landing-brand img { width: 24px; height: 24px; }
.mc-landing-brand strong { color: #F4F1FF; font-size: 1.1rem; letter-spacing: -.035em; }
.mc-landing-brand strong span { color: #A78BFA; }
.mc-landing-nav-links { display: flex; align-items: center; gap: 7px; }
.mc-landing-nav-links a, .mc-landing-login {
    padding: 9px 11px;
    border-radius: 9px;
    color: #8B97AA;
    font-size: .74rem;
    font-weight: 680;
    text-decoration: none;
    transition: .2s ease;
}
.mc-landing-nav-links a:hover, .mc-landing-login:hover { color: #fff; background: rgba(255,255,255,.035); }
.mc-landing-nav-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.mc-landing-nav-actions .mc-btn-primary { min-height: 38px; padding-inline: 15px; }

.mc-landing-hero {
    position: relative;
    min-height: 650px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.045);
    background:
        linear-gradient(90deg, rgba(5,8,18,.985) 0%, rgba(5,8,18,.94) 42%, rgba(5,8,18,.72) 70%, rgba(5,8,18,.92) 100%),
        linear-gradient(180deg, transparent 70%, #050812 100%),
        var(--mc-hero-image) center/cover no-repeat;
}
.mc-landing-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 150px;
    background: linear-gradient(transparent, #050812);
    pointer-events: none;
}
.mc-landing-hero-grid {
    position: absolute;
    inset: 0;
    opacity: .22;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.65), transparent 90%);
}
.mc-landing-hero-orb { position: absolute; border-radius: 50%; filter: blur(85px); pointer-events: none; }
.mc-landing-hero-orb-one { width: 390px; height: 390px; left: -170px; top: -130px; background: rgba(139,92,246,.19); }
.mc-landing-hero-orb-two { width: 330px; height: 330px; right: 4%; top: 18%; background: rgba(59,130,246,.12); }
.mc-landing-hero-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
    align-items: center;
    gap: clamp(46px, 8vw, 94px);
    padding-block: 76px 96px;
}
.mc-landing-hero-copy { max-width: 690px; }
.mc-landing-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 17px;
    padding: 7px 10px;
    border: 1px solid rgba(139,92,246,.16);
    border-radius: 999px;
    color: #B8A8F8;
    background: rgba(139,92,246,.055);
    font-size: .62rem;
    font-weight: 830;
    letter-spacing: .14em;
}
.mc-landing-eyebrow i { color: #C4B5FD; }
.mc-landing-hero-copy h1 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(3rem, 6vw, 5.25rem);
    line-height: .98;
    letter-spacing: -.065em;
    font-weight: 860;
}
.mc-landing-hero-copy h1::after {
    content: "";
    display: block;
    width: 84px;
    height: 4px;
    margin-top: 24px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--mc-primary), var(--mc-secondary), var(--mc-accent));
    box-shadow: 0 0 22px rgba(139,92,246,.34);
}
.mc-landing-hero-copy > p {
    max-width: 650px;
    margin: 23px 0 0;
    color: #929FB2;
    font-size: clamp(.95rem, 1.5vw, 1.12rem);
    line-height: 1.72;
}
.mc-landing-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 31px; }
.mc-landing-primary-btn, .mc-landing-secondary-btn { min-height: 48px; padding: 12px 18px; border-radius: 12px; font-size: .78rem; font-weight: 770; }
.mc-landing-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(255,255,255,.09);
    color: #CDD5E1;
    background: rgba(255,255,255,.035);
    text-decoration: none;
    transition: .2s ease;
}
.mc-landing-secondary-btn:hover { color: #fff; border-color: rgba(139,92,246,.22); background: rgba(139,92,246,.07); }
.mc-landing-proof { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 22px; color: #617087; font-size: .66rem; }
.mc-landing-proof span { display: inline-flex; align-items: center; gap: 6px; }
.mc-landing-proof i { color: #8B7BC0; }

.mc-landing-hero-card {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(139,92,246,.2);
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(18,22,39,.86), rgba(8,12,23,.91)),
        radial-gradient(circle at 50% 45%, rgba(139,92,246,.12), transparent 42%);
    box-shadow: 0 38px 100px rgba(0,0,0,.34), 0 0 80px rgba(139,92,246,.055), inset 0 1px rgba(255,255,255,.035);
    backdrop-filter: blur(18px);
}
.mc-landing-card-topline { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mc-landing-card-topline > span:first-child { display: flex; align-items: center; gap: 7px; color: #7E8AA0; font-size: .61rem; font-weight: 800; letter-spacing: .12em; }
.mc-landing-card-topline > span:first-child i { color: #A78BFA; }
.mc-landing-core-visual { position: relative; height: 255px; display: grid; place-items: center; }
.mc-landing-core-ring { position: absolute; border: 1px solid rgba(139,92,246,.14); border-radius: 50%; box-shadow: 0 0 28px rgba(139,92,246,.035); }
.mc-ring-one { width: 235px; height: 235px; animation: mcCoreSpin 24s linear infinite; border-style: dashed; }
.mc-ring-two { width: 180px; height: 180px; border-color: rgba(59,130,246,.17); animation: mcCoreSpin 19s linear infinite reverse; }
.mc-ring-three { width: 126px; height: 126px; border-color: rgba(34,211,238,.13); box-shadow: 0 0 38px rgba(34,211,238,.035); }
.mc-landing-core-mark {
    position: relative;
    z-index: 2;
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(167,139,250,.34);
    border-radius: 26px;
    background: radial-gradient(circle at 35% 25%, rgba(139,92,246,.27), rgba(7,11,22,.96) 65%);
    box-shadow: 0 0 55px rgba(139,92,246,.2), inset 0 0 35px rgba(139,92,246,.07);
}
.mc-landing-core-mark img { width: 58px; height: 58px; filter: drop-shadow(0 0 20px rgba(139,92,246,.32)); }
@keyframes mcCoreSpin { to { transform: rotate(360deg); } }
.mc-landing-live-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mc-landing-live-stats div { min-width: 0; padding: 11px; border: 1px solid rgba(255,255,255,.055); border-radius: 12px; background: rgba(5,9,18,.5); text-align: center; }
.mc-landing-live-stats strong, .mc-landing-live-stats span { display: block; }
.mc-landing-live-stats strong { color: #F4F7FB; font-size: .88rem; }
.mc-landing-live-stats span { margin-top: 2px; color: #59677C; font-size: .55rem; }
.mc-landing-primary-server { display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 11px 12px; border: 1px solid rgba(255,255,255,.055); border-radius: 13px; background: rgba(5,9,18,.46); }
.mc-landing-primary-server > div { min-width: 0; flex: 1; }
.mc-landing-primary-server small, .mc-landing-primary-server strong { display: block; }
.mc-landing-primary-server small { color: #5F6C81; font-size: .52rem; font-weight: 800; letter-spacing: .12em; }
.mc-landing-primary-server strong { margin-top: 2px; overflow: hidden; color: #DCE4EF; font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; }
.mc-landing-primary-server a, .mc-landing-primary-server button { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.16); border-radius: 10px; color: #B8A8F8; background: rgba(139,92,246,.07); }

.mc-landing-announcement-wrap { padding-top: 22px; }
.mc-landing-section { position: relative; padding: 86px 0; }
.mc-landing-section-head { max-width: 720px; margin: 0 auto 34px; text-align: center; }
.mc-landing-section-head > span, .mc-landing-section-head > div > span { color: #8F7FC7; font-size: .62rem; font-weight: 850; letter-spacing: .16em; }
.mc-landing-section-head h2 { margin: 9px 0 0; color: #F0F4F9; font-size: clamp(2rem, 3.8vw, 3.15rem); line-height: 1.06; letter-spacing: -.045em; }
.mc-landing-section-head p { margin: 14px auto 0; color: #6D7A8F; font-size: .82rem; line-height: 1.7; }
.mc-landing-section-head-left { max-width: 760px; margin-inline: 0; text-align: left; }
.mc-landing-section-head-row { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 22px; text-align: left; }
.mc-landing-section-head-row h2 { font-size: clamp(1.9rem, 3.2vw, 2.65rem); }
.mc-landing-section-head-row > a { display: inline-flex; align-items: center; gap: 7px; color: #9485D1; font-size: .7rem; font-weight: 750; text-decoration: none; }

.mc-landing-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 13px; }
.mc-landing-feature-card {
    position: relative;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding: 22px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 19px;
    background: linear-gradient(145deg, rgba(14,19,33,.82), rgba(8,12,22,.92));
    color: inherit;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.mc-landing-feature-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5; background: radial-gradient(circle at 15% 0%, var(--mc-feature-glow), transparent 42%); }
.mc-landing-feature-card:hover { transform: translateY(-3px); border-color: rgba(139,92,246,.18); box-shadow: 0 18px 48px rgba(0,0,0,.16); }
.mc-landing-feature-card.purple { --mc-feature-glow: rgba(139,92,246,.14); }
.mc-landing-feature-card.blue { --mc-feature-glow: rgba(59,130,246,.13); }
.mc-landing-feature-card.cyan { --mc-feature-glow: rgba(34,211,238,.11); }
.mc-landing-feature-card.pink { --mc-feature-glow: rgba(217,70,239,.11); }
.mc-landing-feature-icon { position: relative; z-index: 1; width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.075); border-radius: 13px; color: #B6A6F3; background: rgba(139,92,246,.07); font-size: 1rem; }
.mc-landing-feature-card.blue .mc-landing-feature-icon { color: #93C5FD; background: rgba(59,130,246,.07); }
.mc-landing-feature-card.cyan .mc-landing-feature-icon { color: #67E8F9; background: rgba(34,211,238,.06); }
.mc-landing-feature-card.pink .mc-landing-feature-icon { color: #F0ABFC; background: rgba(217,70,239,.06); }
.mc-landing-feature-card > div { position: relative; z-index: 1; }
.mc-landing-feature-card h3 { margin: 0; color: #E8EDF5; font-size: .93rem; }
.mc-landing-feature-card p { margin: 8px 0 0; color: #66748A; font-size: .7rem; line-height: 1.62; }
.mc-landing-feature-arrow { position: absolute; z-index: 1; top: 19px; right: 19px; color: #4F5C70; font-size: .8rem; transition: .2s ease; }
.mc-landing-feature-card:hover .mc-landing-feature-arrow { color: #B3A4EB; transform: translate(2px,-2px); }

.mc-landing-how { border-block: 1px solid rgba(255,255,255,.04); background: rgba(255,255,255,.012); }
.mc-landing-steps { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 13px; counter-reset: none; }
.mc-landing-steps article { position: relative; min-height: 205px; padding: 23px; border: 1px solid rgba(255,255,255,.06); border-radius: 18px; background: rgba(8,12,22,.62); }
.mc-step-number { position: absolute; right: 18px; top: 14px; color: rgba(139,92,246,.16); font-size: 2.1rem; font-weight: 900; letter-spacing: -.07em; }
.mc-step-icon { width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.14); border-radius: 12px; color: #B9AAF0; background: rgba(139,92,246,.06); }
.mc-landing-steps h3 { margin: 21px 0 0; color: #E8EDF5; font-size: .9rem; }
.mc-landing-steps p { margin: 8px 0 0; color: #66748A; font-size: .7rem; line-height: 1.6; }

.mc-landing-server-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.mc-landing-server-card { min-width: 0; padding: 18px; border: 1px solid rgba(255,255,255,.065); border-radius: 17px; background: linear-gradient(145deg, rgba(14,19,33,.82), rgba(8,12,22,.92)); }
.mc-landing-server-card-head { display: flex; align-items: center; justify-content: space-between; }
.mc-landing-server-symbol { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(59,130,246,.13); border-radius: 12px; color: #91BFFF; background: rgba(59,130,246,.06); }
.mc-landing-server-card h3 { margin: 17px 0 0; color: #E5EBF3; font-size: .84rem; }
.mc-landing-server-card p { margin: 5px 0 15px; color: #66748A; font-size: .66rem; }
.mc-landing-server-card a, .mc-landing-server-card button { display: inline-flex; align-items: center; gap: 7px; max-width: 100%; padding: 8px 10px; border: 1px solid rgba(255,255,255,.06); border-radius: 9px; color: #8F80C6; background: rgba(255,255,255,.025); font-size: .62rem; font-weight: 700; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-landing-empty-wide { grid-column: 1 / -1; min-height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; padding: 30px; border: 1px dashed rgba(255,255,255,.075); border-radius: 18px; color: #57657A; text-align: center; }
.mc-landing-empty-wide i { color: #7768AE; font-size: 1.35rem; }
.mc-landing-empty-wide strong { color: #9CA8B9; font-size: .76rem; }
.mc-landing-empty-wide span { font-size: .65rem; }

.mc-landing-news-section { padding-top: 62px; }
.mc-landing-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 13px; }
.mc-landing-news-card { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.065); border-radius: 19px; background: linear-gradient(145deg, rgba(14,19,33,.78), rgba(8,12,22,.92)); }
.mc-landing-news-image { height: 180px; display: block; overflow: hidden; background: #090D17; }
.mc-landing-news-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.mc-landing-news-card:hover .mc-landing-news-image img { transform: scale(1.025); }
.mc-landing-news-placeholder { display: grid; place-items: center; background: radial-gradient(circle at center, rgba(139,92,246,.12), rgba(8,12,22,.96)); }
.mc-landing-news-placeholder img { width: 72px; height: 72px; object-fit: contain; opacity: .7; }
.mc-landing-news-copy { padding: 18px; }
.mc-landing-news-copy > span { color: #6A778B; font-size: .58rem; }
.mc-landing-news-copy h3 { margin: 7px 0 0; font-size: .86rem; line-height: 1.35; }
.mc-landing-news-copy h3 a { color: #E4EAF2; text-decoration: none; }
.mc-landing-news-copy p { margin: 9px 0 0; color: #66748A; font-size: .67rem; line-height: 1.58; }
.mc-landing-news-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; color: #9585D2; font-size: .64rem; font-weight: 750; text-decoration: none; }

.mc-landing-final-section { padding-top: 34px; padding-bottom: 100px; }
.mc-landing-final-cta { position: relative; overflow: hidden; padding: 54px 30px; border: 1px solid rgba(139,92,246,.18); border-radius: 24px; background: linear-gradient(135deg, rgba(29,19,57,.78), rgba(9,14,27,.94) 58%, rgba(8,13,25,.98)); text-align: center; box-shadow: 0 28px 80px rgba(0,0,0,.18); }
.mc-landing-final-glow { position: absolute; width: 360px; height: 360px; left: 50%; top: -280px; transform: translateX(-50%); border-radius: 50%; background: rgba(139,92,246,.24); filter: blur(70px); }
.mc-landing-final-cta > *:not(.mc-landing-final-glow) { position: relative; z-index: 1; }
.mc-landing-final-cta h2 { max-width: 760px; margin: 8px auto 0; color: #F3F6FA; font-size: clamp(2rem, 4vw, 3.3rem); line-height: 1.05; letter-spacing: -.05em; }
.mc-landing-final-cta p { margin: 13px auto 0; color: #728096; font-size: .82rem; }
.mc-landing-final-cta > div:last-child { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 24px; }

.mc-footer-landing { margin-left: 0; padding-inline: 0; border-top-color: rgba(255,255,255,.055); }
.mc-footer-landing .mc-footer-main, .mc-footer-landing .mc-footer-bottom { width: min(1180px, calc(100% - 40px)); }

/* Generic white-label screens */
.mc-route-login .mc-standard-surface,
.mc-route-register .mc-standard-surface,
.mc-route-password-request .mc-standard-surface,
.mc-route-password-email .mc-standard-surface,
.mc-route-password-reset .mc-standard-surface {
    max-width: 760px;
    margin-inline: auto;
    border-color: rgba(139,92,246,.12);
    background: linear-gradient(145deg, rgba(14,19,33,.86), rgba(8,12,22,.94));
    box-shadow: 0 24px 72px rgba(0,0,0,.16);
}
.mc-route-login .mc-content-standard,
.mc-route-register .mc-content-standard,
.mc-route-password-request .mc-content-standard,
.mc-route-password-email .mc-content-standard,
.mc-route-password-reset .mc-content-standard { max-width: 980px; padding-top: 52px; }

/* MysticCore errors */
.mc-error-page { min-height: calc(100vh - var(--mc-topbar-height) - 160px); display: grid; place-items: center; }
.mc-error-card { width: min(620px, 100%); position: relative; overflow: hidden; padding: 46px 32px; border: 1px solid rgba(139,92,246,.16); border-radius: 22px; background: radial-gradient(circle at 50% 0%, rgba(139,92,246,.11), transparent 42%), linear-gradient(145deg, rgba(14,19,33,.9), rgba(8,12,22,.96)); text-align: center; box-shadow: 0 28px 80px rgba(0,0,0,.2); }
.mc-error-code { position: absolute; inset: -28px 0 auto; color: rgba(139,92,246,.055); font-size: 9rem; font-weight: 900; letter-spacing: -.08em; line-height: 1; pointer-events: none; }
.mc-error-icon { position: relative; width: 64px; height: 64px; display: grid; place-items: center; margin: 0 auto; border: 1px solid rgba(139,92,246,.19); border-radius: 18px; color: #B6A6EF; background: rgba(139,92,246,.075); font-size: 1.35rem; box-shadow: 0 0 36px rgba(139,92,246,.08); }
.mc-error-card h1 { position: relative; margin: 21px 0 0; color: #EEF2F7; font-size: 1.65rem; letter-spacing: -.035em; }
.mc-error-card p { position: relative; max-width: 470px; margin: 11px auto 0; color: #738096; font-size: .75rem; line-height: 1.65; }
.mc-error-actions { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 23px; }

@media (max-width: 991.98px) {
    .mc-landing-shell { width: min(100% - 30px, 900px); }
    .mc-landing-nav { min-height: 66px; }
    .mc-landing-hero { min-height: auto; }
    .mc-landing-hero-inner { grid-template-columns: 1fr; gap: 38px; padding-block: 64px 76px; }
    .mc-landing-hero-copy { max-width: 760px; }
    .mc-landing-hero-card { width: min(100%, 560px); min-height: 400px; }
    .mc-landing-feature-grid, .mc-landing-server-grid, .mc-landing-news-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .mc-landing-steps { grid-template-columns: 1fr; }
    .mc-footer-landing .mc-footer-main, .mc-footer-landing .mc-footer-bottom { width: min(100% - 30px, 900px); }
}
@media (max-width: 767.98px) {
    .mc-landing-shell { width: calc(100% - 24px); }
    .mc-landing-nav { gap: 12px; }
    .mc-landing-brand strong { font-size: .98rem; }
    .mc-landing-brand > span { width: 35px; height: 35px; }
    .mc-landing-login { display: none; }
    .mc-landing-nav-actions .mc-btn-primary { padding-inline: 11px; font-size: .66rem; }
    .mc-landing-hero { background-position: 60% center; }
    .mc-landing-hero-inner { padding-top: 52px; padding-bottom: 64px; }
    .mc-landing-hero-copy h1 { font-size: clamp(2.65rem, 14vw, 4.15rem); }
    .mc-landing-hero-copy > p { font-size: .9rem; }
    .mc-landing-hero-actions { flex-direction: column; align-items: stretch; }
    .mc-landing-primary-btn, .mc-landing-secondary-btn { width: 100%; }
    .mc-landing-proof { gap: 10px 14px; }
    .mc-landing-hero-card { min-height: 375px; padding: 16px; border-radius: 20px; }
    .mc-landing-core-visual { height: 225px; }
    .mc-ring-one { width: 205px; height: 205px; }
    .mc-ring-two { width: 156px; height: 156px; }
    .mc-ring-three { width: 112px; height: 112px; }
    .mc-landing-core-mark { width: 82px; height: 82px; border-radius: 22px; }
    .mc-landing-core-mark img { width: 50px; height: 50px; }
    .mc-landing-live-stats span { display: none; }
    .mc-landing-section { padding: 64px 0; }
    .mc-landing-section-head { margin-bottom: 26px; }
    .mc-landing-section-head-row { align-items: flex-start; flex-direction: column; }
    .mc-landing-feature-grid, .mc-landing-server-grid, .mc-landing-news-grid { grid-template-columns: 1fr; }
    .mc-landing-feature-card { min-height: 160px; }
    .mc-landing-news-image { height: 205px; }
    .mc-landing-final-cta { padding: 40px 20px; border-radius: 19px; }
    .mc-footer-landing .mc-footer-main, .mc-footer-landing .mc-footer-bottom { width: calc(100% - 24px); }
}
@media (max-width: 419.98px) {
    .mc-landing-brand strong { display: none; }
    .mc-landing-nav-actions .mc-btn-primary { min-height: 36px; }
    .mc-landing-proof { flex-direction: column; }
    .mc-landing-live-stats { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .mc-landing-live-stats div { padding-inline: 6px; }
    .mc-landing-live-stats strong { font-size: .76rem; }
    .mc-landing-primary-server { padding-inline: 9px; }
}
@media (prefers-reduced-motion: reduce) {
    .mc-landing-core-ring { animation: none !important; }
    .mc-landing-feature-card, .mc-landing-news-image img { transition: none !important; }
}

/* =========================================================
   MysticCore Auth Experience v1.2.3
   ========================================================= */
.mc-body-auth { overflow-x: hidden; background: #050711; }
.mc-body-auth .mc-app { min-height: 100vh; }
.mc-auth-page {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    isolation: isolate;
    padding: 104px 28px 42px;
    background:
        radial-gradient(circle at 12% 8%, rgba(124,58,237,.14), transparent 34%),
        radial-gradient(circle at 88% 82%, rgba(37,99,235,.10), transparent 32%),
        linear-gradient(135deg, #050711 0%, #080b15 52%, #050812 100%);
}
.mc-auth-grid { position: absolute; z-index: -3; inset: 0; opacity: .22; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), transparent 88%); }
.mc-auth-orb { position: absolute; z-index: -2; border-radius: 50%; pointer-events: none; filter: blur(90px); opacity: .33; }
.mc-auth-orb-one { width: 340px; height: 340px; top: -170px; left: 18%; background: #6d28d9; }
.mc-auth-orb-two { width: 300px; height: 300px; right: 7%; bottom: -155px; background: #1d4ed8; opacity: .22; }
.mc-auth-topbar { position: absolute; z-index: 5; top: 0; left: 0; right: 0; height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 20px; width: min(1240px, calc(100% - 56px)); margin-inline: auto; }
.mc-auth-brand { display: inline-flex; align-items: center; gap: 11px; color: #fff; text-decoration: none; }
.mc-auth-brand:hover { color: #fff; }
.mc-auth-brand-mark { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.2); border-radius: 12px; background: rgba(139,92,246,.075); box-shadow: inset 0 0 20px rgba(139,92,246,.025), 0 0 30px rgba(139,92,246,.04); }
.mc-auth-brand-mark img { width: 25px; height: 25px; filter: drop-shadow(0 0 12px rgba(139,92,246,.3)); }
.mc-auth-brand-copy { display: flex; flex-direction: column; line-height: 1.04; }
.mc-auth-brand-copy strong { color: #f6f7fb; font-size: 1.02rem; letter-spacing: -.03em; }
.mc-auth-brand-copy strong span { color: #a78bfa; }
.mc-auth-brand-copy small { margin-top: 5px; color: #5e6a80; font-size: .55rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.mc-auth-back { min-height: 38px; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.065); border-radius: 10px; color: #8793a7; background: rgba(255,255,255,.025); font-size: .68rem; font-weight: 700; text-decoration: none; transition: .2s ease; }
.mc-auth-back:hover { color: #d9e0ea; border-color: rgba(139,92,246,.16); background: rgba(139,92,246,.055); transform: translateY(-1px); }
.mc-auth-shell { width: min(1120px, 100%); margin: 0 auto; }
.mc-auth-shell > .alert { margin-bottom: 14px; border-radius: 14px; }
.mc-auth-card { display: grid; grid-template-columns: minmax(0, .92fr) minmax(430px, .78fr); min-height: 655px; overflow: hidden; border: 1px solid rgba(255,255,255,.072); border-radius: 28px; background: rgba(7,10,19,.88); box-shadow: 0 34px 110px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.025); backdrop-filter: blur(20px); }
.mc-auth-card-register { min-height: 735px; }
.mc-auth-showcase { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 58px 52px; border-right: 1px solid rgba(255,255,255,.058); background: radial-gradient(circle at 45% 100%, rgba(124,58,237,.17), transparent 42%), linear-gradient(145deg, rgba(19,14,37,.96), rgba(8,11,21,.98) 72%); }
.mc-auth-showcase::before { content: ""; position: absolute; width: 430px; height: 430px; top: -250px; left: -190px; border-radius: 50%; border: 1px solid rgba(139,92,246,.12); box-shadow: 0 0 90px rgba(139,92,246,.06); }
.mc-auth-showcase-content { position: relative; z-index: 2; max-width: 480px; }
.mc-auth-eyebrow { display: inline-flex; align-items: center; gap: 7px; color: #9b8bd5; font-size: .61rem; font-weight: 850; letter-spacing: .16em; }
.mc-auth-eyebrow i { color: #c4b5fd; }
.mc-auth-showcase h1 { margin: 24px 0 0; color: #f5f7fb; font-size: clamp(2.7rem, 4.1vw, 4rem); line-height: .98; letter-spacing: -.06em; }
.mc-auth-showcase h1 span { color: #9f8df1; }
.mc-auth-showcase p { max-width: 460px; margin: 20px 0 0; color: #7b879c; font-size: .8rem; line-height: 1.72; }
.mc-auth-benefits { position: relative; z-index: 2; display: grid; gap: 10px; margin-top: 34px; }
.mc-auth-benefits > div { display: flex; align-items: center; gap: 13px; padding: 12px 13px; border: 1px solid rgba(255,255,255,.052); border-radius: 14px; background: rgba(6,9,17,.42); }
.mc-auth-benefits > div > span { width: 37px; height: 37px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.13); border-radius: 11px; color: #af9ef0; background: rgba(139,92,246,.06); font-size: .82rem; }
.mc-auth-benefits strong, .mc-auth-benefits small { display: block; }
.mc-auth-benefits strong { color: #d8dee8; font-size: .7rem; }
.mc-auth-benefits small { margin-top: 3px; color: #647187; font-size: .59rem; line-height: 1.45; }
.mc-auth-core-art { position: relative; z-index: 1; min-height: 205px; display: grid; place-items: center; margin: 26px 0 -14px; opacity: .74; }
.mc-auth-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(139,92,246,.13); }
.mc-auth-ring.ring-a { width: 210px; height: 210px; border-style: dashed; animation: mcAuthSpin 30s linear infinite; }
.mc-auth-ring.ring-b { width: 156px; height: 156px; border-color: rgba(59,130,246,.16); animation: mcAuthSpin 22s linear infinite reverse; }
.mc-auth-ring.ring-c { width: 108px; height: 108px; border-color: rgba(34,211,238,.11); }
.mc-auth-core { width: 78px; height: 78px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.24); border-radius: 23px; background: radial-gradient(circle at 35% 25%, rgba(139,92,246,.18), rgba(8,11,20,.94)); box-shadow: 0 0 45px rgba(139,92,246,.12), inset 0 0 24px rgba(139,92,246,.04); transform: rotate(6deg); }
.mc-auth-core img { width: 45px; height: 45px; filter: drop-shadow(0 0 15px rgba(139,92,246,.34)); transform: rotate(-6deg); }
@keyframes mcAuthSpin { to { transform: rotate(360deg); } }
.mc-auth-form-panel { display: flex; flex-direction: column; justify-content: center; padding: 54px 52px; background: linear-gradient(160deg, rgba(13,17,29,.95), rgba(7,10,18,.98)); }
.mc-auth-form-head { margin-bottom: 28px; }
.mc-auth-mobile-mark { display: none; }
.mc-auth-kicker { color: #7466a8; font-size: .57rem; font-weight: 850; letter-spacing: .16em; }
.mc-auth-form-head h2 { margin: 8px 0 0; color: #f2f5f9; font-size: 1.82rem; line-height: 1.1; letter-spacing: -.045em; }
.mc-auth-form-head p { margin: 9px 0 0; color: #69768b; font-size: .72rem; line-height: 1.55; }
.mc-auth-form { display: grid; gap: 17px; }
.mc-auth-field { min-width: 0; }
.mc-auth-field > label, .mc-auth-label-row label { display: block; margin: 0 0 7px; color: #a6b0c0; font-size: .63rem; font-weight: 760; }
.mc-auth-label-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mc-auth-label-row a { margin-bottom: 7px; color: #8879c2; font-size: .59rem; font-weight: 700; text-decoration: none; }
.mc-auth-label-row a:hover { color: #b6a5f1; }
.mc-auth-input-wrap { position: relative; min-height: 49px; display: flex; align-items: center; border: 1px solid rgba(255,255,255,.075); border-radius: 13px; background: rgba(5,8,15,.68); box-shadow: inset 0 1px 0 rgba(255,255,255,.018); transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.mc-auth-input-wrap:focus-within { border-color: rgba(139,92,246,.42); background: rgba(8,10,20,.88); box-shadow: 0 0 0 3px rgba(139,92,246,.07), 0 0 28px rgba(139,92,246,.035); }
.mc-auth-input-wrap.has-error { border-color: rgba(248,113,113,.42); }
.mc-auth-input-wrap > i { width: 43px; flex: 0 0 auto; color: #6e7890; font-size: .78rem; text-align: center; pointer-events: none; }
.mc-auth-input-wrap:focus-within > i { color: #a997e8; }
.mc-auth-input-wrap input { min-width: 0; width: 100%; height: 47px; padding: 0 42px 0 0; border: 0; outline: 0; color: #eef2f7; background: transparent; font-size: .73rem; }
.mc-auth-input-wrap input::placeholder { color: #465267; }
.mc-auth-input-wrap input:-webkit-autofill, .mc-auth-input-wrap input:-webkit-autofill:hover, .mc-auth-input-wrap input:-webkit-autofill:focus { -webkit-text-fill-color: #eef2f7; -webkit-box-shadow: 0 0 0 1000px #080c16 inset; transition: background-color 9999s ease-in-out 0s; }
.mc-auth-password-toggle { position: absolute; right: 7px; width: 35px; height: 35px; display: grid; place-items: center; border: 0; border-radius: 9px; color: #657187; background: transparent; font-size: .78rem; }
.mc-auth-password-toggle:hover { color: #b1a1ea; background: rgba(139,92,246,.06); }
.mc-auth-error { display: flex; align-items: flex-start; gap: 6px; margin-top: 6px; color: #f28b91; font-size: .58rem; line-height: 1.4; }
.mc-auth-error-standalone { margin-top: -9px; }
.mc-auth-options { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mc-auth-check { position: relative; display: flex; align-items: flex-start; gap: 9px; color: #7b879a; font-size: .62rem; line-height: 1.5; cursor: pointer; }
.mc-auth-check input { position: absolute; opacity: 0; pointer-events: none; }
.mc-auth-checkbox { width: 18px; height: 18px; flex: 0 0 auto; display: grid; place-items: center; margin-top: 1px; border: 1px solid rgba(255,255,255,.12); border-radius: 5px; color: transparent; background: rgba(255,255,255,.025); transition: .18s ease; }
.mc-auth-checkbox i { font-size: .65rem; }
.mc-auth-check input:checked + .mc-auth-checkbox { color: #fff; border-color: rgba(139,92,246,.58); background: linear-gradient(135deg, #7c3aed, #4f46e5); box-shadow: 0 0 14px rgba(124,58,237,.16); }
.mc-auth-conditions { padding: 12px 13px; border: 1px solid rgba(255,255,255,.055); border-radius: 12px; background: rgba(255,255,255,.018); }
.mc-auth-conditions a { color: #9c8bd6; }
.mc-auth-password-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mc-password-meter { margin-top: -7px; }
.mc-password-meter > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.mc-password-meter > div span { height: 3px; border-radius: 999px; background: rgba(255,255,255,.055); transition: .2s ease; }
.mc-password-meter[data-strength="1"] > div span.active { background: #ef6d73; }
.mc-password-meter[data-strength="2"] > div span.active { background: #e4a45c; }
.mc-password-meter[data-strength="3"] > div span.active { background: #7d9ae9; }
.mc-password-meter[data-strength="4"] > div span.active { background: #61c6a2; box-shadow: 0 0 9px rgba(97,198,162,.18); }
.mc-password-meter small { display: block; margin-top: 6px; color: #4e5a6f; font-size: .53rem; }
.mc-auth-submit { min-height: 50px; display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 2px; padding: 11px 16px; border: 1px solid rgba(167,139,250,.24); border-radius: 13px; color: #fff; background: linear-gradient(135deg, #7c3aed 0%, #6453e5 54%, #3b82f6 120%); box-shadow: 0 12px 28px rgba(76,45,180,.18), inset 0 1px 0 rgba(255,255,255,.16); font-size: .69rem; font-weight: 820; letter-spacing: .01em; transition: .2s ease; }
.mc-auth-submit:hover { transform: translateY(-1px); filter: brightness(1.07); box-shadow: 0 16px 34px rgba(76,45,180,.24); }
.mc-auth-submit i { transition: transform .2s ease; }
.mc-auth-submit:hover i { transform: translateX(3px); }
.mc-auth-switch { margin-top: 21px; color: #657187; font-size: .63rem; text-align: center; }
.mc-auth-switch a { color: #ad9bea; font-weight: 760; text-decoration: none; }
.mc-auth-switch a:hover { color: #d0c4f7; }
.mc-auth-trust { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.045); color: #4f5c70; font-size: .54rem; text-align: center; }
.mc-auth-trust i { color: #6d7fc0; }
.mc-auth-form .captcha, .mc-auth-form .g-recaptcha, .mc-auth-form .h-captcha, .mc-auth-form .cf-turnstile { max-width: 100%; margin-inline: auto; }

@media (max-width: 991.98px) {
    .mc-auth-page { padding: 94px 22px 34px; }
    .mc-auth-topbar { width: calc(100% - 44px); height: 74px; }
    .mc-auth-card, .mc-auth-card-register { grid-template-columns: 1fr; width: min(580px, 100%); min-height: auto; margin-inline: auto; }
    .mc-auth-showcase { display: none; }
    .mc-auth-form-panel { padding: 48px 46px; }
    .mc-auth-mobile-mark { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 22px; border: 1px solid rgba(139,92,246,.18); border-radius: 15px; background: rgba(139,92,246,.07); }
    .mc-auth-mobile-mark img { width: 31px; height: 31px; }
}
@media (max-width: 575.98px) {
    .mc-auth-page { padding: 82px 12px 18px; }
    .mc-auth-topbar { width: calc(100% - 24px); height: 68px; }
    .mc-auth-brand-copy small, .mc-auth-back span { display: none; }
    .mc-auth-back { width: 38px; padding: 0; justify-content: center; }
    .mc-auth-card { border-radius: 21px; }
    .mc-auth-form-panel { padding: 34px 22px 28px; }
    .mc-auth-form-head { margin-bottom: 24px; }
    .mc-auth-form-head h2 { font-size: 1.62rem; }
    .mc-auth-password-grid { grid-template-columns: 1fr; gap: 17px; }
    .mc-auth-input-wrap { min-height: 48px; }
    .mc-auth-submit { min-height: 49px; }
}
@media (prefers-reduced-motion: reduce) {
    .mc-auth-ring { animation: none !important; }
    .mc-auth-submit, .mc-auth-back { transition: none !important; }
}

/* MysticCore public profiles (Mystic Profiles companion plugin) */
.mc-public-profile-shortcut { margin-top: 15px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 12px; border: 1px solid rgba(139,92,246,.18); border-radius: 11px; color: #c8bdf7; background: rgba(139,92,246,.07); font-size: .62rem; font-weight: 780; text-decoration: none; transition: .2s ease; }
.mc-public-profile-shortcut:hover { color: #fff; border-color: rgba(139,92,246,.34); background: rgba(139,92,246,.12); transform: translateY(-1px); }
.mc-public-profile-shortcut i:last-child { font-size: .58rem; opacity: .72; }
.mc-public-profile-page { display: grid; gap: 18px; }
.mc-public-profile-hero { position: relative; min-height: 285px; display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; overflow: hidden; padding: 34px; border: 1px solid rgba(139,92,246,.16); border-radius: 24px; background: linear-gradient(135deg, rgba(31,18,64,.76), rgba(10,15,29,.97) 54%, rgba(5,12,26,.99)); box-shadow: 0 22px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025); }
.mc-public-profile-pattern { position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom right, #000, transparent 78%); }
.mc-public-profile-glow { position: absolute; border-radius: 999px; filter: blur(1px); pointer-events: none; }
.mc-public-profile-glow-a { width: 330px; height: 330px; left: -110px; top: -150px; background: radial-gradient(circle, rgba(139,92,246,.22), transparent 67%); }
.mc-public-profile-glow-b { width: 360px; height: 360px; right: -140px; bottom: -220px; background: radial-gradient(circle, rgba(59,130,246,.14), transparent 68%); }
.mc-public-profile-main, .mc-public-profile-actions { position: relative; z-index: 2; }
.mc-public-profile-main { display: flex; align-items: flex-end; gap: 24px; min-width: 0; }
.mc-public-avatar-wrap { position: relative; width: 132px; height: 132px; flex: 0 0 auto; padding: 5px; border: 1px solid rgba(167,139,250,.29); border-radius: 31px; background: linear-gradient(145deg, rgba(139,92,246,.19), rgba(59,130,246,.06)); box-shadow: 0 16px 36px rgba(0,0,0,.3), 0 0 35px rgba(139,92,246,.09); }
.mc-public-avatar { width: 100%; height: 100%; display: block; border-radius: 25px; object-fit: cover; background: #090d16; }
.mc-public-avatar-mark { position: absolute; right: -6px; bottom: -5px; width: 34px; height: 34px; display: grid; place-items: center; border: 4px solid #0b0f1b; border-radius: 12px; color: #d7caff; background: linear-gradient(135deg,#7c3aed,#4f46e5); box-shadow: 0 0 20px rgba(124,58,237,.28); font-size: .72rem; }
.mc-public-identity { min-width: 0; padding-bottom: 4px; }
.mc-public-kicker { display: inline-flex; align-items: center; gap: 7px; color: #8f7fc6; font-size: .57rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.mc-public-identity h1 { margin: 7px 0 8px; color: #f6f8fc; font-size: clamp(2rem, 3.4vw, 3.2rem); line-height: .98; letter-spacing: -.055em; }
.mc-public-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; color: #768398; font-size: .62rem; }
.mc-public-meta > span:not(.mc-public-role) { display: inline-flex; align-items: center; gap: 6px; }
.mc-public-role { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 8px; font-size: .59rem; font-weight: 800; }
.mc-public-identity p { max-width: 570px; margin: 12px 0 0; color: #6f7d92; font-size: .68rem; line-height: 1.6; }
.mc-public-profile-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; justify-content: flex-end; }
.mc-public-share-btn { min-height: 42px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid rgba(255,255,255,.08); border-radius: 11px; color: #aab5c5; background: rgba(255,255,255,.035); font-size: .62rem; font-weight: 760; }
.mc-public-share-btn:hover { color: #fff; border-color: rgba(139,92,246,.2); background: rgba(139,92,246,.07); }
.mc-public-stat-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.mc-public-stat-card { min-height: 88px; display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid rgba(255,255,255,.065); border-radius: 16px; background: linear-gradient(145deg, rgba(14,19,32,.94), rgba(8,12,21,.97)); box-shadow: inset 0 1px 0 rgba(255,255,255,.018); }
.mc-public-stat-icon { width: 43px; height: 43px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid transparent; border-radius: 12px; font-size: .9rem; }
.mc-public-stat-purple { color: #baa8ff; border-color: rgba(139,92,246,.2); background: rgba(139,92,246,.08); box-shadow: 0 0 19px rgba(139,92,246,.07); }
.mc-public-stat-blue { color: #8ebaff; border-color: rgba(59,130,246,.2); background: rgba(59,130,246,.08); box-shadow: 0 0 19px rgba(59,130,246,.07); }
.mc-public-stat-pink { color: #ef9ff3; border-color: rgba(217,70,239,.18); background: rgba(217,70,239,.07); box-shadow: 0 0 19px rgba(217,70,239,.06); }
.mc-public-stat-card strong, .mc-public-stat-card span { display: block; }
.mc-public-stat-card strong { color: #f2f5f9; font-size: 1.1rem; line-height: 1; }
.mc-public-stat-card div > span { margin-top: 6px; color: #66748a; font-size: .59rem; }
.mc-public-profile-content { padding: 24px; border: 1px solid rgba(255,255,255,.06); border-radius: 20px; background: linear-gradient(145deg, rgba(12,17,29,.95), rgba(7,11,19,.98)); }
.mc-public-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.mc-public-section-head h2 { margin: 4px 0 0; color: #edf1f7; font-size: 1.25rem; letter-spacing: -.035em; }
.mc-public-section-head p { margin: 6px 0 0; color: #637086; font-size: .63rem; }
.mc-public-post-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.mc-public-post-card { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.06); border-radius: 16px; background: rgba(5,9,17,.62); transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.mc-public-post-card:hover { transform: translateY(-2px); border-color: rgba(139,92,246,.14); background: rgba(8,12,22,.82); }
.mc-public-post-image { display: block; aspect-ratio: 16/7.5; overflow: hidden; background: #070b13; }
.mc-public-post-image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .35s ease; }
.mc-public-post-card:hover .mc-public-post-image img { transform: scale(1.025); }
.mc-public-post-body { padding: 16px; }
.mc-public-post-date { display: flex; align-items: center; gap: 6px; color: #56647a; font-size: .54rem; }
.mc-public-post-body h3 { margin: 8px 0 6px; font-size: .86rem; line-height: 1.3; }
.mc-public-post-body h3 a { color: #e5eaf2; text-decoration: none; }
.mc-public-post-body h3 a:hover { color: #b9a8f6; }
.mc-public-post-body p { display: -webkit-box; overflow: hidden; margin: 0; color: #6b788d; font-size: .62rem; line-height: 1.55; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mc-public-post-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 15px; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.045); }
.mc-public-post-stats { display: flex; align-items: center; gap: 11px; color: #647188; font-size: .56rem; }
.mc-public-post-stats span { display: inline-flex; align-items: center; gap: 5px; }
.mc-public-post-link { display: inline-flex; align-items: center; gap: 6px; color: #9382ce; font-size: .57rem; font-weight: 760; text-decoration: none; }
.mc-public-post-link:hover { color: #c4b6f6; }
.mc-public-empty-state { min-height: 230px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px; border: 1px dashed rgba(139,92,246,.14); border-radius: 16px; background: rgba(139,92,246,.018); text-align: center; }
.mc-public-empty-state > span { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.16); border-radius: 14px; color: #a996ea; background: rgba(139,92,246,.06); }
.mc-public-empty-state h3 { margin: 12px 0 5px; color: #dfe5ed; font-size: .82rem; }
.mc-public-empty-state p { max-width: 420px; margin: 0; color: #647187; font-size: .62rem; line-height: 1.55; }
@media (max-width: 991.98px) {
    .mc-public-profile-hero { min-height: 250px; align-items: flex-end; padding: 28px; }
    .mc-public-avatar-wrap { width: 112px; height: 112px; border-radius: 27px; }
    .mc-public-avatar { border-radius: 21px; }
    .mc-public-profile-main { gap: 19px; }
}
@media (max-width: 767.98px) {
    .mc-public-profile-hero { align-items: flex-start; flex-direction: column; padding: 24px; }
    .mc-public-profile-main { align-items: center; width: 100%; flex-direction: column; text-align: center; }
    .mc-public-meta { justify-content: center; }
    .mc-public-identity p { margin-inline: auto; }
    .mc-public-profile-actions { width: 100%; justify-content: center; }
    .mc-public-stat-grid { grid-template-columns: 1fr; }
    .mc-public-post-grid { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
    .mc-public-profile-hero { padding: 21px 17px; border-radius: 20px; }
    .mc-public-avatar-wrap { width: 100px; height: 100px; }
    .mc-public-identity h1 { font-size: 2rem; }
    .mc-public-profile-actions .btn { width: 100%; justify-content: center; }
    .mc-public-profile-content { padding: 18px 14px; border-radius: 17px; }
    .mc-public-section-head { align-items: center; }
}

/* =========================================================
   MysticCore Gaming Profiles v1.2.5
   Companion: MysticCore Profiles v1.1.0
   ========================================================= */
.mc-profile-shortcut-stack { display: grid; gap: 8px; margin-top: 15px; }
.mc-profile-shortcut-stack .mc-public-profile-shortcut { margin-top: 0; width: 100%; }
.mc-public-profile-shortcut-secondary { color: #8ea9d3; border-color: rgba(59,130,246,.14); background: rgba(59,130,246,.045); }
.mc-public-profile-shortcut-secondary:hover { border-color: rgba(59,130,246,.28); background: rgba(59,130,246,.09); }

.mc-public-profile-hero.has-custom-banner { min-height: 335px; background: #080c16; }
.mc-public-profile-banner-image { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mc-public-profile-banner-overlay { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(5,8,16,.94) 0%, rgba(5,8,16,.76) 43%, rgba(5,8,16,.5) 72%, rgba(5,8,16,.72) 100%), linear-gradient(0deg, rgba(5,8,16,.9), transparent 70%); }
.mc-public-profile-hero.has-custom-banner .mc-public-profile-pattern { z-index: 1; opacity: .12; }
.mc-public-profile-hero.has-custom-banner .mc-public-profile-glow { z-index: 1; opacity: .45; }
.mc-public-profile-hero.has-custom-banner .mc-public-profile-main,
.mc-public-profile-hero.has-custom-banner .mc-public-profile-actions { z-index: 3; }
.mc-public-profile-hero.has-custom-banner .mc-public-identity p { color: #a5afbe; text-shadow: 0 2px 15px rgba(0,0,0,.5); }

.mc-gaming-profile-grid { display: grid; grid-template-columns: 1.18fr .9fr .92fr; gap: 12px; }
.mc-gaming-detail-card { min-width: 0; min-height: 178px; padding: 20px; border: 1px solid rgba(255,255,255,.065); border-radius: 18px; background: linear-gradient(145deg, rgba(13,18,31,.96), rgba(7,11,20,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 14px 34px rgba(0,0,0,.12); }
.mc-gaming-detail-games { background: radial-gradient(circle at 85% 12%, rgba(124,58,237,.09), transparent 38%), linear-gradient(145deg, rgba(15,18,34,.97), rgba(7,11,20,.98)); }
.mc-gaming-detail-head { display: flex; align-items: center; gap: 12px; margin-bottom: 17px; }
.mc-gaming-detail-icon { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.18); border-radius: 12px; color: #b7a5fb; background: rgba(139,92,246,.075); box-shadow: 0 0 20px rgba(139,92,246,.055); font-size: .84rem; }
.mc-gaming-detail-icon.is-blue { color: #86b9ff; border-color: rgba(59,130,246,.18); background: rgba(59,130,246,.07); box-shadow: 0 0 20px rgba(59,130,246,.05); }
.mc-gaming-detail-icon.is-cyan { color: #68d9eb; border-color: rgba(34,211,238,.17); background: rgba(34,211,238,.06); box-shadow: 0 0 20px rgba(34,211,238,.045); }
.mc-gaming-detail-head span:not(.mc-gaming-detail-icon) { display: block; color: #5f6d83; font-size: .5rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.mc-gaming-detail-head h2 { margin: 4px 0 0; color: #e9edf4; font-size: .8rem; letter-spacing: -.022em; }
.mc-game-chip-list { display: flex; flex-wrap: wrap; gap: 7px; }
.mc-game-chip { min-height: 31px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border: 1px solid rgba(139,92,246,.13); border-radius: 9px; color: #b9afe0; background: rgba(139,92,246,.045); font-size: .56rem; font-weight: 700; }
.mc-game-chip i { color: #8d78d3; font-size: .59rem; }
.mc-platform-list { display: flex; flex-wrap: wrap; gap: 8px; }
.mc-platform-list > span { min-height: 34px; display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(59,130,246,.13); border-radius: 10px; color: #a2b7d7; background: rgba(59,130,246,.04); font-size: .57rem; font-weight: 700; }
.mc-platform-list i { color: #6fa8f9; font-size: .72rem; }
.mc-online-times { display: flex; align-items: flex-start; gap: 8px; margin: 0; color: #abb6c5; font-size: .63rem; line-height: 1.65; white-space: pre-line; }
.mc-online-times i { margin-top: 6px; color: #34d399; font-size: .34rem; filter: drop-shadow(0 0 6px rgba(52,211,153,.35)); }
.mc-gaming-empty { margin: 4px 0 0; color: #526076; font-size: .61rem; }
.mc-complete-profile-callout { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; min-height: 78px; padding: 14px 17px; border: 1px dashed rgba(139,92,246,.2); border-radius: 16px; color: inherit; background: linear-gradient(90deg, rgba(139,92,246,.055), rgba(59,130,246,.025)); text-decoration: none; transition: .2s ease; }
.mc-complete-profile-callout:hover { border-color: rgba(139,92,246,.34); background: linear-gradient(90deg, rgba(139,92,246,.09), rgba(59,130,246,.04)); transform: translateY(-1px); }
.mc-complete-profile-callout > span { width: 41px; height: 41px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.16); border-radius: 12px; color: #b7a2fb; background: rgba(139,92,246,.07); }
.mc-complete-profile-callout strong, .mc-complete-profile-callout small { display: block; }
.mc-complete-profile-callout strong { color: #dfe4ec; font-size: .67rem; }
.mc-complete-profile-callout small { margin-top: 4px; color: #657389; font-size: .56rem; }
.mc-complete-profile-callout > i { color: #806dc5; }

.mc-gaming-settings-page { display: grid; gap: 18px; }
.mc-gaming-settings-hero { min-height: 150px; display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 24px 27px; overflow: hidden; position: relative; border: 1px solid rgba(139,92,246,.13); border-radius: 21px; background: radial-gradient(circle at 12% 0%, rgba(124,58,237,.12), transparent 39%), linear-gradient(135deg, rgba(16,16,34,.97), rgba(7,12,22,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.02); }
.mc-gaming-settings-hero::after { content: ""; position: absolute; width: 280px; height: 280px; right: -145px; top: -160px; border: 1px solid rgba(139,92,246,.09); border-radius: 50%; box-shadow: 0 0 60px rgba(124,58,237,.05); }
.mc-gaming-settings-identity { position: relative; z-index: 1; display: flex; align-items: center; gap: 17px; min-width: 0; }
.mc-gaming-settings-identity > img { width: 76px; height: 76px; flex: 0 0 auto; object-fit: cover; border: 3px solid rgba(139,92,246,.14); border-radius: 20px; background: #080c15; box-shadow: 0 10px 30px rgba(0,0,0,.24); }
.mc-gaming-settings-identity h1 { margin: 5px 0 5px; color: #f0f3f8; font-size: 1.3rem; letter-spacing: -.04em; }
.mc-gaming-settings-identity p { max-width: 650px; margin: 0; color: #68768b; font-size: .64rem; line-height: 1.55; }
.mc-gaming-settings-hero > .btn { position: relative; z-index: 1; flex: 0 0 auto; }
.mc-gaming-settings-layout { display: grid; grid-template-columns: minmax(0,1fr) 270px; gap: 16px; align-items: start; }
.mc-gaming-settings-form { display: grid; gap: 14px; }
.mc-gaming-edit-section { margin: 0; }
.mc-banner-editor { display: grid; gap: 13px; }
.mc-banner-preview { position: relative; min-height: 205px; overflow: hidden; border: 1px solid rgba(255,255,255,.065); border-radius: 16px; background: radial-gradient(circle at 20% 20%, rgba(124,58,237,.13), transparent 35%), linear-gradient(135deg, #0b0e1b, #07101b); }
.mc-banner-preview > img { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mc-banner-preview.has-image::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(5,8,16,.82), rgba(5,8,16,.28) 80%), linear-gradient(0deg, rgba(5,8,16,.7), transparent 65%); }
.mc-banner-preview-grid { position: absolute; z-index: 2; inset: 0; opacity: .17; background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size: 42px 42px; }
.mc-banner-preview-user { position: absolute; z-index: 3; left: 18px; bottom: 17px; display: flex; align-items: center; gap: 11px; }
.mc-banner-preview-user > img { width: 53px; height: 53px; border: 3px solid rgba(10,13,23,.85); border-radius: 15px; object-fit: cover; background: #080b13; }
.mc-banner-preview-user strong, .mc-banner-preview-user span { display: block; }
.mc-banner-preview-user strong { color: #fff; font-size: .72rem; text-shadow: 0 2px 10px rgba(0,0,0,.55); }
.mc-banner-preview-user span { max-width: 430px; margin-top: 3px; color: #98a3b3; font-size: .51rem; line-height: 1.4; }
.mc-banner-controls { display: flex; align-items: center; gap: 13px; flex-wrap: wrap; }
.mc-file-button { cursor: pointer; }
.mc-remove-banner-check { display: inline-flex; align-items: center; gap: 8px; color: #7e8ba0; font-size: .58rem; cursor: pointer; }
.mc-remove-banner-check input { width: 15px; height: 15px; accent-color: #8b5cf6; }
.mc-inline-error { color: #f59aab; font-size: .57rem; }
.mc-field-meta { display: flex; justify-content: space-between; gap: 14px; margin-top: 7px; color: #536177; font-size: .5rem; }
.mc-platform-picker { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.mc-platform-option { cursor: pointer; }
.mc-platform-option > input { position: absolute; opacity: 0; pointer-events: none; }
.mc-platform-option > span { min-height: 58px; display: flex; align-items: center; gap: 9px; padding: 11px 12px; border: 1px solid rgba(255,255,255,.06); border-radius: 12px; color: #78869a; background: rgba(5,9,17,.45); transition: .18s ease; }
.mc-platform-option > span > i:first-child { color: #7185a4; font-size: .84rem; }
.mc-platform-option strong { min-width: 0; flex: 1; font-size: .59rem; font-weight: 730; }
.mc-platform-check { opacity: 0; color: #b9a5ff; font-size: .66rem; transform: scale(.7); transition: .18s ease; }
.mc-platform-option:hover > span { border-color: rgba(139,92,246,.12); color: #9da8b8; background: rgba(139,92,246,.025); }
.mc-platform-option > input:checked + span { border-color: rgba(139,92,246,.24); color: #d5d0e7; background: rgba(139,92,246,.075); box-shadow: inset 0 0 20px rgba(139,92,246,.025); }
.mc-platform-option > input:checked + span > i:first-child { color: #a997e9; }
.mc-platform-option > input:checked + span .mc-platform-check { opacity: 1; transform: scale(1); }
.mc-gaming-settings-submit { display: flex; justify-content: flex-end; gap: 9px; padding-top: 2px; }
.mc-gaming-settings-aside { display: grid; gap: 12px; position: sticky; top: 86px; }
.mc-settings-aside-card { padding: 18px; border: 1px solid rgba(255,255,255,.06); border-radius: 16px; background: linear-gradient(145deg, rgba(12,17,29,.95), rgba(7,11,19,.98)); }
.mc-settings-aside-icon { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.16); border-radius: 11px; color: #a995ec; background: rgba(139,92,246,.06); }
.mc-settings-aside-icon.is-blue { color: #86adE9; border-color: rgba(59,130,246,.14); background: rgba(59,130,246,.05); }
.mc-settings-aside-card h3 { margin: 12px 0 6px; color: #dce2eb; font-size: .72rem; }
.mc-settings-aside-card p { margin: 0; color: #627087; font-size: .57rem; line-height: 1.6; }

@media (max-width: 1199.98px) {
    .mc-gaming-profile-grid { grid-template-columns: 1fr 1fr; }
    .mc-gaming-detail-games { grid-column: 1 / -1; }
    .mc-gaming-settings-layout { grid-template-columns: 1fr 230px; }
    .mc-platform-picker { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 991.98px) {
    .mc-public-profile-hero.has-custom-banner { min-height: 300px; }
    .mc-gaming-settings-layout { grid-template-columns: 1fr; }
    .mc-gaming-settings-aside { grid-template-columns: repeat(2,minmax(0,1fr)); position: static; }
}
@media (max-width: 767.98px) {
    .mc-public-profile-hero.has-custom-banner { min-height: 390px; }
    .mc-public-profile-banner-overlay { background: linear-gradient(0deg, rgba(5,8,16,.96) 0%, rgba(5,8,16,.65) 68%, rgba(5,8,16,.38)); }
    .mc-gaming-profile-grid { grid-template-columns: 1fr; }
    .mc-gaming-detail-games { grid-column: auto; }
    .mc-gaming-settings-hero { align-items: flex-start; flex-direction: column; }
    .mc-gaming-settings-hero > .btn { width: 100%; justify-content: center; }
    .mc-platform-picker { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575.98px) {
    .mc-gaming-detail-card { min-height: auto; padding: 17px; border-radius: 15px; }
    .mc-complete-profile-callout { grid-template-columns: auto 1fr; }
    .mc-complete-profile-callout > i { display: none; }
    .mc-gaming-settings-hero { padding: 20px 17px; border-radius: 18px; }
    .mc-gaming-settings-identity { align-items: flex-start; }
    .mc-gaming-settings-identity > img { width: 61px; height: 61px; border-radius: 16px; }
    .mc-gaming-settings-identity h1 { font-size: 1.05rem; }
    .mc-banner-preview { min-height: 170px; }
    .mc-banner-preview-user span { display: none; }
    .mc-banner-controls { align-items: flex-start; flex-direction: column; }
    .mc-platform-picker { grid-template-columns: 1fr; }
    .mc-gaming-settings-aside { grid-template-columns: 1fr; }
    .mc-gaming-settings-submit { flex-direction: column-reverse; }
    .mc-gaming-settings-submit .btn { width: 100%; justify-content: center; }
}

/* ==========================================================================\n   MysticCore Public Gaming Profile v2\n   ========================================================================== */
.mc-profile-v2-page {
    display: grid;
    gap: 18px;
}

.mc-profile-v2-hero {
    position: relative;
    min-height: 360px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 30px 32px;
    border: 1px solid rgba(139, 92, 246, .17);
    border-radius: 26px;
    background:
        radial-gradient(circle at 13% 12%, rgba(139, 92, 246, .18), transparent 28%),
        radial-gradient(circle at 88% 20%, rgba(59, 130, 246, .13), transparent 30%),
        linear-gradient(145deg, #171126 0%, #0b1020 46%, #070b13 100%);
    box-shadow: 0 30px 72px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255,255,255,.03);
}

.mc-profile-v2-hero.has-banner { background: #090d16; }
.mc-profile-v2-banner { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mc-profile-v2-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(4,7,13,.18) 0%, rgba(4,7,13,.26) 35%, rgba(5,8,15,.92) 100%),
        linear-gradient(90deg, rgba(7,10,18,.62) 0%, rgba(7,10,18,.16) 52%, rgba(7,10,18,.40) 100%);
}
.mc-profile-v2-grid-pattern {
    position: absolute;
    inset: 0;
    opacity: .11;
    background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, #000 0%, transparent 76%);
    pointer-events: none;
}
.mc-profile-v2-ambient { position: absolute; border-radius: 999px; pointer-events: none; filter: blur(2px); }
.mc-profile-v2-ambient-one { width: 320px; height: 320px; left: -120px; bottom: -150px; background: radial-gradient(circle, rgba(139,92,246,.20), transparent 68%); }
.mc-profile-v2-ambient-two { width: 340px; height: 340px; right: -130px; top: -170px; background: radial-gradient(circle, rgba(34,211,238,.11), transparent 69%); }

.mc-profile-v2-top-actions {
    position: absolute;
    z-index: 4;
    top: 22px;
    right: 22px;
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.mc-profile-v2-action {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 13px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 11px;
    color: #cbd5e1;
    background: rgba(7,10,18,.64);
    box-shadow: 0 8px 24px rgba(0,0,0,.16);
    backdrop-filter: blur(12px);
    font-size: .72rem;
    font-weight: 750;
    transition: .18s ease;
}
.mc-profile-v2-action:hover { color: #fff; border-color: rgba(139,92,246,.30); background: rgba(18,17,34,.82); transform: translateY(-1px); }
.mc-profile-v2-action-primary { color: #fff; border-color: rgba(139,92,246,.35); background: linear-gradient(135deg, rgba(124,58,237,.88), rgba(79,70,229,.88)); }
.mc-profile-v2-action-primary:hover { border-color: rgba(167,139,250,.50); background: linear-gradient(135deg, #7c3aed, #4f46e5); }

.mc-profile-v2-identity-row {
    position: relative;
    z-index: 3;
    width: 100%;
    display: flex;
    align-items: flex-end;
    gap: 24px;
}
.mc-profile-v2-avatar-shell { position: relative; width: 126px; height: 126px; flex: 0 0 126px; }
.mc-profile-v2-avatar-ring {
    width: 100%; height: 100%; padding: 4px;
    border-radius: 31px;
    background: linear-gradient(145deg, rgba(167,139,250,.92), rgba(59,130,246,.70) 54%, rgba(34,211,238,.48));
    box-shadow: 0 18px 42px rgba(0,0,0,.32), 0 0 0 5px rgba(6,9,17,.72), 0 0 30px rgba(139,92,246,.12);
}
.mc-profile-v2-avatar { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 27px; background: #0d1220; }
.mc-profile-v2-status {
    position: absolute; right: -2px; bottom: 8px;
    width: 23px; height: 23px;
    border: 5px solid #080c15;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 16px rgba(34,197,94,.34);
}
.mc-profile-v2-identity { min-width: 0; flex: 1; padding-bottom: 3px; }
.mc-profile-v2-kicker { display: inline-flex; align-items: center; gap: 7px; color: #a99bf4; font-size: .62rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.mc-profile-v2-kicker i { color: #c4b5fd; }
.mc-profile-v2-name-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 5px; }
.mc-profile-v2-name-row h1 { margin: 0; color: #fff; font-size: clamp(2.05rem, 4vw, 3.1rem); line-height: .98; letter-spacing: -.045em; text-shadow: 0 8px 28px rgba(0,0,0,.30); }
.mc-profile-v2-role { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 5px 9px; border-radius: 8px; font-size: .65rem; font-weight: 800; }
.mc-profile-v2-bio-preview { max-width: 720px; margin: 10px 0 0; color: #c1cad8; font-size: .79rem; line-height: 1.65; text-shadow: 0 2px 14px rgba(0,0,0,.26); }
.mc-profile-v2-meta-row { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; margin-top: 12px; color: #8995a9; font-size: .65rem; font-weight: 650; }
.mc-profile-v2-meta-row span { display: inline-flex; align-items: center; gap: 6px; }
.mc-profile-v2-meta-row i { color: #9d8cf1; }

.mc-profile-v2-stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.mc-profile-v2-stat {
    min-width: 0;
    min-height: 84px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(14,19,32,.95), rgba(8,12,21,.98));
    box-shadow: 0 12px 30px rgba(0,0,0,.09), inset 0 1px 0 rgba(255,255,255,.018);
    transition: .18s ease;
}
.mc-profile-v2-stat:hover { transform: translateY(-2px); border-color: rgba(139,92,246,.16); }
.mc-profile-v2-stat-icon { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; font-size: .96rem; }
.mc-profile-v2-stat-icon.is-purple { color: #c4b5fd; background: rgba(139,92,246,.09); }
.mc-profile-v2-stat-icon.is-blue { color: #93c5fd; background: rgba(59,130,246,.09); }
.mc-profile-v2-stat-icon.is-pink { color: #f0abfc; background: rgba(217,70,239,.08); }
.mc-profile-v2-stat-icon.is-cyan { color: #67e8f9; background: rgba(34,211,238,.08); }
.mc-profile-v2-stat div { min-width: 0; }
.mc-profile-v2-stat strong, .mc-profile-v2-stat span:not(.mc-profile-v2-stat-icon) { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-profile-v2-stat strong { color: #f8fafc; font-size: 1.05rem; line-height: 1; }
.mc-profile-v2-stat div > span { margin-top: 5px; color: #6f7c91; font-size: .61rem; }

.mc-profile-v2-main-grid { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 17px; align-items: start; }
.mc-profile-v2-main-column { min-width: 0; display: grid; gap: 17px; }
.mc-profile-v2-side-column { position: sticky; top: calc(var(--mc-topbar-height) + 18px); display: grid; gap: 12px; }
.mc-profile-v2-panel, .mc-profile-v2-side-card {
    border: 1px solid rgba(255,255,255,.065);
    background: linear-gradient(145deg, rgba(13,18,31,.96), rgba(8,12,21,.985));
    box-shadow: 0 14px 36px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.018);
}
.mc-profile-v2-panel { padding: 21px; border-radius: 19px; }
.mc-profile-v2-side-card { padding: 16px; border-radius: 16px; }
.mc-profile-v2-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.mc-profile-v2-eyebrow { display: block; color: #766aa8; font-size: .56rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.mc-profile-v2-panel-head h2 { margin: 3px 0 0; color: #e9eef6; font-size: 1rem; letter-spacing: -.02em; }
.mc-profile-v2-panel-head p { max-width: 610px; margin: 5px 0 0; color: #627086; font-size: .66rem; line-height: 1.5; }
.mc-profile-v2-panel-icon { width: 41px; height: 41px; flex: 0 0 41px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.14); border-radius: 12px; color: #baabff; background: rgba(139,92,246,.07); }
.mc-profile-v2-panel-icon.is-purple { color: #c4b5fd; }
.mc-profile-v2-about-text { min-height: 90px; color: #aab5c6; font-size: .76rem; line-height: 1.8; white-space: normal; }
.mc-profile-v2-muted { color: #58667b; }

.mc-profile-v2-side-head { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; }
.mc-profile-v2-side-icon { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.15); border-radius: 11px; color: #c4b5fd; background: rgba(139,92,246,.075); }
.mc-profile-v2-side-icon.is-blue { color: #93c5fd; border-color: rgba(59,130,246,.14); background: rgba(59,130,246,.075); }
.mc-profile-v2-side-icon.is-cyan { color: #67e8f9; border-color: rgba(34,211,238,.14); background: rgba(34,211,238,.065); }
.mc-profile-v2-side-head div { min-width: 0; }
.mc-profile-v2-side-head span:not(.mc-profile-v2-side-icon) { display: block; color: #59677b; font-size: .52rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.mc-profile-v2-side-head h3 { margin: 2px 0 0; color: #dce3ed; font-size: .77rem; }
.mc-profile-v2-side-empty { margin: 0; color: #536075; font-size: .66rem; }

.mc-profile-v2-game-list { display: flex; flex-wrap: wrap; gap: 7px; }
.mc-profile-v2-game-chip { display: inline-flex; align-items: center; gap: 7px; min-height: 32px; padding: 6px 9px; border: 1px solid rgba(139,92,246,.11); border-radius: 9px; color: #aeb8c8; background: rgba(139,92,246,.045); font-size: .62rem; font-weight: 690; }
.mc-profile-v2-game-dot { width: 6px; height: 6px; border-radius: 50%; background: #8b5cf6; box-shadow: 0 0 9px rgba(139,92,246,.48); }
.mc-profile-v2-platform-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.mc-profile-v2-platform-list span { min-width: 0; display: flex; align-items: center; gap: 7px; padding: 8px 9px; border: 1px solid rgba(255,255,255,.055); border-radius: 9px; color: #9ba7b8; background: rgba(255,255,255,.018); font-size: .6rem; overflow: hidden; }
.mc-profile-v2-platform-list i { color: #8fa4ff; font-size: .75rem; }
.mc-profile-v2-online-box { display: flex; align-items: flex-start; gap: 9px; padding: 10px 11px; border: 1px solid rgba(34,197,94,.10); border-radius: 10px; background: rgba(34,197,94,.035); }
.mc-profile-v2-online-dot { width: 7px; height: 7px; flex: 0 0 7px; margin-top: 5px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 9px rgba(34,197,94,.40); }
.mc-profile-v2-online-box p { margin: 0; color: #95a1b2; font-size: .64rem; line-height: 1.55; }

.mc-profile-v2-edit-card {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 13px;
    border: 1px solid rgba(139,92,246,.14);
    border-radius: 15px;
    color: inherit;
    background: linear-gradient(135deg, rgba(139,92,246,.075), rgba(59,130,246,.035));
    text-decoration: none;
    transition: .18s ease;
}
.mc-profile-v2-edit-card:hover { border-color: rgba(139,92,246,.28); background: linear-gradient(135deg, rgba(139,92,246,.11), rgba(59,130,246,.055)); transform: translateY(-1px); }
.mc-profile-v2-edit-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; color: #c4b5fd; background: rgba(139,92,246,.09); }
.mc-profile-v2-edit-card strong, .mc-profile-v2-edit-card small { display: block; }
.mc-profile-v2-edit-card strong { color: #dce3ed; font-size: .68rem; }
.mc-profile-v2-edit-card small { margin-top: 3px; color: #647186; font-size: .55rem; line-height: 1.35; }
.mc-profile-v2-edit-card > i { color: #8877cf; font-size: .7rem; }

.mc-profile-v2-posts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.mc-profile-v2-post { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.055); border-radius: 15px; background: rgba(255,255,255,.018); transition: .18s ease; }
.mc-profile-v2-post:hover { transform: translateY(-2px); border-color: rgba(139,92,246,.14); background: rgba(139,92,246,.025); }
.mc-profile-v2-post-image { display: block; aspect-ratio: 16/7; overflow: hidden; background: #090e18; }
.mc-profile-v2-post-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .28s ease; }
.mc-profile-v2-post:hover .mc-profile-v2-post-image img { transform: scale(1.025); }
.mc-profile-v2-post-content { padding: 13px; }
.mc-profile-v2-post-topline { display: flex; align-items: center; justify-content: space-between; gap: 9px; color: #59667a; font-size: .55rem; }
.mc-profile-v2-post-topline > span, .mc-profile-v2-post-stats { display: inline-flex; align-items: center; gap: 5px; }
.mc-profile-v2-post-stats { gap: 9px; }
.mc-profile-v2-post-stats span { display: inline-flex; align-items: center; gap: 4px; }
.mc-profile-v2-post-content h3 { margin: 9px 0 0; font-size: .82rem; line-height: 1.25; }
.mc-profile-v2-post-content h3 a { color: #dfe6ef; text-decoration: none; }
.mc-profile-v2-post-content h3 a:hover { color: #fff; }
.mc-profile-v2-post-content p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 7px 0 0; color: #6b788c; font-size: .62rem; line-height: 1.55; }
.mc-profile-v2-post-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 11px; color: #a99bf4; font-size: .58rem; font-weight: 760; text-decoration: none; }
.mc-profile-v2-post-link:hover { color: #c4b5fd; }
.mc-profile-v2-empty { min-height: 180px; display: grid; place-items: center; align-content: center; text-align: center; padding: 28px; border: 1px dashed rgba(139,92,246,.12); border-radius: 15px; background: rgba(139,92,246,.025); }
.mc-profile-v2-empty > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; color: #b9a8ff; background: rgba(139,92,246,.08); }
.mc-profile-v2-empty h3 { margin: 10px 0 0; color: #d9e0e9; font-size: .78rem; }
.mc-profile-v2-empty p { max-width: 440px; margin: 5px 0 0; color: #5d6a7e; font-size: .62rem; }

@media (max-width: 1180px) {
    .mc-profile-v2-main-grid { grid-template-columns: minmax(0,1fr) 285px; }
    .mc-profile-v2-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 900px) {
    .mc-profile-v2-main-grid { grid-template-columns: 1fr; }
    .mc-profile-v2-side-column { position: static; grid-template-columns: repeat(3,minmax(0,1fr)); }
    .mc-profile-v2-edit-card { grid-column: 1 / -1; }
    .mc-profile-v2-hero { min-height: 340px; }
}

@media (max-width: 720px) {
    .mc-profile-v2-hero { min-height: 400px; align-items: flex-end; padding: 22px; border-radius: 22px; }
    .mc-profile-v2-top-actions { top: 15px; right: 15px; left: 15px; justify-content: flex-end; }
    .mc-profile-v2-action span { display: none; }
    .mc-profile-v2-action { width: 40px; padding: 0; }
    .mc-profile-v2-identity-row { align-items: flex-start; flex-direction: column; gap: 15px; }
    .mc-profile-v2-avatar-shell { width: 98px; height: 98px; flex-basis: 98px; }
    .mc-profile-v2-avatar-ring { border-radius: 25px; }
    .mc-profile-v2-avatar { border-radius: 21px; }
    .mc-profile-v2-status { width: 20px; height: 20px; border-width: 4px; }
    .mc-profile-v2-name-row h1 { font-size: 2rem; }
    .mc-profile-v2-bio-preview { font-size: .72rem; }
    .mc-profile-v2-meta-row { gap: 9px 12px; }
    .mc-profile-v2-stats { gap: 8px; }
    .mc-profile-v2-stat { min-height: 76px; padding: 11px 12px; }
    .mc-profile-v2-stat-icon { width: 38px; height: 38px; flex-basis: 38px; }
    .mc-profile-v2-posts { grid-template-columns: 1fr; }
    .mc-profile-v2-side-column { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .mc-profile-v2-page { gap: 12px; }
    .mc-profile-v2-hero { min-height: 390px; padding: 18px 16px; border-radius: 19px; }
    .mc-profile-v2-avatar-shell { width: 82px; height: 82px; flex-basis: 82px; }
    .mc-profile-v2-avatar-ring { padding: 3px; border-radius: 21px; }
    .mc-profile-v2-avatar { border-radius: 18px; }
    .mc-profile-v2-name-row { gap: 8px; }
    .mc-profile-v2-name-row h1 { font-size: 1.7rem; }
    .mc-profile-v2-role { min-height: 24px; padding: 4px 7px; font-size: .56rem; }
    .mc-profile-v2-stats { grid-template-columns: 1fr 1fr; }
    .mc-profile-v2-stat { min-height: 70px; gap: 9px; padding: 10px; }
    .mc-profile-v2-stat-icon { width: 34px; height: 34px; flex-basis: 34px; border-radius: 10px; font-size: .8rem; }
    .mc-profile-v2-stat strong { font-size: .88rem; }
    .mc-profile-v2-stat div > span { font-size: .54rem; }
    .mc-profile-v2-panel { padding: 16px 13px; border-radius: 16px; }
    .mc-profile-v2-platform-list { grid-template-columns: 1fr; }
}

/* MysticCore Profiles 1.2 social gaming profile */
.mc-profile-v3-page,
.mc-friends-page { display: grid; gap: 16px; }

.mc-profile-v3-hero {
    position: relative;
    min-height: 390px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding: 32px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 26px;
    background:
        radial-gradient(circle at 12% 30%, rgba(139,92,246,.22), transparent 32%),
        radial-gradient(circle at 86% 18%, rgba(59,130,246,.16), transparent 34%),
        linear-gradient(140deg, #0d1220, #070b13 62%, #0a0d17);
    box-shadow: 0 28px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
}
.mc-profile-v3-banner { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mc-profile-v3-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4,7,13,.16) 0%, rgba(4,7,13,.32) 38%, rgba(4,7,13,.94) 100%); }
.mc-profile-v3-grid { position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, #000, transparent 78%); }
.mc-profile-v3-actions { position: absolute; z-index: 3; top: 20px; right: 20px; display: flex; flex-wrap: wrap; gap: 8px; }
.mc-profile-v3-actions form { margin: 0; }
.mc-profile-v3-btn { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 13px; border: 1px solid rgba(255,255,255,.11); border-radius: 11px; color: #d8e0eb; background: rgba(7,10,17,.72); backdrop-filter: blur(16px); font-size: .66rem; font-weight: 760; transition: .18s ease; }
.mc-profile-v3-btn:hover { color: #fff; border-color: rgba(139,92,246,.31); background: rgba(14,13,27,.88); transform: translateY(-1px); }
.mc-profile-v3-btn:disabled { opacity: .62; transform: none; }
.mc-profile-v3-btn.is-primary { color: #fff; border-color: rgba(139,92,246,.34); background: linear-gradient(135deg, rgba(124,58,237,.9), rgba(79,70,229,.9)); box-shadow: 0 10px 24px rgba(91,72,213,.18); }
.mc-profile-v3-btn.is-primary:hover { background: linear-gradient(135deg, #7c3aed, #4f46e5); }
.mc-profile-v3-identity-wrap { position: relative; z-index: 2; display: flex; align-items: flex-end; gap: 22px; width: 100%; }
.mc-profile-v3-avatar-wrap { position: relative; width: 132px; height: 132px; flex: 0 0 132px; padding: 4px; border-radius: 31px; background: linear-gradient(135deg, rgba(167,139,250,.98), rgba(59,130,246,.72), rgba(34,211,238,.45)); box-shadow: 0 18px 50px rgba(0,0,0,.28), 0 0 34px rgba(139,92,246,.16); }
.mc-profile-v3-avatar { display: block; width: 100%; height: 100%; object-fit: cover; border: 3px solid #080c15; border-radius: 27px; background: #0d1220; }
.mc-profile-v3-presence { position: absolute; right: -3px; bottom: 8px; width: 29px; height: 29px; display: grid; place-items: center; border: 5px solid #080c15; border-radius: 999px; background: #0b1019; font-size: .65rem; }
.mc-profile-v3-presence.is-online { color: #22c55e; }
.mc-profile-v3-presence.is-away { color: #f59e0b; }
.mc-profile-v3-presence.is-busy { color: #ef4444; }
.mc-profile-v3-presence.is-offline { color: #64748b; }
.mc-profile-v3-identity { min-width: 0; flex: 1; padding-bottom: 3px; }
.mc-profile-v3-kicker { display: inline-flex; align-items: center; gap: 7px; color: #b5a7f6; font-size: .6rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.mc-profile-v3-name-row { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; margin-top: 5px; }
.mc-profile-v3-name-row h1 { margin: 0; color: #fff; font-size: clamp(2.2rem, 4vw, 3.35rem); line-height: .98; letter-spacing: -.05em; text-shadow: 0 10px 30px rgba(0,0,0,.34); }
.mc-profile-v3-role { display: inline-flex; align-items: center; gap: 6px; min-height: 27px; padding: 4px 9px; border-radius: 8px; font-size: .61rem; font-weight: 820; }
.mc-profile-v3-presence-line { display: flex; align-items: center; gap: 6px; margin-top: 9px; font-size: .64rem; font-weight: 690; }
.mc-profile-v3-presence-line.is-online { color: #86efac; }
.mc-profile-v3-presence-line.is-away { color: #fcd34d; }
.mc-profile-v3-presence-line.is-busy { color: #fca5a5; }
.mc-profile-v3-presence-line.is-offline { color: #718096; }
.mc-profile-v3-presence-line span { color: #728096; font-weight: 560; }
.mc-profile-v3-identity > p { max-width: 760px; margin: 9px 0 0; color: #bac5d5; font-size: .76rem; line-height: 1.62; text-shadow: 0 2px 14px rgba(0,0,0,.32); }
.mc-profile-v3-meta { display: flex; flex-wrap: wrap; gap: 9px 15px; margin-top: 12px; color: #8290a5; font-size: .62rem; font-weight: 630; }
.mc-profile-v3-meta span { display: inline-flex; align-items: center; gap: 6px; }
.mc-profile-v3-meta i { color: #9a8ae8; }

.mc-profile-v3-progress-card { display: grid; grid-template-columns: auto minmax(260px,1fr) auto; align-items: center; gap: 18px; padding: 15px 17px; border: 1px solid rgba(255,255,255,.065); border-radius: 18px; background: linear-gradient(145deg, rgba(13,18,31,.97), rgba(8,12,21,.99)); box-shadow: 0 14px 34px rgba(0,0,0,.11); }
.mc-profile-v3-level-badge { width: 60px; height: 60px; display: grid; place-items: center; align-content: center; border: 1px solid rgba(139,92,246,.22); border-radius: 15px; background: radial-gradient(circle at 50% 0%, rgba(139,92,246,.18), transparent 72%), rgba(139,92,246,.055); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); }
.mc-profile-v3-level-badge span { color: #8174b3; font-size: .47rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.mc-profile-v3-level-badge strong { margin-top: -1px; color: #f3efff; font-size: 1.45rem; line-height: 1; }
.mc-profile-v3-level-main { min-width: 0; }
.mc-profile-v3-level-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; }
.mc-profile-v3-level-top div strong, .mc-profile-v3-level-top div span { display: block; }
.mc-profile-v3-level-top div strong { color: #e7edf6; font-size: .82rem; }
.mc-profile-v3-level-top div span { margin-top: 3px; color: #67758a; font-size: .56rem; }
.mc-profile-v3-level-top > span { color: #9584e5; font-size: .6rem; font-weight: 760; }
.mc-profile-v3-level-track { height: 8px; overflow: hidden; margin-top: 9px; border: 1px solid rgba(255,255,255,.045); border-radius: 999px; background: #070b12; }
.mc-profile-v3-level-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#7c3aed,#6366f1,#22d3ee); box-shadow: 0 0 16px rgba(99,102,241,.32); }
.mc-profile-v3-quick-stats { display: flex; align-items: stretch; gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.05); border-radius: 12px; background: rgba(255,255,255,.012); }
.mc-profile-v3-quick-stats span { min-width: 84px; padding: 9px 11px; text-align: center; color: #657287; font-size: .51rem; border-left: 1px solid rgba(255,255,255,.045); }
.mc-profile-v3-quick-stats span:first-child { border-left: 0; }
.mc-profile-v3-quick-stats strong { display: block; margin-bottom: 2px; color: #dbe3ed; font-size: .76rem; }

.mc-profile-v3-grid-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 16px; align-items: start; }
.mc-profile-v3-main { min-width: 0; display: grid; gap: 16px; }
.mc-profile-v3-side { position: sticky; top: calc(var(--mc-topbar-height) + 16px); display: grid; gap: 12px; }
.mc-profile-v3-panel,
.mc-profile-v3-side-card { border: 1px solid rgba(255,255,255,.065); background: linear-gradient(145deg, rgba(13,18,31,.96), rgba(8,12,21,.985)); box-shadow: 0 14px 36px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.018); }
.mc-profile-v3-panel { padding: 21px; border-radius: 19px; }
.mc-profile-v3-side-card { padding: 16px; border-radius: 16px; }
.mc-profile-v3-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.mc-profile-v3-panel-head > div > span { display: block; color: #766aa8; font-size: .54rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.mc-profile-v3-panel-head h2 { margin: 3px 0 0; color: #e9eef6; font-size: 1rem; letter-spacing: -.02em; }
.mc-profile-v3-panel-head p { max-width: 620px; margin: 5px 0 0; color: #627086; font-size: .64rem; line-height: 1.5; }
.mc-profile-v3-panel-head > i { width: 41px; height: 41px; flex: 0 0 41px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.14); border-radius: 12px; color: #c1b1ff; background: rgba(139,92,246,.07); }
.mc-profile-v3-about { min-height: 82px; color: #aeb9c9; font-size: .76rem; line-height: 1.8; }
.mc-profile-v3-muted { margin: 0; color: #5d6a7d; font-size: .64rem; line-height: 1.55; }
.mc-profile-v3-empty { min-height: 105px; display: grid; place-items: center; padding: 22px; border: 1px dashed rgba(139,92,246,.13); border-radius: 14px; color: #647186; background: rgba(139,92,246,.02); text-align: center; font-size: .66rem; }

.mc-profile-v3-games { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.mc-profile-v3-game { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 12px; border: 1px solid rgba(255,255,255,.055); border-radius: 14px; background: rgba(255,255,255,.017); transition: .18s ease; }
.mc-profile-v3-game:hover { transform: translateY(-1px); border-color: rgba(139,92,246,.15); background: rgba(139,92,246,.027); }
.mc-profile-v3-game.is-favorite { border-color: rgba(245,158,11,.12); background: linear-gradient(135deg, rgba(245,158,11,.03), rgba(139,92,246,.025)); }
.mc-profile-v3-game-icon { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.13); border-radius: 12px; color: #b8a8ff; background: rgba(139,92,246,.07); }
.mc-profile-v3-game-info { min-width: 0; flex: 1; }
.mc-profile-v3-game-title { display: flex; align-items: center; gap: 7px; min-width: 0; }
.mc-profile-v3-game-title strong { overflow: hidden; color: #dfe6ef; font-size: .7rem; white-space: nowrap; text-overflow: ellipsis; }
.mc-profile-v3-game-title span { color: #fbbf24; font-size: .58rem; }
.mc-profile-v3-game-meta { display: flex; flex-wrap: wrap; gap: 5px 10px; margin-top: 4px; color: #647186; font-size: .55rem; }

.mc-profile-v3-posts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.mc-profile-v3-post { overflow: hidden; border: 1px solid rgba(255,255,255,.055); border-radius: 15px; background: rgba(255,255,255,.017); transition: .18s ease; }
.mc-profile-v3-post:hover { transform: translateY(-2px); border-color: rgba(139,92,246,.14); background: rgba(139,92,246,.025); }
.mc-profile-v3-post-image { display: block; aspect-ratio: 16/7; overflow: hidden; background: #080d16; }
.mc-profile-v3-post-image img { width: 100%; height: 100%; object-fit: cover; transition: .28s ease; }
.mc-profile-v3-post:hover .mc-profile-v3-post-image img { transform: scale(1.025); }
.mc-profile-v3-post-body { padding: 13px; }
.mc-profile-v3-post-meta { display: flex; align-items: center; gap: 10px; color: #5a677b; font-size: .53rem; }
.mc-profile-v3-post-meta span { display: inline-flex; align-items: center; gap: 4px; }
.mc-profile-v3-post-body h3 { margin: 9px 0 0; font-size: .82rem; line-height: 1.25; }
.mc-profile-v3-post-body h3 a { color: #dfe6ef; text-decoration: none; }
.mc-profile-v3-post-body p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 7px 0 0; color: #6a778b; font-size: .61rem; line-height: 1.55; }
.mc-profile-v3-post-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; color: #a99bf4; font-size: .57rem; font-weight: 760; text-decoration: none; }

.mc-profile-v3-side-head { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; }
.mc-profile-v3-side-head > i { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.14); border-radius: 11px; color: #c0b0ff; background: rgba(139,92,246,.07); }
.mc-profile-v3-side-head div > span { display: block; color: #59677b; font-size: .5rem; font-weight: 820; letter-spacing: .12em; text-transform: uppercase; }
.mc-profile-v3-side-head h3 { margin: 2px 0 0; color: #dce3ed; font-size: .75rem; }
.mc-profile-v3-badges { display: grid; gap: 7px; }
.mc-profile-v3-badge { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 8px 9px; border: 1px solid rgba(255,255,255,.05); border-radius: 11px; background: rgba(255,255,255,.014); }
.mc-profile-v3-badge > span { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 10px; color: #c4b5fd; background: rgba(139,92,246,.08); }
.mc-profile-v3-badge.is-blue > span { color: #93c5fd; background: rgba(59,130,246,.08); }
.mc-profile-v3-badge.is-cyan > span { color: #67e8f9; background: rgba(34,211,238,.07); }
.mc-profile-v3-badge.is-pink > span { color: #f0abfc; background: rgba(217,70,239,.07); }
.mc-profile-v3-badge.is-gold > span { color: #fbbf24; background: rgba(245,158,11,.07); }
.mc-profile-v3-badge div { min-width: 0; }
.mc-profile-v3-badge strong,.mc-profile-v3-badge small { display: block; }
.mc-profile-v3-badge strong { color: #d8e0ea; font-size: .62rem; }
.mc-profile-v3-badge small { margin-top: 2px; color: #5e6c80; font-size: .5rem; line-height: 1.35; }
.mc-profile-v3-friends { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.mc-profile-v3-friend { min-width: 0; display: grid; justify-items: center; gap: 5px; color: inherit; text-decoration: none; }
.mc-profile-v3-friend-avatar { position: relative; width: 46px; height: 46px; }
.mc-profile-v3-friend-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; border: 1px solid rgba(255,255,255,.07); }
.mc-profile-v3-friend-avatar i { position: absolute; right: -2px; bottom: -2px; width: 11px; height: 11px; border: 3px solid #0b1019; border-radius: 999px; background: #22c55e; }
.mc-profile-v3-friend strong { width: 100%; overflow: hidden; color: #97a4b6; font-size: .52rem; font-weight: 680; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.mc-profile-v3-side-link { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.045); color: #9e8ee9; font-size: .56rem; font-weight: 740; text-decoration: none; }
.mc-profile-v3-side-link:hover { color: #c4b5fd; }
.mc-profile-v3-platforms { display: flex; flex-wrap: wrap; gap: 7px; }
.mc-profile-v3-platforms span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.055); border-radius: 9px; color: #9ca8b9; background: rgba(255,255,255,.016); font-size: .57rem; }
.mc-profile-v3-platforms i { color: #8fa4ff; }
.mc-profile-v3-clan { display: flex; align-items: center; gap: 10px; padding: 10px; border: 1px solid rgba(139,92,246,.09); border-radius: 12px; background: rgba(139,92,246,.03); }
.mc-profile-v3-clan-mark { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border-radius: 11px; color: #c4b5fd; background: linear-gradient(135deg, rgba(139,92,246,.12), rgba(59,130,246,.07)); }
.mc-profile-v3-clan div { min-width: 0; }
.mc-profile-v3-clan strong,.mc-profile-v3-clan small { display: block; }
.mc-profile-v3-clan strong { color: #dce4ee; font-size: .68rem; }
.mc-profile-v3-clan small { margin-top: 2px; color: #647186; font-size: .52rem; }
.mc-profile-v3-online-times { margin: 0; color: #98a5b6; font-size: .62rem; line-height: 1.6; }

/* Profile settings additions */
.mc-presence-picker { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.mc-presence-option input { position: absolute; opacity: 0; pointer-events: none; }
.mc-presence-option > span { min-height: 54px; display: flex; align-items: center; gap: 8px; padding: 10px; border: 1px solid rgba(255,255,255,.06); border-radius: 12px; color: #8996a9; background: rgba(255,255,255,.015); font-size: .61rem; font-weight: 700; cursor: pointer; transition: .18s ease; }
.mc-presence-option > span > i { font-size: .65rem; }
.mc-presence-option.is-online > span > i { color: #22c55e; }
.mc-presence-option.is-away > span > i { color: #f59e0b; }
.mc-presence-option.is-busy > span > i { color: #ef4444; }
.mc-presence-option.is-invisible > span > i { color: #64748b; }
.mc-presence-option b { width: 22px; height: 22px; margin-left: auto; display: grid; place-items: center; border-radius: 7px; color: transparent; background: rgba(255,255,255,.025); }
.mc-presence-option input:checked + span { border-color: rgba(139,92,246,.25); color: #dbe2ec; background: rgba(139,92,246,.07); }
.mc-presence-option input:checked + span b { color: #c4b5fd; background: rgba(139,92,246,.12); }
.mc-game-editor { display: grid; gap: 11px; }
.mc-game-editor-list { display: grid; gap: 9px; }
.mc-game-editor-row { padding: 12px; border: 1px solid rgba(255,255,255,.055); border-radius: 14px; background: rgba(255,255,255,.014); }
.mc-game-editor-main { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(120px,.7fr) minmax(90px,.45fr); gap: 9px; }
.mc-game-editor-row label,.mc-clan-fields label { display: grid; gap: 6px; color: #6e7b8f; font-size: .55rem; font-weight: 720; }
.mc-game-editor-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 9px; }
.mc-game-favorite input { position: absolute; opacity: 0; pointer-events: none; }
.mc-game-favorite span { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 9px; border: 1px solid rgba(255,255,255,.05); border-radius: 9px; color: #6f7c90; background: rgba(255,255,255,.012); font-size: .55rem; cursor: pointer; }
.mc-game-favorite span i { color: #7a6d46; }
.mc-game-favorite input:checked + span { color: #d6b75b; border-color: rgba(245,158,11,.16); background: rgba(245,158,11,.045); }
.mc-game-favorite input:checked + span i { color: #fbbf24; }
.mc-game-remove { min-height: 32px; display: inline-flex; align-items: center; gap: 6px; padding: 0 9px; border: 1px solid rgba(239,68,68,.09); border-radius: 9px; color: #9b6670; background: rgba(239,68,68,.025); font-size: .53rem; }
.mc-game-remove:hover { color: #fecaca; border-color: rgba(239,68,68,.18); background: rgba(239,68,68,.05); }
.mc-clan-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.mc-clan-fields .is-wide { grid-column: 1 / -1; }

/* Friends */
.mc-friends-hero { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px; border: 1px solid rgba(255,255,255,.065); border-radius: 20px; background: radial-gradient(circle at 0 0, rgba(139,92,246,.12), transparent 40%), linear-gradient(145deg, rgba(13,18,31,.97), rgba(8,12,21,.99)); }
.mc-friends-hero h1 { margin: 4px 0 0; color: #eef2f8; font-size: 1.45rem; letter-spacing: -.035em; }
.mc-friends-hero p { max-width: 620px; margin: 7px 0 0; color: #6c798d; font-size: .68rem; }
.mc-friends-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 16px; align-items: start; }
.mc-friends-main,.mc-friends-side { min-width: 0; }
.mc-friends-side { position: sticky; top: calc(var(--mc-topbar-height) + 16px); }
.mc-friends-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.mc-friend-card { display: flex; align-items: center; gap: 10px; padding: 10px; border: 1px solid rgba(255,255,255,.05); border-radius: 13px; background: rgba(255,255,255,.014); }
.mc-friend-card-main { min-width: 0; flex: 1; display: flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; }
.mc-friend-card-avatar { position: relative; width: 48px; height: 48px; flex: 0 0 48px; }
.mc-friend-card-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
.mc-friend-card-avatar i { position: absolute; right: -1px; bottom: -1px; width: 11px; height: 11px; border: 3px solid #0b1019; border-radius: 50%; background: #22c55e; }
.mc-friend-card-main div { min-width: 0; }
.mc-friend-card-main strong,.mc-friend-card-main span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mc-friend-card-main strong { color: #dce4ee; font-size: .68rem; }
.mc-friend-card-main span { margin-top: 3px; color: #667489; font-size: .53rem; }
.mc-friend-card-open { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.05); border-radius: 9px; color: #8d7bdc; background: rgba(139,92,246,.035); text-decoration: none; }
.mc-friend-requests { display: grid; gap: 8px; }
.mc-friend-request { display: grid; gap: 8px; padding: 9px; border: 1px solid rgba(255,255,255,.05); border-radius: 12px; background: rgba(255,255,255,.014); }
.mc-friend-request > a { display: flex; align-items: center; gap: 9px; color: inherit; text-decoration: none; }
.mc-friend-request img { width: 42px; height: 42px; object-fit: cover; border-radius: 11px; }
.mc-friend-request strong,.mc-friend-request small { display: block; }
.mc-friend-request strong { color: #dbe3ed; font-size: .64rem; }
.mc-friend-request small { margin-top: 2px; color: #647186; font-size: .5rem; }
.mc-friend-request-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.mc-friend-request-actions form { margin: 0; }
.mc-friend-request-actions button { width: 100%; min-height: 31px; border-radius: 8px; }
.mc-friend-request-actions .is-accept { color: #86efac; border: 1px solid rgba(34,197,94,.12); background: rgba(34,197,94,.04); }
.mc-friend-request-actions .is-decline { color: #fca5a5; border: 1px solid rgba(239,68,68,.12); background: rgba(239,68,68,.04); }

@media (max-width: 1180px) {
    .mc-profile-v3-grid-layout,.mc-friends-layout { grid-template-columns: minmax(0,1fr) 285px; }
    .mc-profile-v3-progress-card { grid-template-columns: auto minmax(220px,1fr); }
    .mc-profile-v3-quick-stats { grid-column: 1 / -1; justify-self: stretch; }
    .mc-profile-v3-quick-stats span { flex: 1; }
}
@media (max-width: 900px) {
    .mc-profile-v3-grid-layout,.mc-friends-layout { grid-template-columns: 1fr; }
    .mc-profile-v3-side,.mc-friends-side { position: static; }
    .mc-profile-v3-side { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mc-presence-picker { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
    .mc-profile-v3-hero { min-height: 450px; padding: 22px; }
    .mc-profile-v3-actions { top: 14px; left: 14px; right: 14px; justify-content: flex-end; }
    .mc-profile-v3-btn span { display: none; }
    .mc-profile-v3-btn { width: 40px; padding: 0; }
    .mc-profile-v3-identity-wrap { align-items: flex-start; flex-direction: column; gap: 14px; }
    .mc-profile-v3-avatar-wrap { width: 100px; height: 100px; flex-basis: 100px; border-radius: 25px; }
    .mc-profile-v3-avatar { border-radius: 21px; }
    .mc-profile-v3-presence { width: 24px; height: 24px; border-width: 4px; }
    .mc-profile-v3-name-row h1 { font-size: 2rem; }
    .mc-profile-v3-progress-card { grid-template-columns: auto minmax(0,1fr); gap: 12px; }
    .mc-profile-v3-games,.mc-profile-v3-posts,.mc-friends-grid { grid-template-columns: 1fr; }
    .mc-profile-v3-side { grid-template-columns: 1fr; }
    .mc-game-editor-main { grid-template-columns: 1fr; }
    .mc-clan-fields { grid-template-columns: 1fr; }
    .mc-clan-fields .is-wide { grid-column: auto; }
    .mc-friends-hero { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 480px) {
    .mc-profile-v3-page,.mc-friends-page { gap: 12px; }
    .mc-profile-v3-hero { min-height: 430px; padding: 18px 16px; border-radius: 20px; }
    .mc-profile-v3-avatar-wrap { width: 84px; height: 84px; flex-basis: 84px; padding: 3px; border-radius: 22px; }
    .mc-profile-v3-avatar { border-width: 2px; border-radius: 19px; }
    .mc-profile-v3-name-row h1 { font-size: 1.7rem; }
    .mc-profile-v3-identity > p { font-size: .7rem; }
    .mc-profile-v3-progress-card { grid-template-columns: 1fr; }
    .mc-profile-v3-level-badge { width: 100%; height: 48px; grid-auto-flow: column; gap: 7px; justify-content: center; }
    .mc-profile-v3-quick-stats { grid-column: auto; }
    .mc-profile-v3-quick-stats span { min-width: 0; padding: 8px 6px; }
    .mc-profile-v3-panel { padding: 15px 13px; border-radius: 16px; }
    .mc-presence-picker { grid-template-columns: 1fr; }
    .mc-game-editor-actions { align-items: stretch; flex-direction: column; }
    .mc-game-remove { justify-content: center; }
}

/* MysticCore 1.4.0 – global platform search */
.mc-global-search{width:min(420px,32vw);height:42px;align-items:center;gap:10px;margin-left:auto;margin-right:14px;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(5,9,19,.72);transition:border-color .18s ease,box-shadow .18s ease}.mc-global-search:focus-within{border-color:rgba(139,92,246,.55);box-shadow:0 0 0 3px rgba(139,92,246,.08)}.mc-global-search>i{color:#8b5cf6}.mc-global-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f8fafc;font-size:.88rem}.mc-global-search input::placeholder{color:#67738a}.mc-global-search kbd{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#748197;border-radius:7px;padding:2px 7px;font:700 .68rem/1.4 inherit}.mc-topbar-search-mobile{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#c5cce0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);text-decoration:none}.mc-topbar-search-mobile:hover{color:#fff;background:rgba(139,92,246,.12)}
.mc-landing-feature-card.is-coming-soon{opacity:.66;cursor:default}.mc-landing-feature-card.is-coming-soon:hover{transform:none}.mc-feature-state-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;border:1px solid rgba(167,139,250,.22);background:rgba(139,92,246,.1);color:#bba8ff;font-size:.62rem;letter-spacing:.11em;font-weight:800}.mc-landing-feature-card h3{margin-bottom:0}

/* MysticCore 1.4.1 – special admin-awarded title badges */
.mc-profile-v3-display-name,.mc-name-with-badges{display:inline-flex;align-items:center;gap:8px;min-width:0}.mc-profile-v3-display-name h1{margin:0}.mc-name-badges{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;vertical-align:middle}.mc-name-badge{width:24px;height:24px;flex:0 0 24px;display:inline-grid;place-items:center;border:1px solid rgba(139,92,246,.24);border-radius:8px;color:#c4b5fd;background:linear-gradient(145deg,rgba(139,92,246,.14),rgba(139,92,246,.045));box-shadow:0 0 16px rgba(139,92,246,.08);font-size:.72rem;line-height:1}.mc-name-badge.is-blue{color:#93c5fd;border-color:rgba(59,130,246,.25);background:rgba(59,130,246,.1);box-shadow:0 0 16px rgba(59,130,246,.08)}.mc-name-badge.is-cyan{color:#67e8f9;border-color:rgba(34,211,238,.22);background:rgba(34,211,238,.08);box-shadow:0 0 16px rgba(34,211,238,.07)}.mc-name-badge.is-pink{color:#f0abfc;border-color:rgba(217,70,239,.22);background:rgba(217,70,239,.08);box-shadow:0 0 16px rgba(217,70,239,.07)}.mc-name-badge.is-gold{color:#fbbf24;border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.08);box-shadow:0 0 16px rgba(245,158,11,.07)}.mc-name-badge.is-red{color:#fca5a5;border-color:rgba(239,68,68,.24);background:rgba(239,68,68,.08);box-shadow:0 0 16px rgba(239,68,68,.07)}.mc-name-badge.is-green{color:#86efac;border-color:rgba(34,197,94,.24);background:rgba(34,197,94,.08);box-shadow:0 0 16px rgba(34,197,94,.07)}.mc-profile-v3-name-row .mc-name-badge{width:30px;height:30px;flex-basis:30px;border-radius:9px;font-size:.85rem}.mc-user-meta .mc-name-with-badges,.mc-dropdown-profile .mc-name-with-badges{gap:5px}.mc-user-meta .mc-name-badges,.mc-dropdown-profile .mc-name-badges{gap:3px}.mc-user-meta .mc-name-badge,.mc-dropdown-profile .mc-name-badge{width:17px;height:17px;flex-basis:17px;border-radius:5px;font-size:.52rem}.mc-friend-card .mc-name-badge,.mc-friend-request .mc-name-badge{width:18px;height:18px;flex-basis:18px;border-radius:6px;font-size:.54rem}.mc-profile-v3-badge.is-red>span{color:#fca5a5;background:rgba(239,68,68,.07)}.mc-profile-v3-badge.is-green>span{color:#86efac;background:rgba(34,197,94,.07)}
@media(max-width:720px){.mc-profile-v3-display-name{gap:6px}.mc-profile-v3-name-row .mc-name-badge{width:26px;height:26px;flex-basis:26px;font-size:.75rem}}