@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');

.igx-wrap,
.igx-wrap * {
    box-sizing:border-box!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-variant-numeric:tabular-nums!important;
    line-height:normal;
}

.igx-wrap {
    --a:#7cf7d4;
    --b:#38bdf8;
    --c:#a855f7;
    --d:#fb7185;
    --bg:#080b14;
    --text:#fff;
    --muted:rgba(255,255,255,.74);
    --card:rgba(255,255,255,.08);
    --line:rgba(255,255,255,.16);
    width:100%!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    padding:clamp(24px,4vw,48px) 12px!important;
    background:radial-gradient(850px 460px at 10% 5%,rgba(254,218,117,.18),transparent 62%),radial-gradient(850px 430px at 92% 10%,rgba(214,41,118,.18),transparent 58%),linear-gradient(180deg,var(--bg),#07070d)!important;
    color:var(--text)!important;
}

.igx-container {
    max-width:1200px!important;
    margin:0 auto!important;
}

.igx-title {
    margin:0!important;
    padding:18px 8px 16px!important;
    text-align:center!important;
    font-size:clamp(34px,5vw,60px)!important;
    line-height:1.04!important;
    font-weight:950!important;
    letter-spacing:-.055em!important;
    background:linear-gradient(90deg,var(--a) 0%,var(--b) 35%,var(--c) 68%,var(--d) 100%)!important;
    -webkit-background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    color:transparent!important;
}

.igx-sub {
    max-width:780px!important;
    margin:0 auto 24px!important;
    text-align:center!important;
    color:var(--muted)!important;
    font-size:clamp(14px,1.4vw,17px)!important;
    line-height:1.6!important;
}

.igx-card-shell,
.igx-help,
.igx-state,
.igx-loading,
.igx-empty,
.igx-profile,
.igx-caption {
    border:1px solid var(--line)!important;
    background:var(--card)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    box-shadow:0 24px 80px rgba(0,0,0,.30)!important;
}

.igx-card-shell {
    border-radius:28px!important;
    padding:clamp(14px,2vw,20px)!important;
}

.igx-form {
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:12px!important;
    align-items:start!important;
}

.igx-field {
    position:relative!important;
    min-width:0!important;
}

.igx-input {
    width:100%!important;
    height:56px!important;
    padding:0 48px 0 18px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    background:rgba(0,0,0,.36)!important;
    color:#fff!important;
    font-size:15px!important;
    outline:none!important;
    box-shadow:none!important;
}

.igx-input::placeholder {
    color:rgba(255,255,255,.48)!important;
}

.igx-input:focus {
    border-color:var(--b)!important;
    box-shadow:0 0 0 4px rgba(250,126,30,.16),0 0 30px rgba(250,126,30,.14)!important;
}

.igx-clear {
    position:absolute!important;
    right:10px!important;
    top:11px!important;
    width:34px!important;
    height:34px!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:20px!important;
    cursor:pointer!important;
    display:none;
}

.igx-input-message {
    display:block!important;
    min-height:18px!important;
    margin:8px 0 0!important;
    font-size:13px!important;
    line-height:1.35!important;
    color:rgba(255,255,255,.66)!important;
}

.igx-input-message.igx-bad {
    color:#ffd0da!important;
}

.igx-input-message.igx-ok {
    color:#d8fff0!important;
}

.igx-submit {
    height:56px!important;
    border:0!important;
    border-radius:18px!important;
    padding:0 24px!important;
    cursor:pointer!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
    white-space:nowrap!important;
    background:linear-gradient(135deg,var(--a),var(--b),var(--c),var(--d))!important;
    box-shadow:0 16px 40px rgba(250,126,30,.22)!important;
    transition:transform .18s ease,opacity .18s ease!important;
}

.igx-submit:hover {
    transform:translateY(-2px)!important;
}

.igx-submit:disabled {
    opacity:.72!important;
    cursor:not-allowed!important;
    transform:none!important;
}

.igx-help {
    margin-top:16px!important;
    border-radius:24px!important;
    padding:16px!important;
}

.igx-help h2 {
    margin:0 0 12px!important;
    color:#fff!important;
    font-size:18px!important;
    font-weight:950!important;
}

.igx-help-grid {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
}

.igx-help-card {
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:10px!important;
    align-items:start!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.07)!important;
    border-radius:18px!important;
    padding:12px!important;
}

.igx-help-icon {
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,var(--a),var(--b),var(--c))!important;
    color:#fff!important;
    font-weight:950!important;
}

.igx-help-card strong {
    display:block!important;
    color:#fff!important;
    font-size:13px!important;
    margin:0 0 3px!important;
}

.igx-help-card span {
    display:block!important;
    color:var(--muted)!important;
    font-size:12px!important;
    line-height:1.35!important;
}

.igx-state {
    display:none;
    margin-top:14px!important;
    border-radius:18px!important;
    padding:12px 14px!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1.45!important;
}

.igx-error {
    border-color:rgba(255,92,122,.36)!important;
    background:rgba(255,92,122,.12)!important;
    color:#ffd7de!important;
}

.igx-success {
    border-color:rgba(78,230,168,.34)!important;
    background:rgba(78,230,168,.10)!important;
    color:#d8fff0!important;
}

.igx-loading {
    display:none;
    margin-top:18px!important;
    border-radius:24px!important;
    padding:18px!important;
}

.igx-loading-top {
    display:flex!important;
    gap:12px!important;
    align-items:center!important;
    margin-bottom:14px!important;
    font-weight:950!important;
    color:#fff!important;
}

.igx-spinner {
    width:24px!important;
    height:24px!important;
    border-radius:50%!important;
    border:3px solid rgba(255,255,255,.2)!important;
    border-top-color:var(--b)!important;
    animation:igxSpin .75s linear infinite!important;
}

.igx-skeleton-grid {
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:14px!important;
}

.igx-skel {
    height:260px!important;
    border-radius:22px!important;
    background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.15),rgba(255,255,255,.06))!important;
    background-size:220% 100%!important;
    animation:igxShim 1.2s linear infinite!important;
}

@keyframes igxSpin {

to {
    transform:rotate(360deg)};
}

@keyframes igxShim {

to {
    background-position:-220% 0};
}

.igx-empty {
    margin-top:18px!important;
    border-radius:24px!important;
    padding:22px!important;
    text-align:center!important;
    color:var(--muted)!important;
}

.igx-empty strong {
    display:block!important;
    color:#fff!important;
    font-size:18px!important;
    margin-bottom:6px!important;
}

.igx-empty span {
    display:block!important;
    color:var(--muted)!important;
}

.igx-results {
    display:none!important;
    margin-top:22px!important;
}

.igx-results.igx-show {
    display:block!important;
}

.igx-tabs {
    display:flex!important;
    flex-wrap:wrap!important;
    gap:9px!important;
    margin:0 0 14px!important;
}

.igx-tab {
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    border-radius:999px!important;
    padding:9px 12px!important;
    font-size:12px!important;
    font-weight:950!important;
    cursor:pointer!important;
}

.igx-tab span {
    margin-left:5px!important;
    color:rgba(255,255,255,.65)!important;
}

.igx-tab.igx-active {
    background:linear-gradient(135deg,var(--b),var(--c))!important;
    border-color:transparent!important;
}

.igx-profile {
    display:flex!important;
    align-items:center!important;
    gap:15px!important;
    border-radius:26px!important;
    padding:16px!important;
    margin-bottom:15px!important;
}

.igx-mini {
    padding:13px!important;
}

.igx-ring {
    width:76px!important;
    height:76px!important;
    flex:0 0 auto!important;
    border-radius:50%!important;
    padding:3px!important;
    background:linear-gradient(135deg,var(--a),var(--b),var(--c),var(--d))!important;
}

.igx-avatar {
    width:100%!important;
    height:100%!important;
    border-radius:50%!important;
    object-fit:cover!important;
    background:#111!important;
    display:block!important;
}

.igx-profile h2 {
    margin:0!important;
    color:#fff!important;
    font-size:clamp(20px,2vw,30px)!important;
    font-weight:950!important;
    line-height:1.1!important;
}

.igx-profile p {
    margin:5px 0 0!important;
    color:var(--muted)!important;
    font-size:13px!important;
}

.igx-stats {
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin-top:10px!important;
}

.igx-stats b {
    display:grid!important;
    gap:2px!important;
    min-width:82px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.07)!important;
    padding:8px!important;
    color:#fff!important;
    font-size:16px!important;
}

.igx-stats small {
    color:var(--muted)!important;
    font-size:11px!important;
    font-weight:800!important;
}

.igx-toolbar {
    margin:0 0 13px!important;
}

.igx-toolbar input {
    width:100%!important;
    height:44px!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:rgba(0,0,0,.28)!important;
    color:#fff!important;
    padding:0 13px!important;
    outline:none!important;
}

.igx-grid {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
}

.igx-card {
    border:1px solid rgba(255,255,255,.15)!important;
    background:rgba(255,255,255,.075)!important;
    border-radius:24px!important;
    overflow:hidden!important;
    box-shadow:0 20px 54px rgba(0,0,0,.24)!important;
    transition:transform .18s ease,border-color .18s ease!important;
}

.igx-card:hover {
    transform:translateY(-3px)!important;
    border-color:rgba(250,126,30,.35)!important;
}

.igx-media-box {
    position:relative!important;
    width:100%!important;
    aspect-ratio:9/12!important;
    background:rgba(0,0,0,.34)!important;
    overflow:hidden!important;
}

.igx-square {
    width:100%!important;
    aspect-ratio:1/1!important;
    background:rgba(0,0,0,.34)!important;
    overflow:hidden!important;
}

.igx-media-box img,
.igx-media-box video,
.igx-square img,
.igx-media-img {
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
    background:#111!important;
}

.igx-media-box>span {
    position:absolute!important;
    z-index:2!important;
    left:10px!important;
    top:10px!important;
    border-radius:999px!important;
    background:rgba(0,0,0,.54)!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:950!important;
    padding:6px 9px!important;
    text-transform:capitalize!important;
}

.igx-card-body {
    padding:13px!important;
}

.igx-card h3 {
    margin:0 0 7px!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:950!important;
    line-height:1.35!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.igx-card p {
    margin:0 0 12px!important;
    color:var(--muted)!important;
    font-size:12px!important;
    line-height:1.45!important;
}

.igx-actions {
    display:flex!important;
    gap:8px!important;
}

.igx-actions button,
.igx-actions a {
    flex:1!important;
    text-decoration:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:13px!important;
    padding:10px!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:950!important;
    cursor:pointer!important;
}

.igx-actions button:last-child,
.igx-actions a:last-child {
    background:linear-gradient(135deg,var(--b),var(--c))!important;
}

.igx-pager {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    margin-top:16px!important;
    color:#fff!important;
}

.igx-pager button {
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.09)!important;
    color:#fff!important;
    padding:9px 14px!important;
    font-weight:950!important;
    cursor:pointer!important;
}

.igx-pager button:disabled {
    opacity:.45!important;
    cursor:not-allowed!important;
}

.igx-highlight-list {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    margin-bottom:14px!important;
}

.igx-highlight-list button {
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    padding:12px!important;
    text-align:left!important;
    cursor:pointer!important;
}

.igx-highlight-cover {
    width:54px!important;
    height:54px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    display:block!important;
    margin-bottom:8px!important;
}

.igx-highlight-list b {
    display:block!important;
    color:#fff!important;
    font-size:13px!important;
}

.igx-highlight-list small {
    display:block!important;
    color:var(--muted)!important;
    font-size:11px!important;
    margin-top:3px!important;
}

.igx-follower-grid,
.igx-comment-list {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
}

.igx-person,
.igx-comment {
    display:flex!important;
    gap:12px!important;
    align-items:flex-start!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.075)!important;
    border-radius:20px!important;
    padding:12px!important;
}

.igx-person img,
.igx-comment img {
    width:46px!important;
    height:46px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    background:#111!important;
    flex:0 0 auto!important;
}

.igx-person h3,
.igx-comment h3 {
    margin:0 0 4px!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:950!important;
}

.igx-person p,
.igx-comment p {
    margin:0!important;
    color:var(--muted)!important;
    font-size:12px!important;
    line-height:1.45!important;
}

.igx-caption {
    border-radius:22px!important;
    padding:14px!important;
    margin-bottom:14px!important;
    color:#fff!important;
}

.igx-caption p {
    margin:6px 0 0!important;
    color:var(--muted)!important;
    font-size:13px!important;
    line-height:1.5!important;
}

.igx-modal {
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
    padding:16px!important;
    background:rgba(0,0,0,.78)!important;
    backdrop-filter:blur(10px)!important;
}

.igx-modal.igx-open {
    display:flex!important;
}

.igx-modal-panel {
    width:min(980px,calc(100vw - 24px))!important;
    max-height:calc(100vh - 24px)!important;
    border-radius:26px!important;
    overflow:hidden!important;
    background:#080811!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 34px 120px rgba(0,0,0,.55)!important;
    display:flex!important;
    flex-direction:column!important;
}

.igx-modal-head,
.igx-modal-foot {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:12px 14px!important;
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
}

.igx-modal-title {
    margin:0!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:950!important;
}

.igx-modal-count {
    color:var(--muted)!important;
    font-size:12px!important;
    font-weight:800!important;
}

.igx-modal-btn {
    border:0!important;
    border-radius:13px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0 12px!important;
    cursor:pointer!important;
    color:#fff!important;
    background:rgba(255,255,255,.12)!important;
    font-weight:950!important;
    text-decoration:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}

.igx-modal-body {
    min-height:0!important;
    flex:1!important;
    display:grid!important;
    place-items:center!important;
    padding:14px!important;
    overflow:auto!important;
}

.igx-modal-img,
.igx-modal-video {
    max-width:100%!important;
    max-height:calc(100vh - 165px)!important;
    border-radius:18px!important;
    background:#000!important;
}

.igx-modal-video {
    width:min(100%,430px)!important;
}

.igx-modal-tools {
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:wrap!important;
}

@media(max-width:900px) {
    .igx-grid,
    .igx-skeleton-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .igx-help-grid {
        grid-template-columns:1fr!important;
    }
    .igx-highlight-list {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:640px) {
    .igx-wrap {
        padding:24px 10px!important;
    }
    .igx-form {
        grid-template-columns:1fr!important;
    }
    .igx-input {
        height:56px!important;
        padding:24px!important;
        border-radius:16px!important;
    }
    .igx-clear {
        display:none!important;
    }
    .igx-submit {
        width:100%!important;
        height:54px!important;
    }
    .igx-help {
        padding:12px!important;
    }
    .igx-help h2 {
        font-size:16px!important;
        margin-bottom:8px!important;
    }
    .igx-help-grid {
        grid-template-columns:1fr!important;
        gap:8px!important;
    }
    .igx-help-card {
        padding:10px!important;
        grid-template-columns:30px 1fr!important;
    }
    .igx-help-icon {
        width:30px!important;
        height:30px!important;
    }
    .igx-grid,
    .igx-skeleton-grid,
    .igx-follower-grid,
    .igx-comment-list,
    .igx-highlight-list {
        grid-template-columns:1fr!important;
    }
    .igx-profile {
        align-items:flex-start!important;
    }
    .igx-ring {
        width:64px!important;
        height:64px!important;
    }
    .igx-modal-foot {
        flex-direction:column!important;
        align-items:stretch!important;
    }
    .igx-modal-tools {
        justify-content:center!important;
    }
    .igx-modal-btn {
        flex:1!important;
    }
}

/* Modal viewport center fix */
.igx-modal {
    width:100vw!important;
    height:100vh!important;
    min-height:100vh!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
}

.igx-modal.igx-open {
    display:flex!important;
}

.igx-modal-panel {
    width:100vw!important;
    height:100vh!important;
    max-width:100vw!important;
    max-height:100vh!important;
    border-radius:0!important;
    display:flex!important;
    flex-direction:column!important;
}

.igx-modal-head,
.igx-modal-foot {
    flex:0 0 auto!important;
}

.igx-modal-body {
    flex:1 1 auto!important;
    min-height:0!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    padding:14px!important;
}

.igx-modal-img,
.igx-modal-video {
    display:block!important;
    margin:auto!important;
    max-width:calc(100vw - 28px)!important;
    max-height:calc(100vh - 150px)!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    border-radius:18px!important;
}

.igx-modal-video {
    width:min(720px,calc(100vw - 28px))!important;
    height:auto!important;
}

@media(max-width:640px) {
    .igx-modal-body {
        padding:10px!important;
    }
    .igx-modal-img,
    .igx-modal-video {
        max-width:calc(100vw - 20px)!important;
        max-height:calc(100vh - 175px)!important;
    }
    .igx-modal-panel {
        width:100vw!important;
        height:100vh!important;
        max-height:100vh!important;
        border-radius:0!important;
    }
}

.igx-state.igx-success {
    color:#4ade80!important;
    border-color:rgba(74,222,128,.5)!important;
}

.igx-state.igx-error {
    color:#fb7185!important;
    border-color:rgba(251,113,133,.5)!important;
}

/* --- Codex CSS updates --- */
.igx-wrap,
.igx-wrap * {
    box-sizing:border-box!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-variant-numeric:tabular-nums!important;
    line-height:normal;
}

.igx-wrap {
    --a:#ffcf5a;
    --b:#ff6f61;
    --c:#d946ef;
    --d:#6366f1;
    --bg:#120813;
    --text:#fffafc;
    --muted:rgba(255,250,252,.76);
    --card:rgba(255,255,255,.09);
    --line:rgba(255,255,255,.17);
    position:relative!important;
    width:100%!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    padding:clamp(24px,4vw,52px) 14px!important;
    background:radial-gradient(900px 520px at 8% 0%,rgba(255,207,90,.18),transparent 62%),radial-gradient(820px 500px at 92% 8%,rgba(217,70,239,.22),transparent 60%),radial-gradient(720px 460px at 50% 100%,rgba(99,102,241,.14),transparent 62%),linear-gradient(180deg,var(--bg),#09070f 72%,#07070c)!important;
    color:var(--text)!important;
}

.igx-container {
    width:100%!important;
    max-width:1200px!important;
    margin:0 auto!important;
}

.igx-title {
    margin:0!important;
    padding:18px 8px 16px!important;
    text-align:center!important;
    font-size:clamp(32px,5vw,60px)!important;
    line-height:1.04!important;
    font-weight:950!important;
    letter-spacing:0!important;
    background:linear-gradient(90deg,var(--a) 0%,var(--b) 34%,var(--c) 68%,var(--d) 100%)!important;
    -webkit-background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    color:transparent!important;
}

.igx-sub {
    max-width:780px!important;
    margin:0 auto 24px!important;
    text-align:center!important;
    color:var(--muted)!important;
    font-size:clamp(14px,1.4vw,17px)!important;
    line-height:1.6!important;
}

.igx-card-shell,
.igx-help,
.igx-state,
.igx-loading,
.igx-empty,
.igx-profile,
.igx-caption {
    border:1px solid var(--line)!important;
    background:var(--card)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    box-shadow:0 24px 80px rgba(0,0,0,.32)!important;
}

.igx-card-shell {
    border-radius:28px!important;
    padding:clamp(14px,2vw,20px)!important;
}

.igx-form {
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:12px!important;
    align-items:start!important;
}

.igx-field {
    position:relative!important;
    min-width:0!important;
}

.igx-input {
    width:100%!important;
    height:56px!important;
    padding:0 48px 0 18px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.2)!important;
    background:rgba(8,5,12,.58)!important;
    color:#fff!important;
    font-size:15px!important;
    outline:none!important;
    box-shadow:none!important;
}

.igx-input::placeholder {
    color:rgba(255,250,252,.52)!important;
}

.igx-input:focus {
    border-color:var(--a)!important;
    box-shadow:0 0 0 4px rgba(255,111,97,.2),0 0 30px rgba(217,70,239,.18)!important;
}

.igx-clear {
    position:absolute!important;
    right:10px!important;
    top:11px!important;
    width:34px!important;
    height:34px!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.13)!important;
    color:#fff!important;
    font-size:20px!important;
    cursor:pointer!important;
    display:none;
}

.igx-clear:hover {
    background:rgba(255,111,97,.24)!important;
}

.igx-input-message {
    display:block!important;
    min-height:18px!important;
    margin:8px 0 0!important;
    font-size:13px!important;
    line-height:1.35!important;
    color:rgba(255,250,252,.68)!important;
}

.igx-input-message.igx-bad {
    color:#ffd4dc!important;
}

.igx-input-message.igx-ok {
    color:#dcffe9!important;
}

.igx-submit {
    height:56px!important;
    border:0!important;
    border-radius:18px!important;
    padding:0 24px!important;
    cursor:pointer!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
    white-space:nowrap!important;
    background:linear-gradient(135deg,var(--a),var(--b),var(--c),var(--d))!important;
    box-shadow:0 16px 42px rgba(217,70,239,.25)!important;
    transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease!important;
}

.igx-submit:hover {
    transform:translateY(-2px)!important;
    box-shadow:0 20px 52px rgba(255,111,97,.28)!important;
}

.igx-submit:disabled {
    opacity:.72!important;
    cursor:not-allowed!important;
    transform:none!important;
}

.igx-help {
    margin-top:16px!important;
    border-radius:24px!important;
    padding:16px!important;
}

.igx-help h2 {
    margin:0 0 12px!important;
    color:#fff!important;
    font-size:18px!important;
    font-weight:950!important;
}

.igx-help-grid {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
}

.igx-help-card {
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:10px!important;
    align-items:start!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:rgba(255,255,255,.075)!important;
    border-radius:18px!important;
    padding:12px!important;
}

.igx-help-icon {
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,var(--a),var(--b),var(--c))!important;
    color:#160916!important;
    font-weight:950!important;
}

.igx-help-card strong {
    display:block!important;
    color:#fff!important;
    font-size:13px!important;
    margin:0 0 3px!important;
}

.igx-help-card span {
    display:block!important;
    color:var(--muted)!important;
    font-size:12px!important;
    line-height:1.35!important;
}

.igx-state {
    display:none;
    margin-top:14px!important;
    border-radius:18px!important;
    padding:12px 14px!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1.45!important;
}

.igx-error {
    border-color:rgba(255,92,122,.38)!important;
    background:rgba(255,92,122,.13)!important;
    color:#ffd7de!important;
}

.igx-success {
    border-color:rgba(74,222,128,.36)!important;
    background:rgba(74,222,128,.11)!important;
    color:#dcffe9!important;
}

.igx-loading {
    display:none;
    margin-top:18px!important;
    border-radius:24px!important;
    padding:18px!important;
}

.igx-loading-top {
    display:flex!important;
    gap:12px!important;
    align-items:center!important;
    margin-bottom:14px!important;
    font-weight:950!important;
    color:#fff!important;
}

.igx-spinner {
    width:24px!important;
    height:24px!important;
    border-radius:50%!important;
    border:3px solid rgba(255,255,255,.2)!important;
    border-top-color:var(--b)!important;
    animation:igxSpin .75s linear infinite!important;
}

.igx-skeleton-grid {
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:14px!important;
}

.igx-skel {
    height:260px!important;
    border-radius:22px!important;
    background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.16),rgba(255,255,255,.06))!important;
    background-size:220% 100%!important;
    animation:igxShim 1.2s linear infinite!important;
}

@keyframes igxSpin {
    to {
        transform:rotate(360deg);
    }
}

@keyframes igxShim {
    to {
        background-position:-220% 0;
    }
}

.igx-empty {
    margin-top:18px!important;
    border-radius:24px!important;
    padding:22px!important;
    text-align:center!important;
    color:var(--muted)!important;
}

.igx-empty strong {
    display:block!important;
    color:#fff!important;
    font-size:18px!important;
    margin-bottom:6px!important;
}

.igx-empty span {
    display:block!important;
    color:var(--muted)!important;
}

.igx-results {
    display:none!important;
    margin-top:22px!important;
}

.igx-results.igx-show {
    display:block!important;
}

.igx-tabs {
    display:flex!important;
    flex-wrap:wrap!important;
    gap:9px!important;
    margin:0 0 14px!important;
}

.igx-tab {
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    border-radius:999px!important;
    padding:9px 12px!important;
    font-size:12px!important;
    font-weight:950!important;
    cursor:pointer!important;
}

.igx-tab span {
    margin-left:5px!important;
    color:rgba(255,255,255,.65)!important;
}

.igx-tab.igx-active {
    background:linear-gradient(135deg,var(--b),var(--c))!important;
    border-color:transparent!important;
}

.igx-profile {
    display:flex!important;
    align-items:center!important;
    gap:15px!important;
    border-radius:26px!important;
    padding:16px!important;
    margin-bottom:15px!important;
}

.igx-mini {
    padding:13px!important;
}

.igx-ring {
    width:76px!important;
    height:76px!important;
    flex:0 0 auto!important;
    border-radius:50%!important;
    padding:3px!important;
    background:linear-gradient(135deg,var(--a),var(--b),var(--c),var(--d))!important;
}

.igx-avatar {
    width:100%!important;
    height:100%!important;
    border-radius:50%!important;
    object-fit:cover!important;
    background:#111!important;
    display:block!important;
}

.igx-profile h2 {
    margin:0!important;
    color:#fff!important;
    font-size:clamp(20px,2vw,30px)!important;
    font-weight:950!important;
    line-height:1.1!important;
}

.igx-profile p {
    margin:5px 0 0!important;
    color:var(--muted)!important;
    font-size:13px!important;
}

.igx-stats {
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin-top:10px!important;
}

.igx-stats b {
    display:grid!important;
    gap:2px!important;
    min-width:82px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.07)!important;
    padding:8px!important;
    color:#fff!important;
    font-size:16px!important;
}

.igx-stats small {
    color:var(--muted)!important;
    font-size:11px!important;
    font-weight:800!important;
}

.igx-toolbar {
    margin:0 0 13px!important;
}

.igx-toolbar input {
    width:100%!important;
    height:44px!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:rgba(8,5,12,.45)!important;
    color:#fff!important;
    padding:0 13px!important;
    outline:none!important;
}

.igx-grid {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
}

.igx-card {
    border:1px solid rgba(255,255,255,.15)!important;
    background:rgba(255,255,255,.08)!important;
    border-radius:24px!important;
    overflow:hidden!important;
    box-shadow:0 20px 54px rgba(0,0,0,.26)!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

.igx-card:hover {
    transform:translateY(-3px)!important;
    border-color:rgba(255,111,97,.44)!important;
    box-shadow:0 24px 62px rgba(217,70,239,.18)!important;
}

.igx-media-box {
    position:relative!important;
    width:100%!important;
    aspect-ratio:9/12!important;
    background:rgba(8,5,12,.55)!important;
    overflow:hidden!important;
}

.igx-square {
    width:100%!important;
    aspect-ratio:1/1!important;
    background:rgba(8,5,12,.55)!important;
    overflow:hidden!important;
}

.igx-media-box img,
.igx-media-box video,
.igx-square img,
.igx-media-img {
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
    background:#111!important;
}

.igx-media-box>span {
    position:absolute!important;
    z-index:2!important;
    left:10px!important;
    top:10px!important;
    border-radius:999px!important;
    background:rgba(8,5,12,.68)!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:950!important;
    padding:6px 9px!important;
    text-transform:capitalize!important;
}

.igx-card-body {
    padding:13px!important;
}

.igx-card h3 {
    margin:0 0 7px!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:950!important;
    line-height:1.35!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.igx-card p {
    margin:0 0 12px!important;
    color:var(--muted)!important;
    font-size:12px!important;
    line-height:1.45!important;
}

.igx-actions {
    display:flex!important;
    gap:8px!important;
}

.igx-actions button,
.igx-actions a {
    flex:1!important;
    min-width:0!important;
    text-decoration:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:13px!important;
    padding:10px!important;
    background:rgba(255,255,255,.11)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:950!important;
    cursor:pointer!important;
}

.igx-actions button:hover,
.igx-actions a:hover {
    background:rgba(255,111,97,.24)!important;
}

.igx-actions button:last-child,
.igx-actions a:last-child {
    background:linear-gradient(135deg,var(--b),var(--c))!important;
}

.igx-pager {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin-top:16px!important;
    color:#fff!important;
}

.igx-pager button {
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.09)!important;
    color:#fff!important;
    padding:9px 14px!important;
    font-weight:950!important;
    cursor:pointer!important;
}

.igx-pager button:disabled {
    opacity:.45!important;
    cursor:not-allowed!important;
}

.igx-highlight-list {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    margin-bottom:14px!important;
}

.igx-highlight-list button {
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    padding:12px!important;
    text-align:left!important;
    cursor:pointer!important;
}

.igx-highlight-cover {
    width:54px!important;
    height:54px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    display:block!important;
    margin-bottom:8px!important;
}

.igx-highlight-list b {
    display:block!important;
    color:#fff!important;
    font-size:13px!important;
}

.igx-highlight-list small {
    display:block!important;
    color:var(--muted)!important;
    font-size:11px!important;
    margin-top:3px!important;
}

.igx-follower-grid,
.igx-comment-list {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
}

.igx-person,
.igx-comment {
    display:flex!important;
    gap:12px!important;
    align-items:flex-start!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.08)!important;
    border-radius:20px!important;
    padding:12px!important;
}

.igx-person img,
.igx-comment img {
    width:46px!important;
    height:46px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    background:#111!important;
    flex:0 0 auto!important;
}

.igx-person h3,
.igx-comment h3 {
    margin:0 0 4px!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:950!important;
}

.igx-person p,
.igx-comment p {
    margin:0!important;
    color:var(--muted)!important;
    font-size:12px!important;
    line-height:1.45!important;
}

.igx-caption {
    border-radius:22px!important;
    padding:14px!important;
    margin-bottom:14px!important;
    color:#fff!important;
}

.igx-caption p {
    margin:6px 0 0!important;
    color:var(--muted)!important;
    font-size:13px!important;
    line-height:1.5!important;
}

.igx-modal {
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:none!important;
    width:100vw!important;
    height:100vh!important;
    min-height:100vh!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    background:rgba(5,3,8,.82)!important;
    backdrop-filter:blur(12px)!important;
    overflow:hidden!important;
}

.igx-modal.igx-open {
    display:flex!important;
}

.igx-modal-panel {
    width:100vw!important;
    height:100vh!important;
    max-width:100vw!important;
    max-height:100vh!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:#08070d!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 34px 120px rgba(0,0,0,.58)!important;
    display:flex!important;
    flex-direction:column!important;
}

.igx-modal-head,
.igx-modal-foot {
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:12px 14px!important;
    background:rgba(255,255,255,.07)!important;
    color:#fff!important;
}

.igx-modal-title {
    margin:0!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:950!important;
}

.igx-modal-count {
    color:var(--muted)!important;
    font-size:12px!important;
    font-weight:800!important;
}

.igx-modal-btn {
    border:0!important;
    border-radius:13px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0 12px!important;
    cursor:pointer!important;
    color:#fff!important;
    background:rgba(255,255,255,.12)!important;
    font-weight:950!important;
    text-decoration:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}

.igx-modal-btn:hover {
    background:linear-gradient(135deg,var(--b),var(--c))!important;
}

.igx-modal-body {
    flex:1 1 auto!important;
    min-height:0!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    padding:14px!important;
}

.igx-modal-img,
.igx-modal-video {
    display:block!important;
    margin:auto!important;
    max-width:calc(100vw - 28px)!important;
    max-height:calc(100vh - 150px)!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    border-radius:18px!important;
    background:#000!important;
}

.igx-modal-video {
    width:min(720px,calc(100vw - 28px))!important;
    height:auto!important;
}

.igx-modal-tools {
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:wrap!important;
}

.igx-state.igx-success {
    color:#4ade80!important;
    border-color:rgba(74,222,128,.5)!important;
}

.igx-state.igx-error {
    color:#fb7185!important;
    border-color:rgba(251,113,133,.5)!important;
}

@media(max-width:900px) {
    .igx-grid,
    .igx-skeleton-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .igx-help-grid {
        grid-template-columns:1fr!important;
    }

    .igx-highlight-list {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:640px) {
    .igx-wrap {
        padding:24px 10px!important;
    }

    .igx-title {
        font-size:clamp(30px,10vw,42px)!important;
        padding:10px 4px 12px!important;
    }

    .igx-sub {
        margin-bottom:18px!important;
    }

    .igx-card-shell {
        border-radius:22px!important;
    }

    .igx-form {
        grid-template-columns:1fr!important;
    }

    .igx-input {
        height:56px!important;
        padding:0 44px 0 16px!important;
        border-radius:16px!important;
    }

    .igx-clear {
        display:none!important;
    }

    .igx-submit {
        width:100%!important;
        height:54px!important;
    }

    .igx-help {
        padding:12px!important;
    }

    .igx-help h2 {
        font-size:16px!important;
        margin-bottom:8px!important;
    }

    .igx-help-grid {
        grid-template-columns:1fr!important;
        gap:8px!important;
    }

    .igx-help-card {
        padding:10px!important;
        grid-template-columns:30px 1fr!important;
    }

    .igx-help-icon {
        width:30px!important;
        height:30px!important;
    }

    .igx-grid,
    .igx-skeleton-grid,
    .igx-follower-grid,
    .igx-comment-list,
    .igx-highlight-list {
        grid-template-columns:1fr!important;
    }

    .igx-profile {
        align-items:flex-start!important;
    }

    .igx-ring {
        width:64px!important;
        height:64px!important;
    }

    .igx-actions {
        flex-wrap:wrap!important;
    }

    .igx-modal-foot {
        flex-direction:column!important;
        align-items:stretch!important;
    }

    .igx-modal-tools {
        justify-content:center!important;
    }

    .igx-modal-btn {
        flex:1!important;
    }

    .igx-modal-body {
        padding:10px!important;
    }

    .igx-modal-img,
    .igx-modal-video {
        max-width:calc(100vw - 20px)!important;
        max-height:calc(100vh - 175px)!important;
    }

    .igx-modal-panel {
        width:100vw!important;
        height:100vh!important;
        max-height:100vh!important;
        border-radius:0!important;
    }
}