/* ============================================================
   THE2026 THEME — MASTER CSS
   Generated from all inline styles across the theme
   ============================================================ */

/* === CSS VARIABLES === */
:root,
[data-bs-theme="dark"] {
    --t26-bg: #07071A;
    --t26-bg2: #0D0D2B;
    --t26-card: rgba(255,255,255,0.04);
    --t26-card-hover: rgba(255,255,255,0.07);
    --t26-border: rgba(255,255,255,0.08);
    --t26-primary: #7C3AED;
    --t26-primary-light: #9F67FF;
    --t26-primary-dark: #5B21B6;
    --t26-cyan: #06B6D4;
    --t26-rose: #F43F5E;
    --t26-text: #F1F5F9;
    --t26-muted: rgba(241,245,249,0.55);
    --t26-gradient: linear-gradient(135deg,#7C3AED 0%,#06B6D4 100%);
    --t26-gradient-text: linear-gradient(135deg,#A78BFA 0%,#38BDF8 100%);
    --t26-glow: 0 0 40px rgba(124,58,237,0.3);
    --t26-shadow: 0 20px 60px rgba(0,0,0,0.4);
    --t26-sidebar-width: 260px;
    --t26-topbar-height: 64px;
    /* Override Bootstrap dark mode defaults to use our theme colors */
    --bs-body-bg: #07071A;
    --bs-body-color: #F1F5F9;
    --bs-card-bg: rgba(255,255,255,0.04);
    --bs-border-color: rgba(255,255,255,0.08);
    --bs-secondary-bg: #0D0D2B;
    --bs-tertiary-bg: #0D0D2B;
    --bs-emphasis-color: #F1F5F9;
}

/* === BASE / RESET === */
*, *::before, *::after {
    box-sizing: border-box;
}
html, body {
    background: #07071A !important;
    background: var(--t26-bg, #07071A) !important;
    color: #F1F5F9 !important;
    color: var(--t26-text, #F1F5F9) !important;
    font-family: 'Inter', sans-serif !important;
    -webkit-font-smoothing: antialiased;
}
body {
    min-height: 100vh;
    margin: 0 !important;
    padding: 0 !important;
}
h1, h2, h3, h4, h5, h6 {
    color: var(--t26-text);
}
a {
    color: var(--t26-primary-light);
    text-decoration: none;
    transition: color 0.2s;
}
a:hover {
    color: var(--t26-cyan);
}
.text-muted,
.text-t26-muted {
    color: var(--t26-muted) !important;
}

/* === COMPONENTS — REUSABLE === */

/* Gradient text */
.gradient-text {
    background: var(--t26-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.gradient-bg {
    background: var(--t26-gradient);
}

/* Glass card */
.glass-card {
    background: rgba(255,255,255,0.04);
    background: var(--t26-card, rgba(255,255,255,0.04));
    border: 1px solid rgba(255,255,255,0.08);
    border: 1px solid var(--t26-border, rgba(255,255,255,0.08));
    border-radius: 16px;
    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.glass-card:hover {
    background: var(--t26-card-hover);
    border-color: rgba(124,58,237,0.3);
    transform: translateY(-2px);
    box-shadow: var(--t26-glow);
}

/* Buttons */
.btn-gradient {
    background: var(--t26-gradient);
    border: none;
    color: #fff !important;
    border-radius: 10px;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    padding: .7rem 1.8rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}
.btn-gradient:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(124,58,237,0.5);
    color: #fff !important;
}
.btn-gradient.d-block,
.btn-gradient.w-100 {
    display: block;
    width: 100%;
    justify-content: center;
    text-align: center;
}

.btn-outline-t26 {
    border: 1.5px solid var(--t26-border);
    color: var(--t26-text) !important;
    border-radius: 10px;
    font-weight: 600;
    background: transparent;
    transition: all 0.3s ease;
    padding: .65rem 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}
.btn-outline-t26:hover {
    border-color: var(--t26-primary);
    background: rgba(124,58,237,0.1);
    color: var(--t26-text) !important;
}

.ctl-btn {
    background: var(--t26-gradient);
    border: none;
    color: #fff !important;
    border-radius: 10px;
    font-weight: 600;
    transition: all 0.3s ease;
    padding: .7rem 1.8rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
}
.ctl-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(124,58,237,0.5);
    color: #fff !important;
}

/* Social login button */
.btn-social {
    background: rgba(255,255,255,0.06);
    border: 1.5px solid var(--t26-border);
    color: var(--t26-text) !important;
    border-radius: 10px;
    padding: .65rem;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s;
    text-decoration: none;
}
.btn-social:hover {
    background: rgba(255,255,255,0.1);
    border-color: rgba(124,58,237,0.4);
}

/* Bootstrap overrides */
.btn-primary {
    background: var(--t26-gradient) !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    color: #fff !important;
}
.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(124,58,237,0.5) !important;
}
.btn-secondary {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid var(--t26-border) !important;
    color: var(--t26-text) !important;
    border-radius: 10px !important;
}
.btn-cta-white {
    background: #fff;
    color: var(--t26-primary) !important;
    border: none;
    border-radius: 12px;
    font-weight: 700;
    padding: .85rem 2.5rem;
    font-size: 1.05rem;
    transition: all .3s;
    text-decoration: none;
    display: inline-block;
}
.btn-cta-white:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* Card (Bootstrap card override) */
.card {
    background: var(--t26-card) !important;
    border: 1px solid var(--t26-border) !important;
    color: var(--t26-text) !important;
}

/* Forms */
.form-control,
.form-select {
    background: rgba(255,255,255,0.06) !important;
    border: 1.5px solid var(--t26-border) !important;
    color: var(--t26-text) !important;
    border-radius: 10px !important;
    font-size: .875rem !important;
    padding: .65rem 1rem !important;
    transition: all 0.3s ease;
    color-scheme: dark;
    -webkit-appearance: none;
    appearance: none;
}
.form-select option,
.form-select optgroup {
    background: #0d1117 !important;
    color: var(--t26-text) !important;
}
.form-control:focus,
.form-select:focus {
    border-color: var(--t26-primary) !important;
    box-shadow: 0 0 0 3px rgba(124,58,237,0.2) !important;
    background: rgba(255,255,255,0.08) !important;
    color: var(--t26-text) !important;
}
.form-control::placeholder {
    color: var(--t26-muted) !important;
}
.form-label {
    font-size: .85rem;
    font-weight: 600;
    color: var(--t26-muted);
    margin-bottom: .4rem;
}
.form-text {
    color: var(--t26-muted);
}
.form-check-input {
    background-color: rgba(255,255,255,0.06) !important;
    border-color: var(--t26-border) !important;
    accent-color: var(--t26-primary);
}
.form-check-input:checked {
    background-color: var(--t26-primary) !important;
    border-color: var(--t26-primary) !important;
}
.input-group-text {
    background: rgba(255,255,255,0.06) !important;
    border-color: var(--t26-border) !important;
    color: var(--t26-muted) !important;
}

/* Dropdown */
.dropdown-menu {
    background: rgba(13,13,43,0.97) !important;
    border: 1px solid var(--t26-border) !important;
    border-radius: 12px !important;
}
.dropdown-item {
    color: var(--t26-text) !important;
    border-radius: 8px !important;
    transition: all 0.2s;
}
.dropdown-item:hover {
    background: rgba(124,58,237,0.15) !important;
    color: var(--t26-text) !important;
}
.dropdown-divider {
    border-color: var(--t26-border) !important;
}

/* Alerts */
.alert {
    border-radius: 12px !important;
    border: 1px solid var(--t26-border) !important;
}

/* Modal */
.modal-content {
    background: var(--t26-bg2) !important;
    border: 1px solid var(--t26-border) !important;
    border-radius: 20px !important;
}
.modal-header,
.modal-footer {
    border-color: var(--t26-border) !important;
}

/* Nav pills / tabs */
.nav-pills .nav-link.active {
    background: var(--t26-gradient) !important;
}
.nav-tabs {
    border-color: var(--t26-border) !important;
}
.nav-tabs .nav-link {
    color: var(--t26-muted) !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 500;
}
.nav-tabs .nav-link.active {
    background: rgba(124,58,237,0.15) !important;
    color: var(--t26-primary-light) !important;
}

/* Table */
.table {
    color: var(--t26-text) !important;
}
.table > :not(caption) > * > * {
    border-color: var(--t26-border) !important;
    background: transparent !important;
}
.table > tbody > tr:hover > * {
    background: rgba(255,255,255,0.03) !important;
}

/* Pagination */
.pagination .page-link {
    background: var(--t26-card) !important;
    border-color: var(--t26-border) !important;
    color: var(--t26-text) !important;
    border-radius: 8px !important;
}
.pagination .page-item.active .page-link {
    background: var(--t26-gradient) !important;
    border: none !important;
}

/* Badges */
.badge-gradient {
    background: var(--t26-gradient);
    color: #fff;
    border-radius: 20px;
    font-size: .72rem;
    font-weight: 600;
    padding: .3rem .8rem;
}
.badge.bg-primary {
    background: var(--t26-gradient) !important;
}
.badge.bg-success {
    background: linear-gradient(135deg,#10B981,#059669) !important;
}
.badge.bg-danger {
    background: linear-gradient(135deg,#F43F5E,#E11D48) !important;
}

/* Accordion */
.accordion-item {
    background: var(--t26-card) !important;
    border: 1px solid var(--t26-border) !important;
    border-radius: 12px !important;
    margin-bottom: .5rem;
}
.accordion-button {
    background: transparent !important;
    color: var(--t26-text) !important;
    font-weight: 600;
}
.accordion-button:not(.collapsed) {
    background: rgba(124,58,237,0.1) !important;
    color: var(--t26-primary-light) !important;
}
.accordion-button::after {
    filter: invert(1);
}
.accordion-body {
    color: var(--t26-muted);
}

/* Progress */
.progress {
    background: rgba(255,255,255,0.06) !important;
    border-radius: 10px;
}
.progress-bar {
    background: var(--t26-gradient) !important;
    border-radius: 10px;
}

/* Scroll-to-top button */
#scroll-to-top {
    background: var(--t26-gradient) !important;
    border: none !important;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

/* === LAYOUT HELPERS === */
.section-py    { padding: 80px 0; }
.section-py-sm { padding: 50px 0; }
.section-py-lg { padding: 120px 0; }

.t26-label {
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--t26-primary-light);
}
.t26-divider {
    height: 1px;
    background: var(--t26-border);
    border: none;
    margin: 0;
}

/* Grid background */
.grid-bg {
    background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 32px 32px;
}
.grid-bg-abs {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 32px 32px;
    pointer-events: none;
}

/* Auth divider */
.divider {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1.25rem 0;
    color: var(--t26-muted);
    font-size: .85rem;
}
.divider::before,
.divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--t26-border);
}

/* === KEYFRAMES / ANIMATIONS === */
@keyframes float-orb {
    0%, 100% { transform: translate(0,0) scale(1); }
    33%       { transform: translate(30px,-20px) scale(1.05); }
    66%       { transform: translate(-20px,10px) scale(0.95); }
}
@keyframes fade-up {
    from { opacity: 0; transform: translateY(30px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes gradient-shift {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}
@keyframes spin-slow {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 20px rgba(124,58,237,0.3); }
    50%      { box-shadow: 0 0 50px rgba(124,58,237,0.7); }
}

/* Orb blobs */
.orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    animation: float-orb 8s ease-in-out infinite;
}
.orb-1 {
    width: 600px; height: 600px;
    background: rgba(124,58,237,0.28);
    top: -200px; left: -150px;
}
.orb-2 {
    width: 400px; height: 400px;
    background: rgba(6,182,212,0.18);
    bottom: -80px; right: -100px;
    animation-delay: -3s;
}
.orb-3 {
    width: 250px; height: 250px;
    background: rgba(244,63,94,0.08);
    top: 40%; left: 60%;
    animation-delay: -5s;
}

/* === MAIN NAVIGATION (header) === */
#t26-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(7,7,26,0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    transition: all 0.3s ease;
}
.navbar-logo img {
    max-height: 36px;
}
.navbar-toggler {
    color: rgba(241,245,249,0.7);
    background: rgba(255,255,255,0.06);
    border-radius: 8px;
    padding: .4rem .6rem;
    border: 0;
}
.navbar-nav .nav-link {
    color: rgba(241,245,249,0.8) !important;
    font-weight: 500;
    font-size: .9rem;
    padding: .5rem .8rem;
    border-radius: 8px;
    transition: all 0.2s;
}
.navbar-nav .nav-link:hover {
    color: var(--t26-text) !important;
    background: rgba(124,58,237,0.1);
}

/* === FOOTER === */
#footer-main {
    background: rgba(7,7,26,0.9);
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 60px 0 0;
}
#footer-main .footer-link {
    color: rgba(241,245,249,0.6);
    font-size: .9rem;
    transition: color 0.2s;
    text-decoration: none;
}
#footer-main .footer-link:hover {
    color: var(--t26-text);
}
#footer-main .social-icon {
    width: 36px; height: 36px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(241,245,249,0.6);
    transition: all 0.2s;
    text-decoration: none;
    font-size: .85rem;
}
#footer-main .social-icon:hover {
    background: rgba(124,58,237,0.2);
    border-color: rgba(124,58,237,0.4);
    color: var(--t26-text);
}

/* === PAGE: HERO (homepage) === */
#t26-hero {
    position: relative;
    padding-top: 70px;
    padding-bottom: 90px;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    background: radial-gradient(ellipse 90% 55% at 50% -5%, rgba(124,58,237,0.22) 0%, transparent 65%), var(--t26-bg);
}
.badge-pill-gradient {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem 1.25rem;
    border-radius: 999px;
    background: rgba(124,58,237,0.1);
    border: 1px solid rgba(124,58,237,0.35);
    font-size: .82rem;
    font-weight: 600;
    color: #A78BFA;
    margin-bottom: 1.75rem;
    letter-spacing: .03em;
    box-shadow: 0 0 20px rgba(124,58,237,0.15);
    animation: badge-glow 3s ease-in-out infinite;
}
@keyframes badge-glow {
    0%,100% { box-shadow: 0 0 12px rgba(124,58,237,0.12); }
    50%      { box-shadow: 0 0 28px rgba(124,58,237,0.30); }
}
.hero-h1 {
    font-size: clamp(2.8rem,6vw,4rem);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -.02em;
    margin-bottom: 1.25rem;
}
.hero-subtitle {
    font-size: 1.1rem;
    color: rgba(241,245,249,0.55);
    max-width: 520px;
    margin: 0 auto 2.75rem;
    line-height: 1.7;
}

/* === PAGE: SHORTENER CARD (homepage) === */
.shortener-card {
    background: rgba(7,7,26,0.75);
    border: 1px solid rgba(124,58,237,0.22);
    border-top: 1px solid rgba(124,58,237,0.45);
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    border-radius: 24px;
    padding: 1.75rem;
    max-width: 720px;
    margin: 0 auto;
    box-shadow: 0 0 80px rgba(124,58,237,0.1), 0 0 0 1px rgba(255,255,255,0.03) inset, 0 8px 40px rgba(0,0,0,0.45);
}
.t26-tab-nav {
    display: flex;
    gap: .35rem;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 12px;
    padding: .3rem;
    margin-bottom: 1.5rem;
}
.t26-tab-nav a,
.t26-tab-nav button {
    flex: 1;
    text-align: center;
    padding: .5rem 1rem;
    border-radius: 9px;
    font-size: .88rem;
    font-weight: 500;
    color: rgba(241,245,249,0.45);
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
    transition: all .2s;
}
.t26-tab-nav a.active,
.t26-tab-nav button.active {
    background: linear-gradient(135deg, rgba(124,58,237,0.5) 0%, rgba(6,182,212,0.35) 100%);
    color: #fff;
    box-shadow: 0 2px 12px rgba(124,58,237,0.35);
}
.t26-tab-nav a:hover:not(.active),
.t26-tab-nav button:hover:not(.active) {
    background: rgba(255,255,255,0.06);
    color: rgba(241,245,249,0.75);
}
.t26-tab-panel {
    animation: tab-fade .2s ease;
}
@keyframes tab-fade {
    from { opacity: 0; transform: translateY(5px); }
    to   { opacity: 1; transform: translateY(0); }
}
.shorten-row {
    display: flex;
    gap: .4rem;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 14px;
    padding: .35rem;
    transition: border-color .2s;
}
.shorten-row:focus-within {
    border-color: rgba(124,58,237,0.45);
    box-shadow: 0 0 0 3px rgba(124,58,237,0.12);
}
.shorten-row .form-control {
    border-radius: 10px !important;
    padding: .85rem 1.1rem;
    font-size: 1rem;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--t26-text) !important;
}
.shorten-row .form-control::placeholder {
    color: rgba(241,245,249,0.3);
}
.shorten-row .btn-gradient {
    padding: .85rem 1.8rem;
    font-size: .95rem;
    white-space: nowrap;
    border-radius: 10px;
    flex-shrink: 0;
}
#output-result {
    background: rgba(124,58,237,0.08);
    border: 1px solid rgba(124,58,237,0.25) !important;
    border-radius: 14px;
}
.history-item {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 10px;
    padding: .85rem 1rem;
    margin-bottom: .5rem;
    transition: background .2s;
}
.history-item:hover {
    background: rgba(255,255,255,0.07);
}
.history-copy-btn {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 7px;
    color: var(--t26-muted);
    font-size: .75rem;
    cursor: pointer;
    transition: background .2s, color .2s, border-color .2s, transform .15s;
}
.history-copy-btn:hover {
    background: rgba(124,58,237,0.2);
    border-color: rgba(124,58,237,0.4);
    color: #C4B5FD;
    transform: scale(1.1);
}
.history-copy-btn.copied {
    background: rgba(52,211,153,0.15);
    border-color: rgba(52,211,153,0.35);
    color: #34D399;
}
.trust-badges {
    display: flex;
    justify-content: center;
    gap: .65rem;
    flex-wrap: wrap;
    margin-top: 2rem;
}
.trust-badges span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem 1rem;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 999px;
    font-size: .82rem;
    color: rgba(241,245,249,0.6);
    transition: border-color .2s, background .2s;
}
.trust-badges span:hover {
    background: rgba(124,58,237,0.1);
    border-color: rgba(124,58,237,0.25);
}
.trust-badges span i {
    color: #A78BFA;
    font-size: .8rem;
}
.qr-dl-btn {
    flex: 1;
    padding: .45rem .75rem;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    color: rgba(241,245,249,0.75);
    font-size: .82rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s;
}
.qr-dl-btn:hover {
    background: rgba(124,58,237,0.2);
    border-color: rgba(124,58,237,0.4);
    color: #fff;
}

/* === STATS: DATE PICKER POPUP === */
.cal-pop-cell:hover { transform: scale(1.15); box-shadow: 0 3px 12px rgba(124,58,237,.4); z-index: 2; position: relative; }
.cal-pop-cell.cal-pop-sel { box-shadow: 0 0 0 2px #A78BFA !important; transform: scale(1.1); z-index: 3; position: relative; }
#cal-pick-btn:hover { background: rgba(124,58,237,0.22) !important; }

/* === QR LIVE PREVIEW === */
#return-ajax {
    display: flex;
    align-items: center;
    justify-content: center;
}
#return-ajax img,
#return-ajax svg {
    width: 360px !important;
    height: 360px !important;
    display: block;
    border-radius: 8px;
}

/* === QR TYPE GRID (new.php / edit.php) === */
.qrtype-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
    gap: .5rem;
}
.qrtype-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 10px 6px 8px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
    text-decoration: none !important;
    color: var(--t26-muted);
    font-size: .72rem;
    font-weight: 600;
    transition: background .15s, border-color .15s, color .15s;
    cursor: pointer;
}
.qrtype-tile:hover {
    background: rgba(124,58,237,.08);
    border-color: rgba(255,255,255,0.18);
    color: var(--t26-text);
}
.qrtype-tile.active {
    background: rgba(124,58,237,.15);
    border-color: rgba(124,58,237,.5);
    color: #C4B5FD;
}
.qrtype-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(255,255,255,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    transition: background .15s;
}
.qrtype-tile.active .qrtype-icon { background: rgba(255,255,255,0.08); }

/* === PAGE: STATS BAR (homepage) === */
#t26-stats {
    background: var(--t26-bg2);
    border-top: 1px solid var(--t26-border);
    border-bottom: 1px solid var(--t26-border);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}
#t26-stats::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 80% at 10% 50%, rgba(124,58,237,0.07) 0%, transparent 60%),
                radial-gradient(ellipse 60% 80% at 90% 50%, rgba(6,182,212,0.07) 0%, transparent 60%);
    pointer-events: none;
}
/* grid */
.st26-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
}
@media(max-width:900px){ .st26-grid { grid-template-columns: repeat(2,1fr); } }
@media(max-width:480px){ .st26-grid { grid-template-columns: 1fr 1fr; gap:.75rem; } }

/* card */
.st26-card {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 18px;
    padding: 1.75rem 1.5rem 1.5rem;
    text-align: center;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .55s ease var(--st-d, 0s), transform .55s ease var(--st-d, 0s),
                box-shadow .3s ease, border-color .3s ease;
}
.st26-card.st26-visible {
    opacity: 1;
    transform: translateY(0);
}
.st26-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--sg1, #7C3AED), var(--sg2, #06B6D4));
    opacity: 0;
    transition: opacity .4s ease var(--st-d, 0s);
}
.st26-card.st26-visible::before { opacity: 1; }
.st26-card:hover {
    border-color: rgba(124,58,237,0.35);
    box-shadow: 0 8px 40px rgba(124,58,237,0.14);
    transform: translateY(-4px);
}

/* icon */
.st26-icon-wrap {
    width: 52px; height: 52px;
    border-radius: 14px;
    background: var(--si1, rgba(124,58,237,0.18));
    border: 1px solid var(--si2, rgba(124,58,237,0.12));
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 1rem;
}
.st26-icon-wrap i {
    font-size: 1.3rem;
    background: linear-gradient(135deg, var(--sg1, #7C3AED), var(--sg2, #06B6D4));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* number */
.st26-number {
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 1;
    background: var(--t26-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -.03em;
    margin-bottom: .4rem;
}
@media(max-width:480px){ .st26-number { font-size: 2rem; } }

/* label */
.st26-label {
    font-size: .82rem;
    color: var(--t26-muted);
    letter-spacing: .04em;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: .9rem;
}

/* progress bar */
.st26-bar {
    height: 3px;
    background: rgba(255,255,255,0.07);
    border-radius: 99px;
    overflow: hidden;
}
.st26-bar-fill {
    height: 100%;
    width: 0;
    border-radius: 99px;
    background: linear-gradient(90deg, #7C3AED, #06B6D4);
    transition: width 1.4s cubic-bezier(.22,1,.36,1) .35s;
}
.st26-bar-fill.st26-bar-go {
    width: var(--sbw, 80%);
}

/* === HOMEPAGE: FEATURE BAND === */
#t26-stats .fb-row{display:flex!important;align-items:stretch;position:relative;z-index:1}
#t26-stats .fb-sep{width:1px;background:var(--t26-border);flex-shrink:0}
#t26-stats .fb-item{flex:1;display:flex!important;align-items:center;gap:14px;padding:22px 24px;transition:background .2s;min-width:0}
#t26-stats .fb-item:hover{background:rgba(255,255,255,0.025)}
#t26-stats .fb-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,0.06);display:flex!important;align-items:center;justify-content:center;flex-shrink:0;color:var(--fbc);font-size:.9rem}
#t26-stats .fb-text{display:flex!important;flex-direction:column;gap:2px;min-width:0}
#t26-stats .fb-title{font-size:.82rem;font-weight:700;color:var(--t26-text);white-space:nowrap;display:block}
#t26-stats .fb-sub{font-size:.72rem;color:var(--t26-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
@media(max-width:767px){
    #t26-stats .fb-row{flex-wrap:wrap}
    #t26-stats .fb-sep{display:none}
    #t26-stats .fb-item{flex:1 1 50%;border-bottom:1px solid var(--t26-border);padding:16px 18px}
    #t26-stats .fb-item:nth-child(odd){border-right:1px solid var(--t26-border)}
    #t26-stats .fb-item:last-child,#t26-stats .fb-item:nth-last-child(2):nth-child(odd){border-bottom:none}
}
@media(max-width:399px){#t26-stats .fb-item{flex:1 1 100%;border-right:none!important}}

/* === HOMEPAGE: ANALYTICS LIST === */
.ntf-list{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:10px}
.ntf-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ntf-dot{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--nd);font-size:.78rem}
.ntf-row-title{font-size:.82rem;font-weight:700;color:var(--t26-text);white-space:nowrap}
.ntf-row-sep{color:rgba(255,255,255,0.2);font-size:.75rem}
.ntf-row-sub{font-size:.75rem;color:var(--t26-muted)}

/* === PAGE: PRICING === */
.pr-page{position:relative;overflow:hidden;padding:70px 0 90px}
.pr-orb-purple{position:absolute;width:650px;height:650px;border-radius:50%;background:rgba(124,58,237,.2);top:-250px;left:-180px;filter:blur(100px);animation:float-orb 10s ease-in-out infinite;pointer-events:none}
.pr-orb-cyan{position:absolute;width:400px;height:400px;border-radius:50%;background:rgba(6,182,212,.14);bottom:-100px;right:-100px;filter:blur(80px);animation:float-orb 12s ease-in-out infinite;animation-delay:-5s;pointer-events:none}
.pr-wrap{position:relative;z-index:1}
/* Hero */
.pr-hero{max-width:620px;margin:0 auto 48px;text-align:center}
.pr-h1{font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.15;letter-spacing:-.03em;margin-bottom:1rem}
.pr-lead{color:var(--t26-muted);font-size:.97rem;line-height:1.7;margin:0 auto}
/* Period toggle */
.pr-period-wrap{display:flex;justify-content:center;margin-bottom:48px}
.pr-period-group{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:50px;padding:5px}
.pr-period-btn{display:inline-flex;align-items:center;gap:7px;padding:.5rem 1.4rem;border-radius:50px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--t26-muted);transition:all .25s ease}
.pr-period-btn.btn-primary{background:linear-gradient(135deg,#7C3AED,#06B6D4)!important;color:#fff!important;box-shadow:0 4px 18px rgba(124,58,237,.35)!important;border-color:transparent!important}
.pr-period-btn.btn-light{background:transparent!important;color:var(--t26-muted)!important;box-shadow:none!important;border-color:transparent!important}
.pr-period-btn.bg-white{background:transparent!important;color:var(--t26-muted)!important;box-shadow:none!important;border-color:transparent!important}
.pr-period-btn i{font-size:.8rem}
.pr-period-save{position:absolute;top:-9px;right:-8px;background:linear-gradient(135deg,#10B981,#06B6D4);color:#fff;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;white-space:nowrap}
/* Plans wrap */
.pr-plans-wrap{padding-bottom:16px}
/* Plan card */
.pr-plan-card{position:relative;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:32px 28px 28px;height:100%;display:flex;flex-direction:column;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;overflow:hidden}
.pr-plan-card:hover{transform:translateY(-6px);border-color:rgba(124,58,237,.3);box-shadow:0 16px 48px rgba(124,58,237,.1)}
.pr-plan-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(124,58,237,.07) 0%,transparent 60%);pointer-events:none}
.pr-plan-popular{border-color:rgba(124,58,237,.5)!important;box-shadow:0 0 50px rgba(124,58,237,.18),0 16px 40px rgba(0,0,0,.3)!important;background:rgba(124,58,237,.06)!important}
.pr-plan-popular::before{background:radial-gradient(circle at 50% 0%,rgba(124,58,237,.2) 0%,transparent 65%)!important}
/* Badges */
.pr-popular-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;font-size:.7rem;font-weight:800;padding:4px 16px;border-radius:0 0 12px 12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.pr-discount-badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#10B981,#06B6D4);color:#fff;font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:999px}
/* Plan top */
.pr-plan-top{text-align:center;margin-bottom:20px;padding-top:8px}
.pr-plan-popular .pr-plan-top{padding-top:20px}
.pr-plan-icon{width:52px;height:52px;border-radius:14px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.3rem;color:#A78BFA}
.pr-plan-name{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}
.pr-plan-desc{font-size:.82rem;color:var(--t26-muted);margin:0}
/* Price */
.pr-plan-price-block{text-align:center;padding:16px 0 20px}
.pr-plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px}
.pr-plan-price .price{font-size:2.6rem;font-weight:900;letter-spacing:-.04em;line-height:1}
.pr-plan-period{font-size:.82rem;color:var(--t26-muted);font-weight:500}
/* Divider */
.pr-plan-divider{height:1px;background:rgba(255,255,255,.07);margin:0 0 20px}
/* Feature list */
.pr-feat-list{list-style:none;padding:0;margin:0 0 24px;flex:1}
.pr-feat-item{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.855rem}
.pr-feat-item:last-child{border-bottom:none}
.pr-feat-label{color:var(--t26-muted);cursor:default}
.pr-feat-val{font-weight:700;color:var(--t26-text);font-size:.855rem}
.pr-feat-green{color:#34D399}
.pr-inf{background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pr-feat-check{color:#34D399;font-size:.85rem}
.pr-feat-cross{color:rgba(241,245,249,.2);font-size:.85rem}
.pr-feat-disabled .pr-feat-label{opacity:.5}
/* Buttons */
.pr-plan-btn{display:flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;font-size:.9rem;font-weight:700;transition:all .2s;text-decoration:none;margin-top:auto}
.pr-plan-btn-grad{background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;border:none}
.pr-plan-btn-grad:hover{opacity:.88;transform:translateY(-1px);color:#fff}
.pr-plan-btn-outline{background:transparent;color:var(--t26-text);border:1px solid rgba(255,255,255,.15)}
.pr-plan-btn-outline:hover{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.08);color:var(--t26-text)}
/* Trust strip */
.pr-trust-strip{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:wrap;margin:36px 0 48px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px 24px}
.pr-trust-item{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--t26-muted);padding:6px 20px}
.pr-trust-item i{color:#A78BFA;font-size:.85rem}
.pr-trust-sep{width:1px;height:24px;background:rgba(255,255,255,.08);flex-shrink:0}
@media(max-width:575px){.pr-trust-sep{display:none}.pr-trust-item{flex:1 1 50%}}
/* CTA band */
.pr-cta-band{position:relative;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.25);border-radius:22px;padding:36px 40px;margin-bottom:64px;overflow:hidden}
.pr-cta-glow{position:absolute;width:300px;height:200px;background:rgba(124,58,237,.2);border-radius:50%;filter:blur(60px);top:-60px;left:-40px;pointer-events:none}
.pr-cta-icon{width:48px;height:48px;border-radius:13px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#A78BFA;margin-bottom:14px}
.pr-cta-title{font-size:1.4rem;font-weight:800;margin-bottom:6px}
.pr-cta-sub{color:var(--t26-muted);font-size:.9rem;margin:0}
.pr-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;border-radius:12px;font-weight:700;font-size:.9rem;text-decoration:none;transition:opacity .2s,transform .15s}
.pr-cta-btn:hover{opacity:.88;transform:translateY(-1px);color:#fff}
/* FAQ */
.pr-faq-section{padding:0 0 40px}
.pr-faq-intro{position:sticky;top:24px}
.pr-faq-h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem;line-height:1.2}
.pr-faq-lead{color:var(--t26-muted);font-size:.9rem;line-height:1.65;margin-bottom:24px}
.pr-contact-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;border-radius:11px;font-weight:700;font-size:.875rem;text-decoration:none;transition:opacity .2s}
.pr-contact-btn:hover{opacity:.88;color:#fff}
.pr-accordion{display:flex;flex-direction:column;gap:8px}
.pr-faq-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;transition:border-color .2s}
.pr-faq-item:has(.show){border-color:rgba(124,58,237,.3)}
.pr-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:transparent;border:none;color:var(--t26-text);font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;transition:color .2s}
.pr-faq-q:hover{color:#A78BFA}
.pr-faq-q.open{color:#A78BFA}
.pr-faq-chevron{font-size:.75rem;color:var(--t26-muted);transition:transform .3s;flex-shrink:0}
.pr-faq-q.open .pr-faq-chevron{transform:rotate(180deg);color:#A78BFA}
.pr-faq-a{padding:0 20px 18px;font-size:.875rem;color:var(--t26-muted);line-height:1.7}
.pr-faq-a p:last-child{margin:0}

/* === PAGE: VERIFY LINK === */
.vl-topbar{height:3px;background:linear-gradient(90deg,#7C3AED,#06B6D4 60%,#10B981)}
.vl-form-body{padding:32px 32px 24px}
.vl-form-title{text-align:center;font-size:1.1rem;font-weight:700;margin-bottom:4px}
.vl-form-sub{text-align:center;font-size:.82rem;color:var(--t26-muted);margin-bottom:24px}
.vl-label{display:block;font-size:.78rem;font-weight:600;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.vl-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 24px;background:linear-gradient(135deg,#7C3AED 0%,#2563EB 100%);border:none;border-left:1px solid rgba(255,255,255,.08);border-radius:0;color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .2s,box-shadow .2s;line-height:1;letter-spacing:.01em}
.vl-btn:hover{opacity:.88;box-shadow:inset 0 0 30px rgba(255,255,255,.08)}
.vl-note{font-size:.76rem;color:var(--t26-muted);margin:0 0 18px;display:flex;align-items:center;gap:7px}
.vl-note i{color:rgba(124,58,237,.8);flex-shrink:0}
.ti-purple{color:#A78BFA}.ti-cyan{color:#22D3EE}.ti-green{color:#34D399}
.vl-section-pill{display:inline-block;padding:.3rem 1.1rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--t26-muted);margin-bottom:12px}
.vl-scard{position:relative;background:rgba(255,255,255,.03);border-radius:20px;padding:32px 24px 28px;height:100%;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;text-align:center}
.vl-scard-p{border:1px solid rgba(124,58,237,.18)}.vl-scard-c{border:1px solid rgba(6,182,212,.18)}.vl-scard-g{border:1px solid rgba(16,185,129,.18)}
.vl-scard:hover{transform:translateY(-6px)}
.vl-scard-p:hover{box-shadow:0 16px 48px rgba(124,58,237,.12);border-color:rgba(124,58,237,.35)}
.vl-scard-c:hover{box-shadow:0 16px 48px rgba(6,182,212,.1);border-color:rgba(6,182,212,.35)}
.vl-scard-g:hover{box-shadow:0 16px 48px rgba(16,185,129,.1);border-color:rgba(16,185,129,.35)}
.vl-snb{position:absolute;top:16px;right:18px;font-size:.65rem;font-weight:800;letter-spacing:.06em;padding:3px 9px;border-radius:999px}
.vl-snb-p{background:rgba(124,58,237,.12);color:#A78BFA;border:1px solid rgba(124,58,237,.28)}
.vl-snb-c{background:rgba(6,182,212,.12);color:#22D3EE;border:1px solid rgba(6,182,212,.28)}
.vl-snb-g{background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.28)}
.vl-sibox{width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:1.4rem}
.vl-sibox-p{background:rgba(124,58,237,.14);border:1px solid rgba(124,58,237,.3);color:#A78BFA;box-shadow:0 4px 24px rgba(124,58,237,.18)}
.vl-sibox-c{background:rgba(6,182,212,.12);border:1px solid rgba(6,182,212,.3);color:#22D3EE;box-shadow:0 4px 24px rgba(6,182,212,.15)}
.vl-sibox-g{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:#34D399;box-shadow:0 4px 24px rgba(16,185,129,.15)}
.vl-sh3{font-size:1.05rem;font-weight:700;margin-bottom:.55rem}.vl-sp{font-size:.855rem;color:var(--t26-muted);line-height:1.6;margin:0}
.vl-scard::after{content:'';position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:130px;height:90px;border-radius:50%;filter:blur(35px);pointer-events:none}
.vl-scard-p::after{background:rgba(124,58,237,.28)}.vl-scard-c::after{background:rgba(6,182,212,.22)}.vl-scard-g::after{background:rgba(16,185,129,.22)}
/* vl-* missing layout classes */
.vl-page{position:relative;overflow:hidden;background:var(--t26-bg);padding:70px 0 80px;min-height:80vh}
.vl-orb-purple,.vl-orb-cyan{position:absolute;border-radius:50%;pointer-events:none}
.vl-orb-purple{width:700px;height:700px;background:rgba(124,58,237,.22);top:-250px;left:-200px;filter:blur(100px);animation:float-orb 9s ease-in-out infinite}
.vl-orb-cyan{width:400px;height:400px;background:rgba(6,182,212,.14);bottom:-100px;right:-100px;filter:blur(80px);animation:float-orb 11s ease-in-out infinite;animation-delay:-4s}
.vl-wrap{position:relative;z-index:1}
.vl-hero-head{max-width:640px;margin:0 auto 48px;text-align:center}
.vl-h1{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:900;line-height:1.15;letter-spacing:-.03em;margin-bottom:1rem}
.vl-lead{color:var(--t26-muted);font-size:1rem;line-height:1.65;max-width:500px;margin:0 auto}
.vl-form-shell{max-width:680px;margin:0 auto 70px;background:rgba(255,255,255,.03);border:1px solid rgba(124,58,237,.25);border-radius:24px;overflow:hidden;box-shadow:0 0 60px rgba(124,58,237,.12),0 20px 60px rgba(0,0,0,.3)}
.vl-form-icon-wrap{display:flex;justify-content:center;margin:28px 0 12px}
.vl-form-icon{width:60px;height:60px;border-radius:16px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.35);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(124,58,237,.2)}
.vl-form-icon i{font-size:1.5rem;background:linear-gradient(135deg,#A78BFA,#38BDF8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.vl-url-bar{display:flex;align-items:stretch;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s;margin-bottom:10px}
.vl-url-bar:focus-within{border-color:rgba(124,58,237,.5);box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.vl-url-prefix{display:flex;align-items:center;padding:0 14px;color:var(--t26-muted);font-size:.9rem;flex-shrink:0;border-right:1px solid rgba(255,255,255,.08)}
.vl-url-input{flex:1;background:transparent;border:none;outline:none;color:var(--t26-text);font-size:.9rem;padding:14px;min-width:0;align-self:center}
.vl-url-input::placeholder{color:rgba(255,255,255,.25)}
.vl-trust-row{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding:18px 28px 28px;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}
.vl-trust-item{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--t26-muted)}
.vl-steps-section{max-width:920px;margin:0 auto;text-align:center}
.vl-steps-h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-bottom:36px}
/* vl result card */
.vl-result-card{max-width:680px;margin:0 auto 48px;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.3);border-radius:20px;padding:28px 28px 20px;box-shadow:0 0 50px rgba(16,185,129,.1),0 16px 48px rgba(0,0,0,.25);animation:vl-fadein .4s ease}
@keyframes vl-fadein{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.vl-result-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.vl-result-icon-wrap{width:48px;height:48px;border-radius:14px;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vl-result-icon-wrap i{font-size:1.3rem;color:#34D399}
.vl-result-title{font-size:1rem;font-weight:700;color:#34D399;margin-bottom:2px}
.vl-result-sub{font-size:.78rem;color:var(--t26-muted)}
.vl-result-url-row{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:4px 4px 4px 16px;margin-bottom:14px;overflow:hidden}
.vl-result-url{flex:1;display:flex;align-items:center;gap:10px;color:#A78BFA;font-size:.875rem;font-weight:500;word-break:break-all;text-decoration:none;min-width:0;overflow:hidden}
.vl-result-url:hover{color:#C4B5FD;text-decoration:underline}
.vl-result-url-icon{flex-shrink:0;font-size:.8rem;color:rgba(124,58,237,.6)}
.vl-result-copy-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;background:rgba(124,58,237,.18);border:1px solid rgba(124,58,237,.3);border-radius:9px;color:#C4B5FD;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .2s,border-color .2s,color .2s}
.vl-result-copy-btn:hover{background:rgba(124,58,237,.3);border-color:rgba(124,58,237,.5);color:#fff}
.vl-result-copy-btn.copied{background:rgba(16,185,129,.18);border-color:rgba(16,185,129,.4);color:#34D399}
.vl-result-warning{font-size:.78rem;color:var(--t26-muted);display:flex;align-items:flex-start;gap:8px;margin:0}
.vl-result-warning i{color:rgba(251,191,36,.7);flex-shrink:0;margin-top:2px}
@media(max-width:576px){.vl-result-url-row{flex-direction:column;align-items:stretch;padding:12px 16px}.vl-result-copy-btn{justify-content:center}}

/* === PAGE: BLOG === */
.blg-hero{position:relative;overflow:hidden;padding:80px 0 70px;text-align:center;background:var(--t26-bg)}
.blg-hero-orb1{position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(124,58,237,.2);top:-200px;left:-150px;filter:blur(90px);pointer-events:none;animation:float-orb 10s ease-in-out infinite}
.blg-hero-orb2{position:absolute;width:400px;height:400px;border-radius:50%;background:rgba(6,182,212,.14);bottom:-100px;right:-80px;filter:blur(80px);pointer-events:none;animation:float-orb 13s ease-in-out infinite;animation-delay:-5s}
.blg-hero-label{display:inline-block;padding:5px 18px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A78BFA;margin-bottom:18px}
.blg-hero-h1{position:relative;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;letter-spacing:-.03em;margin-bottom:14px}
.blg-hero-lead{position:relative;font-size:1rem;color:var(--t26-muted);max-width:480px;margin:0 auto}
.blg-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px 0 28px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:40px}
.blg-filter-pills{display:flex;flex-wrap:wrap;gap:8px;flex:1}
.blg-filter-pill{padding:7px 18px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--t26-muted);font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.blg-filter-pill:hover{background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.3);color:#C4B5FD}
.blg-filter-pill.active{background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.5);color:#A78BFA}
.blg-search-wrap{display:flex;align-items:stretch;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;transition:border-color .2s}
.blg-search-wrap:focus-within{border-color:rgba(124,58,237,.4)}
.blg-search-input{background:transparent;border:none;outline:none;color:var(--t26-text);padding:8px 14px;font-size:.85rem;width:180px}
.blg-search-input::placeholder{color:rgba(255,255,255,.25)}
.blg-search-btn{background:rgba(124,58,237,.2);border:none;border-left:1px solid rgba(124,58,237,.2);padding:8px 14px;color:#A78BFA;cursor:pointer;transition:background .2s;flex-shrink:0}
.blg-search-btn:hover{background:rgba(124,58,237,.35);color:#fff}
.blg-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column;height:100%}
.blg-card:hover{transform:translateY(-5px);border-color:rgba(124,58,237,.3);box-shadow:0 16px 48px rgba(0,0,0,.3)}
.blg-card-img-wrap{display:block;overflow:hidden;position:relative;aspect-ratio:16/9;flex-shrink:0}
.blg-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}
.blg-card:hover .blg-card-img{transform:scale(1.06)}
.blg-card-cat{position:absolute;top:12px;left:12px;padding:4px 12px;background:rgba(124,58,237,.85);backdrop-filter:blur(8px);border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.blg-card-cat-top{padding:18px 20px 0}
.blg-card-cat-pill{display:inline-block;padding:3px 12px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#A78BFA;text-decoration:none}
.blg-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.blg-card-title{display:block;font-size:.975rem;font-weight:700;line-height:1.45;color:var(--t26-text);text-decoration:none;transition:color .2s}
.blg-card:hover .blg-card-title{color:#A78BFA}
.blg-card-excerpt{font-size:.845rem;color:var(--t26-muted);line-height:1.65;margin:0;flex:1}
.blg-card-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(255,255,255,.06);padding-top:14px;margin-top:auto}
.blg-card-author{display:flex;align-items:center;gap:8px}
.blg-card-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}
.blg-card-avatar-init{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#06B6D4);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;color:#fff;flex-shrink:0}
.blg-card-author-name{font-size:.78rem;font-weight:600;color:var(--t26-text)}
.blg-card-meta{font-size:.74rem;color:var(--t26-muted);display:flex;align-items:center;gap:5px}
.blg-card-dot{color:rgba(255,255,255,.2);font-size:.6rem}
.blg-clock-icon{opacity:.45;margin-right:3px;font-size:.7rem}
.blg-featured{display:grid;grid-template-columns:1fr 1fr;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);transition:border-color .25s,box-shadow .25s;margin-bottom:48px}
.blg-featured:hover{border-color:rgba(124,58,237,.35);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.blg-featured-img-wrap{display:block;overflow:hidden;position:relative;min-height:320px}
.blg-featured-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.blg-featured:hover .blg-featured-img{transform:scale(1.04)}
.blg-featured-body{padding:44px 40px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.blg-featured-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#A78BFA;text-decoration:none;width:fit-content;transition:background .2s}
.blg-featured-badge:hover{background:rgba(124,58,237,.28)}
.blg-featured-title{font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:800;line-height:1.3;letter-spacing:-.025em;color:var(--t26-text);text-decoration:none;display:block;transition:color .2s}
.blg-featured:hover .blg-featured-title{color:#A78BFA}
.blg-featured-excerpt{font-size:.9rem;color:var(--t26-muted);line-height:1.7;margin:0}
.blg-featured-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.blg-featured-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}
.blg-featured-avatar-init{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#06B6D4);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff;flex-shrink:0}
.blg-featured-author{font-size:.875rem;font-weight:700}
.blg-featured-info{font-size:.78rem;color:var(--t26-muted);display:flex;align-items:center;gap:6px}
.blg-featured-read-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);border-radius:12px;color:#C4B5FD;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s;width:fit-content;margin-top:4px}
.blg-featured-read-btn:hover{background:rgba(124,58,237,.3);border-color:rgba(124,58,237,.6);color:#fff}
@media(max-width:767px){.blg-featured{grid-template-columns:1fr}.blg-featured-img-wrap{min-height:220px;aspect-ratio:16/9}.blg-featured-body{padding:26px 24px;gap:14px}}
.blg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:991px){.blg-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.blg-grid{grid-template-columns:1fr}}
.blg-sidebar-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:22px 22px 18px;margin-bottom:20px}
.blg-sidebar-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A78BFA;display:block;margin-bottom:14px}
.blg-popular-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none;transition:opacity .2s}
.blg-popular-item:last-child{border-bottom:none;padding-bottom:0}
.blg-popular-item:hover{opacity:.75}
.blg-popular-num{font-size:.75rem;font-weight:800;color:rgba(124,58,237,.6);flex-shrink:0;min-width:22px;padding-top:2px;font-variant-numeric:tabular-nums}
.blg-popular-title{font-size:.855rem;color:var(--t26-text);line-height:1.45}
.blg-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#7C3AED,#06B6D4 60%,#10B981);width:0%;z-index:9999;pointer-events:none;transition:width .08s linear}
.blg-single-page{padding-bottom:0}
.blg-single-page .container{padding-top:56px}
.blg-single-cat{display:inline-block;padding:4px 14px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#A78BFA;text-decoration:none;margin-bottom:20px;transition:background .2s}
.blg-single-cat:hover{background:rgba(124,58,237,.28)}
.blg-single-h1{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:900;line-height:1.22;letter-spacing:-.03em;margin-bottom:24px}
.blg-single-author-bar{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:40px}
.blg-single-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}
.blg-single-avatar-init{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#06B6D4);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:#fff;flex-shrink:0}
.blg-single-author-name{font-size:.9rem;font-weight:700;margin-bottom:3px}
.blg-single-author-meta{font-size:.78rem;color:var(--t26-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.blg-single-img-wrap{border-radius:20px;overflow:hidden;aspect-ratio:21/9}
.blg-single-img{width:100%;height:100%;object-fit:cover;display:block}
.blg-article-body{max-width:100%;font-size:1.025rem;line-height:1.8}
.blg-related{border-top:1px solid rgba(255,255,255,.07);padding:60px 0 80px;margin-top:60px}

/* === PAGE: REPORT === */
.rp-page{position:relative;overflow:hidden;padding:70px 0 90px}
.rp-orb-red{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(244,63,94,.18);top:-180px;right:-120px;filter:blur(90px);animation:float-orb 10s ease-in-out infinite;pointer-events:none}
.rp-orb-purple{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(124,58,237,.15);bottom:-100px;left:-80px;filter:blur(80px);animation:float-orb 12s ease-in-out infinite;animation-delay:-5s;pointer-events:none}
.rp-wrap{position:relative;z-index:1}
.rp-hero{max-width:580px;margin:0 auto 44px;text-align:center}
.rp-h1{font-size:clamp(1.9rem,5vw,2.9rem);font-weight:900;line-height:1.15;letter-spacing:-.03em;margin-bottom:.9rem}
.rp-lead{color:var(--t26-muted);font-size:.95rem;line-height:1.65;margin:0 auto}
.rp-shell{max-width:620px;margin:0 auto 64px;background:rgba(255,255,255,.025);border:1px solid rgba(244,63,94,.28);border-radius:24px;overflow:hidden;box-shadow:0 0 60px rgba(244,63,94,.08),0 24px 60px rgba(0,0,0,.35)}
.rp-topbar{height:3px;background:linear-gradient(90deg,#F43F5E,#FB923C 55%,#FBBF24)}
.rp-body{padding:32px 32px 24px}
.rp-icon-wrap{display:flex;justify-content:center;margin-bottom:16px}
.rp-icon{width:58px;height:58px;border-radius:16px;background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.32);display:flex;align-items:center;justify-content:center;box-shadow:0 0 28px rgba(244,63,94,.18)}
.rp-icon i{font-size:1.4rem;background:linear-gradient(135deg,#F43F5E,#FB923C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.rp-form-title{text-align:center;font-size:1.1rem;font-weight:700;margin-bottom:4px}
.rp-form-sub{text-align:center;font-size:.82rem;color:var(--t26-muted);margin-bottom:26px}
.rp-label{display:block;font-size:.75rem;font-weight:600;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}
.rp-input,.rp-select,.rp-textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:11px;color:var(--t26-text);font-size:.9rem;padding:12px 15px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}
.rp-input::placeholder,.rp-textarea::placeholder{color:rgba(255,255,255,.22)}
.rp-input:focus,.rp-select:focus,.rp-textarea:focus{border-color:rgba(244,63,94,.5);box-shadow:0 0 0 3px rgba(244,63,94,.1)}
.rp-select option,.rp-select option:hover,.rp-select option:focus,.rp-select option:checked,.rp-select option:active{background:#0D0D2B!important;color:#F1F5F9!important}
/* Custom select */
.rp-select-hidden{display:none!important}
.rp-csel{position:relative;width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:11px;color:var(--t26-text);font-size:.9rem;padding:12px 15px;cursor:pointer;user-select:none;transition:border-color .2s,box-shadow .2s;display:flex;align-items:center;justify-content:space-between}
.rp-csel:focus,.rp-csel.open{border-color:rgba(244,63,94,.5);box-shadow:0 0 0 3px rgba(244,63,94,.1)}
.rp-csel-val{flex:1;color:rgba(241,245,249,.45)}
.rp-csel-val.selected{color:var(--t26-text)}
.rp-csel-arrow{font-size:.7rem;color:var(--t26-muted);transition:transform .2s;flex-shrink:0}
.rp-csel.open .rp-csel-arrow{transform:rotate(180deg)}
.rp-csel-list{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;background:#0D0D2B;border:1px solid rgba(244,63,94,.3);border-radius:11px;overflow:hidden;z-index:999;box-shadow:0 8px 32px rgba(0,0,0,.5);list-style:none;margin:0;padding:4px 0}
.rp-csel.open .rp-csel-list{display:block}
.rp-csel-opt{padding:10px 15px;font-size:.9rem;color:var(--t26-text);cursor:pointer;transition:background .15s,color .15s}
.rp-csel-opt:hover{background:rgba(244,63,94,.12);color:#F87171}
.rp-csel-opt.active{background:rgba(244,63,94,.18);color:#F87171;font-weight:600}
/* Form inline error */
.rp-form-error{display:none;align-items:center;gap:8px;background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.3);border-radius:10px;padding:11px 14px;font-size:.84rem;color:#F87171;margin-bottom:18px}
/* Success panel */
.rp-success{display:none;padding:48px 32px 40px;text-align:center}
.rp-success.visible{display:block}
.rp-success-circle{width:80px;height:80px;border-radius:50%;background:rgba(16,185,129,.1);border:2px solid rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 0 40px rgba(16,185,129,.18)}
.rp-checkmark{width:46px;height:46px}
.rp-checkmark-circle{stroke:rgba(16,185,129,.6);stroke-width:2;stroke-dasharray:157;stroke-dashoffset:157;animation:rp-circle .5s ease .1s forwards}
.rp-checkmark-check{stroke:#34D399;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:rp-check .4s ease .55s forwards}
@keyframes rp-circle{to{stroke-dashoffset:0}}
@keyframes rp-check{to{stroke-dashoffset:0}}
.rp-success-title{font-size:1.4rem;font-weight:800;color:var(--t26-text);margin-bottom:.5rem}
.rp-success-lead{font-size:.95rem;font-weight:600;color:#34D399;margin-bottom:.75rem}
.rp-success-msg{font-size:.85rem;color:var(--t26-muted);line-height:1.65;max-width:420px;margin:0 auto 24px}
.rp-success-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.rp-success-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);font-size:.75rem;color:#34D399;font-weight:600}
.rp-textarea{resize:vertical;min-height:110px;line-height:1.55}
.rp-help{font-size:.74rem;color:var(--t26-muted);margin-top:5px;display:flex;justify-content:space-between;align-items:center}
.rp-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:linear-gradient(135deg,#F43F5E,#FB923C);border:none;border-radius:11px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s}
.rp-btn:hover{opacity:.88;transform:translateY(-1px)}
.rp-privacy{display:flex;align-items:flex-start;gap:10px;padding:16px 24px 18px;border-top:1px solid rgba(255,255,255,.05);font-size:.78rem;color:var(--t26-muted);line-height:1.55}
.rp-privacy i{color:rgba(16,185,129,.75);flex-shrink:0;margin-top:2px}
.rp-cards-section{max-width:900px;margin:0 auto;text-align:center}
.rp-section-pill{display:inline-block;padding:.3rem 1.1rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--t26-muted);margin-bottom:12px}
.rp-cards-h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:32px}
.rp-card{position:relative;background:rgba(255,255,255,.03);border-radius:20px;padding:30px 24px 26px;height:100%;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;text-align:center}
.rp-card-r{border:1px solid rgba(244,63,94,.18)}.rp-card-o{border:1px solid rgba(251,146,60,.18)}.rp-card-g{border:1px solid rgba(16,185,129,.18)}
.rp-card:hover{transform:translateY(-5px)}
.rp-card-r:hover{box-shadow:0 14px 44px rgba(244,63,94,.1);border-color:rgba(244,63,94,.35)}
.rp-card-o:hover{box-shadow:0 14px 44px rgba(251,146,60,.1);border-color:rgba(251,146,60,.35)}
.rp-card-g:hover{box-shadow:0 14px 44px rgba(16,185,129,.1);border-color:rgba(16,185,129,.35)}
.rp-card::after{content:'';position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:120px;height:80px;border-radius:50%;filter:blur(32px);pointer-events:none}
.rp-card-r::after{background:rgba(244,63,94,.25)}.rp-card-o::after{background:rgba(251,146,60,.2)}.rp-card-g::after{background:rgba(16,185,129,.2)}
.rp-badge{position:absolute;top:15px;right:16px;font-size:.64rem;font-weight:800;letter-spacing:.06em;padding:3px 9px;border-radius:999px}
.rp-badge-r{background:rgba(244,63,94,.12);color:#F87171;border:1px solid rgba(244,63,94,.28)}
.rp-badge-o{background:rgba(251,146,60,.12);color:#FB923C;border:1px solid rgba(251,146,60,.28)}
.rp-badge-g{background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.28)}
.rp-cibox{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.35rem}
.rp-cibox-r{background:rgba(244,63,94,.13);border:1px solid rgba(244,63,94,.3);color:#F87171;box-shadow:0 4px 22px rgba(244,63,94,.18)}
.rp-cibox-o{background:rgba(251,146,60,.12);border:1px solid rgba(251,146,60,.3);color:#FB923C;box-shadow:0 4px 22px rgba(251,146,60,.15)}
.rp-cibox-g{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:#34D399;box-shadow:0 4px 22px rgba(16,185,129,.15)}
.rp-ch3{font-size:1rem;font-weight:700;margin-bottom:.5rem}.rp-cp{font-size:.855rem;color:var(--t26-muted);line-height:1.6;margin:0}

/* === PAGE: QR CODES (public generator) === */
/* -- Form inputs -- */
.qr-form .form-control,.qr-form .form-select{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--t26-text,#F1F5F9)!important;padding:.65rem 1rem;font-size:.875rem;transition:border-color .2s,background .2s;outline:none;box-shadow:none!important}
.qr-form .form-control:focus,.qr-form .form-select:focus{background:rgba(255,255,255,.08)!important;border-color:rgba(124,58,237,.5);color:var(--t26-text,#F1F5F9)!important}
.qr-form .form-control::placeholder{color:rgba(148,163,184,.5)}
.qr-form .form-label{font-size:.78rem;font-weight:700;color:rgba(148,163,184,.9);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.45rem}
.qr-form .clr-field{width:100%}
.qr-form .clr-field input.form-control{border-radius:10px;cursor:pointer;padding-right:44px}
.qr-form .clr-field button{border-radius:0 10px 10px 0;width:36px}
.qr-form .form-select{-webkit-appearance:none;appearance:none;background-color:rgba(15,12,40,.95)!important;color-scheme:dark}
.qr-form .form-select option,.qr-form .form-select optgroup{background:#0D0D2B!important;color:#F1F5F9!important}
.qr-form .form-text{font-size:.72rem;color:rgba(148,163,184,.55);margin-top:.35rem}
.qr-form fieldset{border:none;padding:0;margin:0}
.qr-form legend{font-size:.82rem;font-weight:700;color:rgba(148,163,184,.8);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem;padding:0;float:none;width:auto}
/* -- Custom select dropdown (replaces native select, fixes Chrome white option bug) -- */
.qr-csel-wrap{position:relative;width:100%}
.qr-csel-wrap select{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.qr-csel-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(15,12,40,.95);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#F1F5F9;padding:.65rem 1rem;font-size:.875rem;cursor:pointer;transition:border-color .2s;user-select:none}
.qr-csel-trigger:hover,.qr-csel-wrap.open .qr-csel-trigger{border-color:rgba(124,58,237,.5)}
.qr-csel-arrow{flex-shrink:0;color:rgba(148,163,184,.6);transition:transform .2s;line-height:1}
.qr-csel-trigger svg,.qr-csel-arrow svg{flex-shrink:0;transition:transform .2s;color:rgba(148,163,184,.6)}
.qr-csel-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0D0D2B;border:1px solid rgba(124,58,237,.35);border-radius:10px;overflow:hidden;z-index:200;box-shadow:0 8px 32px rgba(0,0,0,.5);display:none}
.qr-csel-wrap.open .qr-csel-list{display:block}
.qr-csel-opt{padding:.6rem 1rem;font-size:.875rem;color:#F1F5F9;cursor:pointer;transition:background .15s}
.qr-csel-opt:hover{background:rgba(124,58,237,.18)}
.qr-csel-opt.selected{background:rgba(124,58,237,.28);color:#A78BFA}
/* -- Plan toggle (Static / Dynamic) -- */
.plan-toggle{display:flex;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.3rem;gap:.3rem}
.plan-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;color:rgba(148,163,184,.8);cursor:pointer;background:none;border:none;text-decoration:none!important;transition:background .2s,color .2s;white-space:nowrap}
.plan-btn.active,.plan-btn:first-child:not(a){background:var(--t26-gradient,linear-gradient(135deg,#7C3AED,#06B6D4));color:#fff!important}
.plan-btn:not(.active):hover{background:rgba(255,255,255,.06);color:#F1F5F9}
/* -- QR type switcher -- */
.qr-form nav[aria-label="QR content type"]{display:flex;flex-wrap:wrap;gap:.4rem}
.qr-type-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:9px;font-size:.8rem;font-weight:600;color:rgba(148,163,184,.75);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);cursor:pointer;text-decoration:none!important;transition:background .2s,color .2s,border-color .2s}
.qr-type-btn:hover{background:rgba(124,58,237,.12);border-color:rgba(124,58,237,.3);color:#F1F5F9}
.qr-type-btn.active{background:rgba(124,58,237,.18);border-color:rgba(124,58,237,.45);color:#F1F5F9}
/* -- Switcher field card -- */
.switcher-section{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.35rem 1.4rem;margin-bottom:.5rem}
/* -- Collapse toggle (Design Customization) -- */
.collapse-toggle-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:rgba(148,163,184,.85);font-size:.85rem;font-weight:600;text-decoration:none!important;transition:background .2s,border-color .2s}
.collapse-toggle-link:hover{background:rgba(124,58,237,.08);border-color:rgba(124,58,237,.25);color:#F1F5F9}
/* -- Preview panel -- */
.preview-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.5rem;position:sticky;top:90px}
.preview-panel h3{color:var(--t26-text,#F1F5F9)}
/* -- Download buttons -- */
.download-btn{display:inline-flex;align-items:center;gap:.35rem;flex:1;justify-content:center;padding:.5rem;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);border-radius:9px;color:var(--t26-primary-light,#A78BFA);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s;text-transform:uppercase;letter-spacing:.05em}
.download-btn:hover{background:rgba(124,58,237,.25);border-color:rgba(124,58,237,.5);color:#fff}
/* -- Responsive -- */
@media(max-width:991.98px){.bio-feat-grid{grid-template-columns:1fr 1fr!important}.preview-panel{position:static;margin-top:1.5rem}}
@media(max-width:575.98px){.bio-feat-grid{grid-template-columns:1fr!important}.qr-form .row.g-4>.col-6{flex:0 0 100%;max-width:100%}.qr-form nav[aria-label="QR content type"]{gap:.3rem}.qr-type-btn{font-size:.73rem;padding:.4rem .7rem}}

/* === SOLUTIONS: API INTEGRATION PAGE === */
/* -- Keyframes -- */
@keyframes napi-float-terminal{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-12px) rotate(.5deg)}}
@keyframes napi-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes napi-line-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
/* -- Hero -- */
.napi-hero{position:relative;overflow:hidden;padding:96px 0 80px;background:var(--t26-bg)}
.napi-orb-a{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.28) 0%,transparent 70%);top:-120px;right:-60px;pointer-events:none;animation:orb-pulse 7s ease-in-out infinite}
.napi-orb-b{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.18) 0%,transparent 70%);bottom:-80px;left:40px;pointer-events:none;animation:orb-pulse 9s ease-in-out infinite reverse}
.napi-hero-h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;margin-bottom:1.2rem}
.napi-hero-lead{font-size:1.05rem;color:var(--t26-muted);line-height:1.7;margin-bottom:2rem;max-width:480px}
.napi-hero-btns{display:flex;flex-wrap:wrap;gap:12px}
/* -- Terminal mockup -- */
.napi-terminal-wrap{animation:napi-float-terminal 5s ease-in-out infinite}
.napi-terminal{background:rgba(10,8,28,.92);border:1px solid rgba(124,58,237,.35);border-radius:16px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 0 1px rgba(124,58,237,.15),inset 0 1px 0 rgba(255,255,255,.05)}
.napi-term-header{background:rgba(124,58,237,.12);padding:11px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(124,58,237,.2)}
.napi-term-dots{display:flex;gap:6px}
.napi-term-dots span{width:12px;height:12px;border-radius:50%}
.napi-term-dots span:nth-child(1){background:#FF5F57}
.napi-term-dots span:nth-child(2){background:#FFBD2E}
.napi-term-dots span:nth-child(3){background:#28CA41}
.napi-term-title{font-size:.74rem;color:rgba(148,163,184,.5);flex:1;text-align:center;letter-spacing:.04em}
.napi-term-body{padding:20px 22px;font-family:'Fira Code','Cascadia Code','Courier New',monospace;font-size:.78rem;line-height:1.8}
.napi-term-line{display:block;animation:napi-line-in .35s ease both}
.napi-term-line:nth-child(1){animation-delay:.1s}.napi-term-line:nth-child(2){animation-delay:.25s}.napi-term-line:nth-child(3){animation-delay:.4s}.napi-term-line:nth-child(4){animation-delay:.55s}.napi-term-line:nth-child(5){animation-delay:.7s}.napi-term-line:nth-child(6){animation-delay:.85s}.napi-term-line:nth-child(7){animation-delay:1s}.napi-term-line:nth-child(8){animation-delay:1.15s}.napi-term-line:nth-child(9){animation-delay:1.3s}.napi-term-line:nth-child(10){animation-delay:1.45s}.napi-term-line:nth-child(11){animation-delay:1.6s}.napi-term-line:nth-child(12){animation-delay:1.75s}.napi-term-line:nth-child(13){animation-delay:1.9s}.napi-term-line:nth-child(14){animation-delay:2.05s}.napi-term-line:nth-child(15){animation-delay:2.2s}.napi-term-line:nth-child(16){animation-delay:2.35s}
.napi-term-sep{margin:10px 0;border:none;border-top:1px solid rgba(124,58,237,.2)}
.napi-c-comment{color:rgba(148,163,184,.42)}.napi-c-method{color:#C084FC}.napi-c-url{color:#67E8F9}.napi-c-key{color:#FCD34D}.napi-c-str{color:#86EFAC}.napi-c-num{color:#FB923C}.napi-c-ok{color:#34D399}.napi-c-gray{color:rgba(148,163,184,.6)}
.napi-cursor{display:inline-block;width:7px;height:13px;background:#A78BFA;border-radius:1px;vertical-align:middle;animation:napi-blink 1s step-end infinite}
/* -- What you get section -- */
.napi-section{padding:80px 0}
.napi-section-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#A78BFA;margin-bottom:.6rem}
.napi-section-h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:.8rem}
.napi-feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:2.5rem}
.napi-feat-card{background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.18);border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px;transition:transform .25s,border-color .25s,box-shadow .25s}
.napi-feat-card:hover{transform:translateY(-4px);border-color:rgba(124,58,237,.45);box-shadow:0 12px 40px rgba(124,58,237,.15)}
.napi-feat-icon{width:42px;height:42px;border-radius:10px;background:rgba(124,58,237,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;color:#A78BFA}
.napi-feat-body h4{font-size:.93rem;font-weight:700;margin-bottom:.3rem}.napi-feat-body p{font-size:.8rem;color:var(--t26-muted);margin:0;line-height:1.5}
/* -- How it works -- */
.napi-steps-section{padding:80px 0;background:rgba(124,58,237,.04);border-top:1px solid rgba(124,58,237,.1);border-bottom:1px solid rgba(124,58,237,.1)}
.napi-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:3rem;max-width:780px;margin-left:auto;margin-right:auto}
.napi-step{text-align:center;padding:24px 20px}
.napi-step-num-wrap{position:relative;width:68px;height:68px;margin:0 auto 18px}
.napi-step-num{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#06B6D4);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:#fff;position:relative;z-index:1}
.napi-step-glow{position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.4),transparent 70%);animation:fhp-step-glow 3s ease-in-out infinite}
.napi-step h3{font-size:.95rem;font-weight:700;margin-bottom:.5rem}.napi-step p{font-size:.82rem;color:var(--t26-muted);line-height:1.55;margin:0}
/* -- API key card -- */
.napi-apikey-card{background:rgba(6,182,212,.06);border:1px solid rgba(6,182,212,.25);border-radius:18px;padding:32px}
.napi-apikey-card h3{font-size:1.1rem;font-weight:700;margin-bottom:1.1rem;color:#67E8F9}
.napi-apikey-steps{counter-reset:napi-counter;list-style:none;padding:0;margin:0}
.napi-apikey-steps li{counter-increment:napi-counter;display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;font-size:.88rem;color:var(--t26-text)}
.napi-apikey-steps li::before{content:counter(napi-counter);min-width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#06B6D4);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:1px}
.napi-apikey-link{color:#67E8F9;font-weight:600;text-decoration:none}.napi-apikey-link:hover{color:#A78BFA}
/* -- CTA section -- */
.napi-cta{padding:80px 0;text-align:center}
.napi-cta-h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:1rem}
.napi-cta-lead{font-size:1rem;color:var(--t26-muted);margin-bottom:2.2rem;max-width:520px;margin-left:auto;margin-right:auto}
.napi-cta-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.napi-dl-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:12px;background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 32px rgba(124,58,237,.35)}
.napi-dl-btn:hover{transform:translateY(-2px);box-shadow:0 14px 48px rgba(124,58,237,.5);color:#fff}
.napi-demo-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:12px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.35);color:var(--t26-text);font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s}
.napi-demo-btn:hover{background:rgba(124,58,237,.22);border-color:rgba(124,58,237,.6);color:var(--t26-text);transform:translateY(-2px)}
.napi-trust-badges{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:2rem}
.napi-trust-badge{display:flex;align-items:center;gap:7px;font-size:.78rem;color:rgba(148,163,184,.7);background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.15);border-radius:20px;padding:6px 14px}
.napi-trust-badge i{color:#A78BFA}
/* -- Mini cards -- */
.napi-mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:3rem}
.napi-mini-card{background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.15);border-radius:14px;padding:28px 24px;text-align:center;transition:transform .2s,border-color .2s}
.napi-mini-card:hover{transform:translateY(-4px);border-color:rgba(124,58,237,.35)}
.napi-mini-card i{font-size:1.8rem;margin-bottom:12px;display:block}
.napi-mini-card h5{font-size:.9rem;font-weight:700;margin-bottom:.3rem}.napi-mini-card p{font-size:.78rem;color:var(--t26-muted);margin:0}
/* -- Responsive -- */
@media(max-width:991px){.napi-terminal-wrap{margin-top:40px}.napi-feat-grid{grid-template-columns:repeat(2,1fr)}.napi-steps-grid{grid-template-columns:1fr;max-width:360px}}
@media(max-width:767px){.napi-hero{padding:60px 0 50px}.napi-hero-lead{max-width:100%}.napi-mini-cards{grid-template-columns:1fr}.napi-feat-grid{grid-template-columns:1fr}}

/* === PLUGIN: FILEHOSTING === */
/* -- Keyframes -- */
@keyframes fh-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fh-pulse-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
@keyframes fh-march-dash{to{stroke-dashoffset:-200}}
@keyframes fh-row-in{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@keyframes fh-bar-in{from{width:0}to{width:var(--w)}}
@keyframes fh-slide-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes fh-shimmer-btn{0%{left:-100%}100%{left:200%}}
@keyframes fh-scan-slide{0%{left:-40%}100%{left:140%}}
@keyframes fh-spin-slow{to{transform:rotate(360deg)}}
@keyframes fh-bounce-in{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.04)}100%{transform:scale(1);opacity:1}}
@keyframes fh-count-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* -- Hero -- */
.fh-hero{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,rgba(13,13,43,1) 0%,rgba(7,7,26,1) 100%);border:1px solid rgba(255,255,255,.07);padding:30px 36px;margin-bottom:28px;animation:fh-slide-up .5s ease both}
.fh-hero-orb-a{position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(124,58,237,.22);top:-130px;right:-70px;filter:blur(80px);pointer-events:none;animation:float-orb 10s ease-in-out infinite}
.fh-hero-orb-b{position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(6,182,212,.16);bottom:-80px;left:-50px;filter:blur(70px);pointer-events:none;animation:float-orb 13s ease-in-out infinite;animation-delay:-5s}
.fh-hero-inner{position:relative;z-index:1;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.fh-hero-icon{width:58px;height:58px;border-radius:16px;background:rgba(124,58,237,.13);border:1px solid rgba(124,58,237,.32);display:flex;align-items:center;justify-content:center;font-size:1.55rem;color:#A78BFA;flex-shrink:0;box-shadow:0 0 28px rgba(124,58,237,.25);animation:fh-float 5s ease-in-out infinite}
.fh-hero-title{font-size:1.35rem;font-weight:800;letter-spacing:-.025em;margin-bottom:3px}
.fh-hero-sub{color:var(--t26-muted);font-size:.83rem;margin:0}
.fh-hero-stats{display:flex;gap:28px;margin-left:auto;flex-wrap:wrap}
.fh-stat{text-align:center}
.fh-stat-val{font-size:1.35rem;font-weight:900;line-height:1;background:linear-gradient(135deg,#A78BFA,#22D3EE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fh-count-up .6s ease both}
.fh-stat-lbl{font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;color:var(--t26-muted);margin-top:3px}
.fh-quota-bar{height:3px;border-radius:999px;background:rgba(255,255,255,.08);margin-top:7px;overflow:hidden;width:64px}
.fh-quota-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7C3AED,#06B6D4);animation:fh-bar-in .9s ease both}
/* -- Dropzone -- */
.fh-dropzone{position:relative;border:2px dashed rgba(124,58,237,.38);border-radius:18px;background:rgba(124,58,237,.04);padding:52px 28px;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:20px;overflow:hidden}
.fh-dropzone::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 110%,rgba(124,58,237,.12) 0%,transparent 60%);pointer-events:none}
.fh-dropzone:hover,.fh-dropzone.dz-drag-hover{border-color:rgba(124,58,237,.75);background:rgba(124,58,237,.09);box-shadow:0 0 40px rgba(124,58,237,.12) inset}
.fh-dropzone-icon{width:62px;height:62px;border-radius:16px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.28);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.4rem;color:#A78BFA;animation:fh-float 4s ease-in-out infinite;box-shadow:0 4px 24px rgba(124,58,237,.2)}
.fh-dropzone-title{font-size:1rem;font-weight:700;margin-bottom:6px}
.fh-dropzone-meta{font-size:.77rem;color:var(--t26-muted);margin-bottom:16px}
.fh-dz-types{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-bottom:18px}
.fh-dz-type{padding:3px 9px;border-radius:6px;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.18);font-size:.62rem;font-weight:700;color:#A78BFA;text-transform:uppercase;letter-spacing:.06em}
.fh-select-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 24px;background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;border-radius:10px;font-size:.875rem;font-weight:700;border:none;cursor:pointer;text-decoration:none;transition:opacity .2s,transform .15s;position:relative;overflow:hidden}
.fh-select-btn::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:fh-shimmer-btn 3s ease-in-out infinite}
.fh-select-btn:hover{opacity:.88;transform:translateY(-1px);color:#fff}
/* -- Section labels -- */
.fh-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t26-muted);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.fh-section-label::before,.fh-section-label::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.07)}
/* -- Inputs -- */
.fh-label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--t26-muted);margin-bottom:7px}
.fh-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:10px;color:var(--t26-text);font-size:.9rem;padding:10px 13px;outline:none;transition:border-color .25s,box-shadow .25s,background .25s;font-family:inherit}
.fh-input::placeholder{color:rgba(255,255,255,.2)}
select.fh-input{-webkit-appearance:none;appearance:none;background-color:rgba(15,12,40,.95)!important;color:var(--t26-text)!important;cursor:pointer}
select.fh-input option{background:#0d0d1f;color:var(--t26-text)}
.fh-input:focus{border-color:rgba(124,58,237,.55);box-shadow:0 0 0 3px rgba(124,58,237,.1);background:rgba(255,255,255,.07)}
.fh-input-group{display:flex;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden;transition:border-color .25s,box-shadow .25s,background .25s}
.fh-input-group:focus-within{border-color:rgba(124,58,237,.55);box-shadow:0 0 0 3px rgba(124,58,237,.1);background:rgba(255,255,255,.07)}
.fh-input-icon{display:flex;align-items:center;padding:0 12px;color:var(--t26-muted);font-size:.88rem;flex-shrink:0;transition:color .2s}
.fh-input-group:focus-within .fh-input-icon{color:#A78BFA}
.fh-input-group .fh-input{background:transparent;border:none;box-shadow:none!important}
.fh-help{font-size:.74rem;color:var(--t26-muted);margin-top:6px;line-height:1.5}
/* -- Submit -- */
.fh-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;border:none;border-radius:12px;font-size:.975rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;position:relative;overflow:hidden}
.fh-submit::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:fh-shimmer-btn 3s ease-in-out 1.5s infinite}
.fh-submit:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 28px rgba(124,58,237,.45);color:#fff}
/* -- Notice -- */
.fh-notice{display:flex;align-items:center;gap:10px;padding:14px 18px;background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.25);border-radius:12px;font-size:.84rem;color:#F87171}
.fh-notice i{font-size:.95rem;flex-shrink:0}
/* -- Sidebar stat cards (upload page) -- */
.fh-scard{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;margin-bottom:14px;transition:border-color .25s,box-shadow .25s}
.fh-scard:hover{border-color:rgba(124,58,237,.25);box-shadow:0 8px 24px rgba(124,58,237,.08)}
.fh-scard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.fh-scard-lbl{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--t26-muted);display:flex;align-items:center;gap:6px}
.fh-scard-lbl i{color:#A78BFA}
.fh-progress{height:5px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.fh-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7C3AED,#06B6D4);animation:fh-bar-in .9s ease .2s both;box-shadow:0 0 8px rgba(124,58,237,.4)}
/* -- Feature cards (upload page bottom) -- */
.fh-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;animation:fh-slide-up .6s ease .3s both}
@media(max-width:768px){.fh-feat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.fh-feat-grid{grid-template-columns:1fr}}
.fh-feat-card{position:relative;border-radius:16px;padding:24px 20px;overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}
.fh-feat-card:hover{transform:translateY(-6px)}
.fh-feat-card-p{background:rgba(124,58,237,.05);border:1px solid rgba(124,58,237,.15)}.fh-feat-card-p:hover{border-color:rgba(124,58,237,.4);box-shadow:0 16px 40px rgba(124,58,237,.12)}
.fh-feat-card-c{background:rgba(6,182,212,.04);border:1px solid rgba(6,182,212,.14)}.fh-feat-card-c:hover{border-color:rgba(6,182,212,.38);box-shadow:0 16px 40px rgba(6,182,212,.1)}
.fh-feat-card-g{background:rgba(16,185,129,.04);border:1px solid rgba(16,185,129,.14)}.fh-feat-card-g:hover{border-color:rgba(16,185,129,.38);box-shadow:0 16px 40px rgba(16,185,129,.1)}
.fh-feat-glow{position:absolute;bottom:-30px;right:-20px;width:110px;height:80px;border-radius:50%;filter:blur(30px);pointer-events:none}
.fh-feat-card-p .fh-feat-glow{background:rgba(124,58,237,.35)}.fh-feat-card-c .fh-feat-glow{background:rgba(6,182,212,.28)}.fh-feat-card-g .fh-feat-glow{background:rgba(16,185,129,.28)}
.fh-feat-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:1.15rem;transition:transform .25s}
.fh-feat-card:hover .fh-feat-icon{transform:scale(1.12) rotate(-4deg)}
.fh-feat-card-p .fh-feat-icon{background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.28);color:#A78BFA}
.fh-feat-card-c .fh-feat-icon{background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.28);color:#22D3EE}
.fh-feat-card-g .fh-feat-icon{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.28);color:#34D399}
.fh-feat-title{font-size:.9rem;font-weight:700;margin-bottom:6px}
.fh-feat-desc{font-size:.78rem;color:var(--t26-muted);line-height:1.6;margin:0}
/* -- Stat cards (files page) -- */
.fh-stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;animation:fh-slide-up .5s ease both}
@media(max-width:768px){.fh-stat-cards{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.fh-stat-cards{grid-template-columns:1fr}}
.fh-stat-card{position:relative;border-radius:16px;padding:24px 22px 22px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.fh-stat-card:hover{transform:translateY(-5px)}
.fh-stat-card-p{background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.2)}.fh-stat-card-p:hover{box-shadow:0 14px 36px rgba(124,58,237,.15)}
.fh-stat-card-c{background:rgba(6,182,212,.06);border:1px solid rgba(6,182,212,.18)}.fh-stat-card-c:hover{box-shadow:0 14px 36px rgba(6,182,212,.12)}
.fh-stat-card-g{background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.18)}.fh-stat-card-g:hover{box-shadow:0 14px 36px rgba(16,185,129,.12)}
.fh-stat-card-glow{position:absolute;top:-50px;right:-30px;width:130px;height:130px;border-radius:50%;filter:blur(45px);pointer-events:none;opacity:.55}
.fh-stat-card-p .fh-stat-card-glow{background:rgba(124,58,237,.5)}.fh-stat-card-c .fh-stat-card-glow{background:rgba(6,182,212,.4)}.fh-stat-card-g .fh-stat-card-glow{background:rgba(16,185,129,.4)}
.fh-stat-card-icon{font-size:1.3rem;margin-bottom:10px}
.fh-stat-card-p .fh-stat-card-icon{color:#A78BFA}.fh-stat-card-c .fh-stat-card-icon{color:#22D3EE}.fh-stat-card-g .fh-stat-card-icon{color:#34D399}
.fh-stat-card-num{font-size:2.1rem;font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:4px;animation:fh-count-up .5s ease both}
.fh-stat-card-p .fh-stat-card-num{background:linear-gradient(135deg,#A78BFA,#7C3AED);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fh-stat-card-c .fh-stat-card-num{background:linear-gradient(135deg,#22D3EE,#06B6D4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fh-stat-card-g .fh-stat-card-num{background:linear-gradient(135deg,#34D399,#10B981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fh-stat-card-lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--t26-muted)}
.fh-stat-card-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(255,255,255,.04)}
.fh-stat-card-bar-fill{height:100%;animation:fh-bar-in .9s ease .1s both}
.fh-stat-card-p .fh-stat-card-bar-fill{background:linear-gradient(90deg,#7C3AED,#A78BFA);box-shadow:0 0 8px rgba(124,58,237,.6)}
.fh-stat-card-c .fh-stat-card-bar-fill{background:linear-gradient(90deg,#06B6D4,#22D3EE);box-shadow:0 0 8px rgba(6,182,212,.5)}
.fh-stat-card-g .fh-stat-card-bar-fill{background:linear-gradient(90deg,#10B981,#34D399);box-shadow:0 0 8px rgba(16,185,129,.5)}
/* -- Files table -- */
.fh-tbl-wrap{border-radius:18px;overflow:visible;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.fh-tbl{width:100%;border-collapse:separate;border-spacing:0}
.fh-tbl thead tr{border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.fh-tbl th{padding:13px 16px;font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--t26-muted)}
.fh-tbl th:first-child{border-radius:18px 0 0 0}
.fh-tbl th:last-child{border-radius:0 18px 0 0}
.fh-tbl td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.875rem;vertical-align:middle;transition:background .15s}
.fh-tbl tbody tr:last-child td{border-bottom:none}
.fh-tbl tbody tr:last-child td:first-child{border-radius:0 0 0 18px}
.fh-tbl tbody tr:last-child td:last-child{border-radius:0 0 18px 0}
.fh-tbl tbody tr:hover td{background:rgba(124,58,237,.05)}
.fh-tbl tbody tr{animation:fh-row-in .35s ease both}
.fh-tbl tbody tr:nth-child(1){animation-delay:.04s}.fh-tbl tbody tr:nth-child(2){animation-delay:.08s}.fh-tbl tbody tr:nth-child(3){animation-delay:.12s}.fh-tbl tbody tr:nth-child(4){animation-delay:.16s}.fh-tbl tbody tr:nth-child(5){animation-delay:.2s}.fh-tbl tbody tr:nth-child(6){animation-delay:.24s}.fh-tbl tbody tr:nth-child(7){animation-delay:.28s}.fh-tbl tbody tr:nth-child(8){animation-delay:.32s}
.fh-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:.66rem;font-weight:700}
.fh-badge-green{background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.25)}
.fh-badge-red{background:rgba(244,63,94,.1);color:#F87171;border:1px solid rgba(244,63,94,.2)}
.fh-badge-yellow{background:rgba(251,191,36,.1);color:#FBBF24;border:1px solid rgba(251,191,36,.2)}
.fh-file-name{font-weight:600;color:var(--t26-text);margin-bottom:3px}
.fh-file-desc{font-size:.78rem;color:var(--t26-muted);margin-bottom:4px}
.fh-file-url{font-size:.74rem;color:var(--t26-muted);margin-top:3px}
.fh-file-url>span{display:inline;word-break:break-all}
.fh-file-url span.float-away{opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s}
.fh-file-url a{color:rgba(167,139,250,.8);margin-left:6px;text-decoration:none;transition:color .2s;white-space:nowrap;display:inline}
.fh-file-url a:hover{color:#A78BFA}
.fh-file-url a small{transition:color .2s;font-size:inherit}
.fh-file-url a:active small{color:#34D399}
/* -- Empty state -- */
.fh-empty{padding:72px 24px;text-align:center}
.fh-empty-icon{width:84px;height:84px;border-radius:24px;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:2.1rem;color:#A78BFA;animation:fh-float 4s ease-in-out infinite;box-shadow:0 0 32px rgba(124,58,237,.15)}
.fh-empty-title{font-size:1.05rem;font-weight:700;margin-bottom:8px}
.fh-empty-sub{font-size:.85rem;color:var(--t26-muted);margin-bottom:24px}
/* -- Search bar -- */
.fh-search-bar{display:flex;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.fh-search-bar:focus-within{border-color:rgba(124,58,237,.45);box-shadow:0 0 0 3px rgba(124,58,237,.08)}
.fh-search-bar input{background:transparent;border:none;outline:none;color:var(--t26-text);font-size:.875rem;padding:9px 13px;flex:1;font-family:inherit;min-width:180px}
.fh-search-bar input::placeholder{color:rgba(255,255,255,.2)}
.fh-search-bar button{padding:0 13px;background:transparent;border:none;color:var(--t26-muted);cursor:pointer;height:38px;display:flex;align-items:center;transition:color .15s}
.fh-search-bar:focus-within button{color:#A78BFA}
/* -- Edit info sidebar -- */
.fh-info-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;margin-bottom:14px;transition:border-color .25s}
.fh-info-card:hover{border-color:rgba(124,58,237,.22)}
.fh-info-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t26-muted);margin-bottom:16px;display:flex;align-items:center;gap:7px}
.fh-info-title i{color:#A78BFA}
.fh-info-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.84rem}
.fh-info-row:last-child{border-bottom:none}
.fh-info-key{color:var(--t26-muted)}
.fh-info-val{font-weight:600}
.fh-qr-block{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:11px;margin-bottom:8px;transition:border-color .2s}
.fh-qr-block:hover{border-color:rgba(124,58,237,.25)}
.fh-qr-block img{border-radius:7px;flex-shrink:0;width:52px;height:52px}
.fh-qr-url{font-size:.74rem;color:var(--t26-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-bottom:3px}
.fh-copy-link{font-size:.72rem;color:#A78BFA;text-decoration:none;white-space:nowrap;transition:color .2s,transform .15s;display:inline-block}
.fh-copy-link:hover{color:#C4B5FD}
.fh-copy-link:active{color:#34D399!important;transform:scale(.88)}
@keyframes fh-copy-flash{0%{color:#34D399;transform:scale(.88)}60%{color:#34D399;transform:scale(1.05)}100%{color:#A78BFA;transform:scale(1)}}
.fh-copy-link.copy-success{animation:fh-copy-flash .55s ease forwards}
/* -- Download page -- */
.fh-dl-page{min-height:100vh;display:flex;flex-direction:column;background:#07071a;position:relative;overflow:hidden}
.fh-dl-page-orb-a{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(124,58,237,.2);top:-200px;left:-150px;filter:blur(100px);pointer-events:none;animation:float-orb 12s ease-in-out infinite}
.fh-dl-page-orb-b{position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(6,182,212,.15);bottom:-120px;right:-100px;filter:blur(90px);pointer-events:none;animation:float-orb 15s ease-in-out infinite;animation-delay:-6s}
.fh-dl-page-orb-c{position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(16,185,129,.1);top:40%;right:10%;filter:blur(70px);pointer-events:none;animation:float-orb 9s ease-in-out infinite;animation-delay:-3s}
.fh-dl-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 16px;position:relative;z-index:1}
.fh-dl-card{max-width:460px;width:100%;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.1);border-radius:26px;overflow:hidden;box-shadow:0 0 80px rgba(124,58,237,.12),0 32px 80px rgba(0,0,0,.5);animation:fh-bounce-in .55s ease both}
.fh-dl-topbar{height:3px;background:linear-gradient(90deg,#7C3AED,#06B6D4 55%,#10B981)}
.fh-dl-body{padding:38px 34px 30px}
/* Animated file icon */
.fh-dl-icon-wrap{position:relative;width:88px;margin:0 auto 26px}
.fh-dl-icon{width:88px;height:88px;border-radius:22px;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.28);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#A78BFA;box-shadow:0 4px 32px rgba(124,58,237,.25);animation:fh-float 5s ease-in-out infinite;position:relative;z-index:1}
.fh-dl-ring{position:absolute;inset:-10px;border-radius:30px;border:1px solid rgba(124,58,237,.28);animation:fh-ring-pulse 2.8s ease-in-out infinite}
.fh-dl-ring2{position:absolute;inset:-20px;border-radius:36px;border:1px solid rgba(124,58,237,.14);animation:fh-ring-pulse 2.8s ease-in-out infinite;animation-delay:.9s}
@keyframes fh-ring-pulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:0;transform:scale(1.05)}}
.fh-dl-title{text-align:center;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;margin-bottom:4px;color:#F1F5F9}
.fh-dl-filename{text-align:center;font-size:.82rem;color:rgba(148,163,184,.65);margin-bottom:22px}
/* Scan bar */
.fh-dl-scan{position:relative;height:2px;background:rgba(255,255,255,.06);border-radius:1px;margin-bottom:8px;overflow:hidden}
.fh-dl-scan-line{position:absolute;top:0;left:0;height:100%;width:40%;background:linear-gradient(90deg,transparent,#7C3AED,#06B6D4,transparent);border-radius:1px;animation:fh-scan-slide 1.8s ease-in-out infinite}
.fh-dl-scan-label{text-align:center;font-size:.69rem;color:rgba(148,163,184,.45);margin-bottom:20px;letter-spacing:.03em}
/* Meta chips */
.fh-dl-meta{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.fh-dl-meta-item{display:flex;align-items:center;gap:6px;font-size:.78rem;color:rgba(148,163,184,.85);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:6px 13px;transition:border-color .2s}
.fh-dl-meta-item:hover{border-color:rgba(124,58,237,.3)}
.fh-dl-meta-item i{color:#A78BFA;font-size:.75rem}
/* Password input */
.fh-dl-label{display:block;font-size:.71rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:rgba(148,163,184,.65);margin-bottom:6px}
.fh-dl-input{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#F1F5F9;font-size:.9rem;padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}
.fh-dl-input:focus{border-color:rgba(124,58,237,.55);box-shadow:0 0 0 3px rgba(124,58,237,.1)}
/* Download button */
.fh-dl-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:14px;background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;border:none;border-radius:13px;font-size:.975rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;margin-top:18px;text-decoration:none;position:relative;overflow:hidden}
.fh-dl-btn::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:fh-shimmer-btn 3s ease-in-out 2s infinite}
.fh-dl-btn:hover{opacity:.9;color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px rgba(124,58,237,.5)}
/* Trust strip */
.fh-dl-trust{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}
.fh-dl-trust-item{display:flex;align-items:center;gap:5px;font-size:.72rem;color:rgba(148,163,184,.5)}
.fh-dl-trust-item i{color:rgba(52,211,153,.6);font-size:.68rem}
/* Footer */
.fh-dl-footer-bar{padding:16px 32px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
.fh-dl-footer-copy{font-size:.74rem;color:rgba(148,163,184,.45)}
.fh-dl-footer-copy a{color:inherit;text-decoration:none}
.fh-dl-footer-links{display:flex;gap:14px}
.fh-dl-footer-links a{font-size:.74rem;color:rgba(148,163,184,.4);text-decoration:none;transition:color .15s}
.fh-dl-footer-links a:hover{color:rgba(148,163,184,.85)}
/* -- Responsive -- */
@media(max-width:575px){.fh-hero{padding:22px 18px}.fh-hero-stats{margin-left:0;gap:16px}.fh-dl-body{padding:28px 20px}.fh-dl-footer-bar{padding:14px 20px}.fh-stat-cards{grid-template-columns:1fr 1fr}}

/* === SOLUTIONS: FILEHOSTING PAGE === */
@keyframes fhp-float-card{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-14px) rotate(.4deg)}}
@keyframes fhp-prog-anim{0%{width:30%}50%{width:88%}100%{width:30%}}
@keyframes fhp-bar-grow{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
@keyframes fhp-step-glow{0%,100%{transform:scale(1);opacity:.28}50%{transform:scale(1.2);opacity:.08}}
/* -- Hero -- */
.fhp-hero{position:relative;padding:100px 0 80px;overflow:hidden}
.fhp-hero-orb-a{position:absolute;width:700px;height:700px;border-radius:50%;background:rgba(124,58,237,.18);top:-300px;right:-200px;filter:blur(130px);pointer-events:none;animation:float-orb 12s ease-in-out infinite}
.fhp-hero-orb-b{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(6,182,212,.12);bottom:-150px;left:-100px;filter:blur(100px);pointer-events:none;animation:float-orb 15s ease-in-out infinite;animation-delay:-6s}
.fhp-hero-orb-c{position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(16,185,129,.1);top:35%;left:8%;filter:blur(80px);pointer-events:none;animation:float-orb 10s ease-in-out infinite;animation-delay:-3s}
.fhp-hero-h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;margin-bottom:1.25rem}
.fhp-hero-lead{color:var(--t26-muted);font-size:1rem;line-height:1.72;margin-bottom:1.75rem;max-width:520px}
.fhp-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2rem}
.fhp-trust-pill{display:flex;align-items:center;gap:6px;font-size:.77rem;font-weight:600;color:var(--t26-muted);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:5px 13px;transition:border-color .2s}
.fhp-trust-pill:hover{border-color:rgba(52,211,153,.3)}
.fhp-trust-pill i{color:#34D399;font-size:.72rem}
.fhp-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:2rem}
.fhp-btn-outline{display:inline-flex;align-items:center;gap:7px;padding:12px 26px;background:transparent;border:1.5px solid rgba(255,255,255,.14);color:var(--t26-text)!important;border-radius:11px;font-weight:700;font-size:.925rem;text-decoration:none;transition:all .25s}
.fhp-btn-outline:hover{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.07)}
.fhp-social-proof{font-size:.8rem;color:var(--t26-muted);display:flex;align-items:center;gap:7px}
.fhp-social-proof i{color:#A78BFA}
/* -- Hero mockup -- */
.fhp-card-mock{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);border-radius:22px;overflow:hidden;box-shadow:0 0 70px rgba(124,58,237,.13),0 32px 80px rgba(0,0,0,.45);animation:fhp-float-card 6s ease-in-out infinite}
.fhp-mock-topbar{height:3px;background:linear-gradient(90deg,#7C3AED,#06B6D4 60%,#10B981)}
.fhp-mock-header{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.fhp-mock-dot{width:9px;height:9px;border-radius:50%}
.fhp-mock-title{font-size:.75rem;font-weight:700;color:var(--t26-muted);margin-left:4px}
.fhp-mock-body{padding:16px}
.fhp-mock-dz{border:2px dashed rgba(124,58,237,.38);border-radius:12px;padding:20px 16px;text-align:center;margin-bottom:12px;background:rgba(124,58,237,.04)}
.fhp-mock-dz-icon{width:36px;height:36px;border-radius:9px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.28);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;color:#A78BFA;font-size:.9rem;animation:fh-float 4s ease-in-out infinite}
.fhp-mock-dz-t{font-size:.73rem;font-weight:700;margin-bottom:2px}
.fhp-mock-dz-s{font-size:.65rem;color:var(--t26-muted)}
.fhp-mock-file{display:flex;align-items:center;gap:9px;padding:9px 11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:9px;margin-bottom:7px}
.fhp-mock-file-ico{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}
.fhp-ico-p{background:rgba(124,58,237,.12);color:#A78BFA}.fhp-ico-c{background:rgba(6,182,212,.1);color:#22D3EE}.fhp-ico-g{background:rgba(16,185,129,.1);color:#34D399}
.fhp-mock-fname{font-size:.72rem;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fhp-mock-fsize{font-size:.64rem;color:var(--t26-muted);white-space:nowrap}
.fhp-mock-fbadge{font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:999px;white-space:nowrap}
.fhp-fbadge-ok{background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.28)}
.fhp-fbadge-up{background:rgba(124,58,237,.12);color:#A78BFA;border:1px solid rgba(124,58,237,.28)}
.fhp-mock-prog{height:2px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:5px}
.fhp-mock-prog-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7C3AED,#06B6D4);animation:fhp-prog-anim 2.5s ease-in-out infinite}
.fhp-mock-footer{padding:10px 14px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}
.fhp-mock-upload-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;background:linear-gradient(135deg,#7C3AED,#06B6D4);border:none;border-radius:8px;color:#fff;font-size:.7rem;font-weight:700;cursor:pointer}
/* -- Stats strip -- */
.fhp-stats-strip{padding:48px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.fhp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
@media(max-width:767px){.fhp-stats-grid{grid-template-columns:repeat(2,1fr)}}
.fhp-stat-num{font-size:2.4rem;font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,#A78BFA,#22D3EE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}
.fhp-stat-lbl{font-size:.78rem;color:var(--t26-muted);font-weight:500}
/* -- Feature sections -- */
.fhp-section{padding:80px 0}
.fhp-section-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:999px;font-size:.73rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:18px}
.fhp-badge-p{background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.28);color:#A78BFA}
.fhp-badge-c{background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.25);color:#22D3EE}
.fhp-badge-g{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);color:#34D399}
.fhp-badge-o{background:rgba(251,146,60,.08);border:1px solid rgba(251,146,60,.22);color:#FB923C}
.fhp-section-h2{font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.18;margin-bottom:1rem}
.fhp-section-lead{color:var(--t26-muted);font-size:.94rem;line-height:1.72;margin-bottom:1.75rem}
.fhp-feat-list{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:14px}
.fhp-feat-item{display:flex;align-items:flex-start;gap:12px}
.fhp-feat-dot{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:.65rem}
.fhp-feat-dot-p{background:rgba(124,58,237,.12);color:#A78BFA;border:1px solid rgba(124,58,237,.28)}
.fhp-feat-dot-c{background:rgba(6,182,212,.1);color:#22D3EE;border:1px solid rgba(6,182,212,.28)}
.fhp-feat-dot-g{background:rgba(16,185,129,.1);color:#34D399;border:1px solid rgba(16,185,129,.28)}
.fhp-feat-item strong{display:block;font-size:.88rem;font-weight:700;margin-bottom:2px}
.fhp-feat-item p{font-size:.8rem;color:var(--t26-muted);margin:0;line-height:1.55}
/* Visual panels */
.fhp-visual{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);box-shadow:0 0 60px rgba(124,58,237,.08),0 24px 60px rgba(0,0,0,.35);transition:transform .35s,box-shadow .35s}
.fhp-visual:hover{transform:translateY(-6px);box-shadow:0 0 80px rgba(124,58,237,.14),0 32px 80px rgba(0,0,0,.42)}
.fhp-visual-bar{height:3px}
.fhp-vbar-p{background:linear-gradient(90deg,#7C3AED,#A78BFA)}.fhp-vbar-c{background:linear-gradient(90deg,#06B6D4,#22D3EE)}.fhp-vbar-g{background:linear-gradient(90deg,#10B981,#34D399)}.fhp-vbar-o{background:linear-gradient(90deg,#FB923C,#FBBF24)}
.fhp-visual-body{padding:28px}
/* Encryption rows */
.fhp-enc-row{display:flex;align-items:center;gap:11px;padding:11px 13px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;margin-bottom:8px;transition:border-color .2s}
.fhp-enc-row:hover{border-color:rgba(124,58,237,.25)}
.fhp-enc-ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}
.fhp-enc-name{font-size:.8rem;font-weight:600;flex:1}
.fhp-enc-stat{font-size:.64rem;font-weight:700;padding:2px 8px;border-radius:999px}
.fhp-enc-stat-ok{background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.28)}
.fhp-enc-stat-up{background:rgba(124,58,237,.1);color:#A78BFA;border:1px solid rgba(124,58,237,.25)}
.fhp-enc-prog{height:2px;border-radius:999px;background:rgba(255,255,255,.06);margin-top:6px;overflow:hidden}
.fhp-enc-done{height:100%;border-radius:999px;background:linear-gradient(90deg,#10B981,#34D399);width:100%}
.fhp-enc-active{height:100%;border-radius:999px;background:linear-gradient(90deg,#7C3AED,#06B6D4);animation:fhp-prog-anim 2.5s ease-in-out infinite}
/* Analytics visual */
.fhp-chart-bars{display:flex;align-items:flex-end;gap:5px;height:72px;margin-bottom:16px}
.fhp-bar{border-radius:4px 4px 0 0;flex:1;animation:fhp-bar-grow .75s ease both}
.fhp-bar:nth-child(1){animation-delay:.04s}.fhp-bar:nth-child(2){animation-delay:.09s}.fhp-bar:nth-child(3){animation-delay:.14s}.fhp-bar:nth-child(4){animation-delay:.19s}.fhp-bar:nth-child(5){animation-delay:.24s}.fhp-bar:nth-child(6){animation-delay:.29s}.fhp-bar:nth-child(7){animation-delay:.34s}
.fhp-bar-p{background:linear-gradient(to top,#7C3AED,#A78BFA)}.fhp-bar-c{background:linear-gradient(to top,#06B6D4,#22D3EE)}.fhp-bar-g{background:linear-gradient(to top,#10B981,#34D399)}
.fhp-a-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.8rem}
.fhp-a-row:last-child{border-bottom:none}
.fhp-a-lbl{color:var(--t26-muted);display:flex;align-items:center;gap:7px}
.fhp-a-dot{width:7px;height:7px;border-radius:50%}
.fhp-a-val{font-weight:700;font-size:.86rem}
/* Settings/control visual */
.fhp-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;margin-bottom:8px;transition:border-color .2s}
.fhp-toggle-row:hover{border-color:rgba(124,58,237,.22)}
.fhp-toggle-lbl{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--t26-text)}
.fhp-toggle-lbl i{color:var(--t26-muted)}
.fhp-tog{width:34px;height:19px;border-radius:999px;position:relative;flex-shrink:0}
.fhp-tog-on{background:linear-gradient(90deg,#7C3AED,#06B6D4)}.fhp-tog-off{background:rgba(255,255,255,.1)}
.fhp-tog::after{content:'';position:absolute;top:2.5px;width:14px;height:14px;border-radius:50%;background:#fff}
.fhp-tog-on::after{right:2.5px}.fhp-tog-off::after{left:2.5px}
.fhp-val-badge{font-size:.7rem;font-weight:700;padding:2px 9px;border-radius:999px;background:rgba(124,58,237,.1);color:#A78BFA;border:1px solid rgba(124,58,237,.22)}
/* How it works */
.fhp-steps-section{padding:80px 0;background:rgba(255,255,255,.015);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.fhp-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}
@media(max-width:767px){.fhp-steps-grid{grid-template-columns:1fr;gap:24px}}
.fhp-steps-connector{position:absolute;top:32px;left:calc(100%/6);right:calc(100%/6);height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.4) 30%,rgba(6,182,212,.4) 70%,transparent);pointer-events:none}
@media(max-width:767px){.fhp-steps-connector{display:none}}
.fhp-step{text-align:center;position:relative}
.fhp-step-num-wrap{position:relative;display:inline-block;margin-bottom:22px}
.fhp-step-num{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#7C3AED,#06B6D4);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#fff;box-shadow:0 8px 28px rgba(124,58,237,.38)}
.fhp-step-glow{position:absolute;inset:-6px;border-radius:22px;background:linear-gradient(135deg,#7C3AED,#06B6D4);z-index:-1;opacity:.2;animation:fhp-step-glow 2.5s ease-in-out infinite}
.fhp-step-title{font-size:1rem;font-weight:800;margin-bottom:8px}
.fhp-step-desc{font-size:.83rem;color:var(--t26-muted);line-height:1.65;margin:0}
/* File types */
.fhp-types-section{padding:72px 0}
.fhp-types-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:32px}
.fhp-type-chip{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:10px;font-size:.8rem;font-weight:600;transition:all .22s;cursor:default}
.fhp-type-chip:hover{border-color:rgba(124,58,237,.3);background:rgba(124,58,237,.07);transform:translateY(-3px)}
.fhp-type-chip i{font-size:.9rem}
.fhp-tc-img i{color:#22D3EE}.fhp-tc-vid i{color:#F43F5E}.fhp-tc-aud i{color:#A78BFA}.fhp-tc-doc i{color:#60A5FA}.fhp-tc-pdf i{color:#FB923C}.fhp-tc-zip i{color:#FBBF24}.fhp-tc-code i{color:#34D399}.fhp-tc-xls i{color:#34D399}.fhp-tc-ppt i{color:#FB923C}.fhp-tc-txt i{color:var(--t26-muted)}
/* CTA */
.fhp-cta-section{padding:80px 0;position:relative;overflow:hidden}
.fhp-cta-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(124,58,237,.17);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(110px);pointer-events:none;animation:float-orb 12s ease-in-out infinite}
.fhp-cta-inner{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}
.fhp-cta-h2{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;letter-spacing:-.04em;line-height:1.12;margin-bottom:1rem}
.fhp-cta-sub{color:var(--t26-muted);font-size:.96rem;line-height:1.7;margin-bottom:2rem}
.fhp-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.fhp-cta-badges{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:22px}
.fhp-cta-badge{display:flex;align-items:center;gap:5px;font-size:.77rem;color:var(--t26-muted)}
.fhp-cta-badge i{color:#34D399;font-size:.7rem}
@media(max-width:575px){.fhp-hero{padding:72px 0 56px}.fhp-section{padding:56px 0}.fhp-steps-section,.fhp-types-section,.fhp-cta-section{padding:56px 0}.fhp-stats-grid{grid-template-columns:repeat(2,1fr);gap:18px}.fhp-stat-num{font-size:2rem}}
/* -- Hero additions -- */
.fhp-hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
.fhp-orb-a{width:700px;height:700px;background:rgba(124,58,237,.18);top:-300px;right:-200px;animation:float-orb 12s ease-in-out infinite}
.fhp-orb-b{width:420px;height:420px;background:rgba(6,182,212,.12);bottom:-150px;left:-100px;animation:float-orb 15s ease-in-out infinite;animation-delay:-6s}
.fhp-orb-c{width:240px;height:240px;background:rgba(16,185,129,.1);top:35%;left:8%;animation:float-orb 10s ease-in-out infinite;animation-delay:-3s}
.fhp-hero-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 16px;border-radius:999px;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.28);color:#A78BFA;font-size:.73rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.fhp-hero-heading{font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;margin-bottom:1.25rem}
.fhp-hero-checks{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2rem}
.fhp-check-item{display:flex;align-items:center;gap:6px;font-size:.77rem;font-weight:600;color:var(--t26-muted);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:5px 13px}
.fhp-check-item i{color:#34D399;font-size:.72rem}
.fhp-btn-ghost{display:inline-flex;align-items:center;gap:7px;padding:12px 26px;background:transparent;border:1.5px solid rgba(255,255,255,.14);color:var(--t26-text)!important;border-radius:11px;font-weight:700;font-size:.925rem;text-decoration:none;transition:all .25s}
.fhp-btn-ghost:hover{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.07)}
.fhp-hero-social-proof{font-size:.8rem;color:var(--t26-muted);display:flex;align-items:center;gap:7px}
.fhp-hero-social-proof i{color:#A78BFA}
/* -- Float card wrapper & mockup additions -- */
.fhp-float-card{display:inline-block;width:100%;max-width:420px}
.fhp-mock-topbar{height:auto!important;background:none!important;display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.06);position:relative}
.fhp-mock-topbar::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7C3AED,#06B6D4 60%,#10B981)}
.fhp-mock-dropzone{border:2px dashed rgba(124,58,237,.38);border-radius:12px;padding:18px 12px;text-align:center;margin-bottom:10px;background:rgba(124,58,237,.04)}
.fhp-mock-upload-icon{font-size:1.5rem;color:#A78BFA;margin-bottom:6px;display:block;animation:fh-float 4s ease-in-out infinite}
.fhp-mock-dz-text{font-size:.72rem;font-weight:600;color:var(--t26-muted)}
.fhp-mock-file-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:9px;margin-bottom:7px}
.fhp-mock-file-icon{font-size:.95rem;flex-shrink:0;width:22px;text-align:center}
.fhp-mock-file-info{flex:1;min-width:0}
.fhp-mock-file-name{font-size:.7rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.fhp-mock-progress-wrap{height:3px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.fhp-mock-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#7C3AED,#06B6D4)}
.fhp-mock-progress-anim{animation:fhp-prog-anim 2.5s ease-in-out infinite}
.fhp-mock-badge-enc{font-size:.58rem;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.28);white-space:nowrap;flex-shrink:0}
.fhp-mock-badge-up{font-size:.58rem;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(124,58,237,.12);color:#A78BFA;border:1px solid rgba(124,58,237,.28);white-space:nowrap;flex-shrink:0}
.fhp-mock-meta-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.fhp-mock-meta-chip{display:flex;align-items:center;gap:4px;font-size:.62rem;font-weight:600;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--t26-muted)}
/* -- Section badge/heading additions -- */
.fhp-badge-info{background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.25);color:#22D3EE}
.fhp-badge-success{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);color:#34D399}
.fhp-section-heading{font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.18;margin-bottom:1rem}
.fhp-section-alt{background:rgba(255,255,255,.015);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.fhp-visual-inner{padding:22px}
/* -- Encryption visual additions -- */
.fhp-enc-orb{position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(124,58,237,.12);top:-60px;right:-60px;filter:blur(70px);pointer-events:none}
.fhp-enc-icon-wrap{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(6,182,212,.12));border:1px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.fhp-enc-icon{font-size:1.6rem;background:linear-gradient(135deg,#A78BFA,#22D3EE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fhp-enc-title{font-size:.95rem;font-weight:800;text-align:center;margin-bottom:4px}
.fhp-enc-sub{font-size:.76rem;color:var(--t26-muted);text-align:center;margin-bottom:14px}
.fhp-enc-filename{font-size:.8rem;font-weight:600;flex:1;display:flex;align-items:center}
.fhp-enc-badge{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.28)}
.fhp-enc-bar-label{font-size:.74rem;color:var(--t26-muted);margin-bottom:6px;text-align:center}
.fhp-enc-bar-outer{height:4px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:4px}
.fhp-enc-bar-inner{height:100%;border-radius:999px;background:linear-gradient(90deg,#7C3AED,#06B6D4);width:100%}
/* -- Analytics visual additions -- */
.fhp-analytics-visual{padding:20px}
.fhp-analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.8rem;font-weight:700}
.fhp-live-badge{display:flex;align-items:center;gap:4px;font-size:.64rem;font-weight:700;padding:3px 10px;border-radius:999px;background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.3)}
.fhp-live-badge i{font-size:.45rem;animation:blink 1.2s step-start infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.fhp-bar-rows{display:flex;flex-direction:column;gap:9px;margin-bottom:14px}
.fhp-bar-row{display:flex;align-items:center;gap:9px}
.fhp-bar-label{font-size:.68rem;font-weight:700;color:var(--t26-muted);width:28px;flex-shrink:0}
.fhp-bar-track{flex:1;height:6px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.fhp-bar-fill{height:100%;border-radius:999px;background:var(--fhp-bar-color,#A78BFA)}
.fhp-bar-val{font-size:.68rem;font-weight:700;width:30px;text-align:right;flex-shrink:0;color:var(--t26-muted)}
.fhp-analytics-data-strip{display:flex;justify-content:space-around;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}
.fhp-analytics-data-item{text-align:center}
.fhp-analytics-data-num{font-size:1.05rem;font-weight:800;background:linear-gradient(135deg,#A78BFA,#22D3EE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fhp-analytics-data-lbl{font-size:.64rem;color:var(--t26-muted);margin-top:2px}
.fhp-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}
.fhp-analytics-chip{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:4px;transition:border-color .2s}
.fhp-analytics-chip:hover{border-color:rgba(124,58,237,.25)}
.fhp-analytics-icon{font-size:1.15rem;color:#A78BFA;margin-bottom:4px}
.fhp-analytics-chip strong{font-size:.82rem;font-weight:700}
.fhp-analytics-chip span{font-size:.72rem;color:var(--t26-muted)}
/* -- Control visual additions -- */
.fhp-ctrl-visual{padding:20px}
.fhp-ctrl-header{display:flex;align-items:center;font-size:.8rem;font-weight:700;color:var(--t26-muted);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}
.fhp-ctrl-header i{color:#A78BFA}
.fhp-ctrl-rows{display:flex;flex-direction:column;gap:7px}
.fhp-ctrl-row{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;font-size:.8rem;font-weight:600;transition:border-color .2s}
.fhp-ctrl-row:hover{border-color:rgba(124,58,237,.22)}
.fhp-ctrl-val{font-size:.75rem;color:var(--t26-muted)}
.fhp-ctrl-footer{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);font-size:.73rem;color:var(--t26-muted)}
.fhp-toggle{display:inline-flex;align-items:center;width:36px;height:20px;border-radius:999px;position:relative;flex-shrink:0;background:rgba(255,255,255,.1);transition:background .2s;cursor:default}
.fhp-toggle-on{background:linear-gradient(90deg,#7C3AED,#06B6D4)}
.fhp-toggle-thumb{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.fhp-toggle-on .fhp-toggle-thumb{left:19px}
/* -- Feat icon additions -- */
.fhp-feat-icon{width:36px;height:36px;border-radius:10px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.28);display:flex;align-items:center;justify-content:center;color:#A78BFA;font-size:.85rem;flex-shrink:0;margin-top:1px}
.fhp-feat-icon-green{background:rgba(16,185,129,.1)!important;border-color:rgba(16,185,129,.28)!important;color:#34D399!important}
/* -- Step card additions -- */
.fhp-step-card{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px 22px;text-align:center;transition:border-color .3s,transform .3s,box-shadow .3s;height:100%}
.fhp-step-card:hover{border-color:rgba(124,58,237,.3);transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.25)}
.fhp-step-card-active{border-color:rgba(124,58,237,.35)!important;background:rgba(124,58,237,.05)!important;box-shadow:0 0 40px rgba(124,58,237,.1)!important}
.fhp-step-glow-active{opacity:.35;animation:fhp-step-glow 1.8s ease-in-out infinite}
.fhp-step-icons{display:flex;justify-content:center;gap:14px;margin-top:14px;font-size:1.05rem}
/* -- File type chip color variants -- */
.fhp-tc-red i{color:#ef4444}.fhp-tc-purple i{color:#a78bfa}.fhp-tc-cyan i{color:#22d3ee}
.fhp-tc-blue i{color:#60a5fa}.fhp-tc-green i{color:#34d399}.fhp-tc-orange i{color:#fb923c}
.fhp-tc-yellow i{color:#fbbf24}.fhp-tc-teal i{color:#2dd4bf}.fhp-tc-indigo i{color:#818cf8}
.fhp-tc-gray i{color:var(--t26-muted)}
/* -- CTA additions -- */
.fhp-cta-orb-a{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(124,58,237,.15);top:50%;left:35%;transform:translate(-50%,-50%);filter:blur(100px);pointer-events:none;animation:float-orb 14s ease-in-out infinite}
.fhp-cta-orb-b{position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(6,182,212,.1);top:50%;right:10%;transform:translateY(-50%);filter:blur(80px);pointer-events:none;animation:float-orb 10s ease-in-out infinite;animation-delay:-5s}
.fhp-cta-heading{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;letter-spacing:-.04em;line-height:1.12;margin-bottom:1rem}
.fhp-cta-btn-primary{font-size:1rem!important;padding:14px 34px!important}
.fhp-cta-btn-ghost{display:inline-flex;align-items:center;gap:7px;padding:14px 32px;background:transparent;border:1.5px solid rgba(255,255,255,.18);color:var(--t26-text)!important;border-radius:11px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .25s}
.fhp-cta-btn-ghost:hover{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.07)}
.fhp-cta-trust{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:22px}
.fhp-cta-trust-item{display:flex;align-items:center;gap:5px;font-size:.77rem;color:var(--t26-muted)}
.fhp-cta-trust-item i{color:#34D399;font-size:.7rem}
/* -- Section alt -- */
.fhp-section-alt{background:rgba(255,255,255,.018);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}

/* === PAGE: FEATURES (homepage) === */
#t26-features {
    padding: 6rem 0;
    position: relative;
    overflow: hidden;
}
#t26-features::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 40% at 50% 100%, rgba(124,58,237,0.1) 0%, transparent 70%);
    pointer-events: none;
}
.features-title {
    font-size: clamp(1.9rem, 4vw, 2.6rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.02em;
    margin-top: .75rem;
}
.features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}
@media (max-width: 991px) { .features-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px)  { .features-grid { grid-template-columns: 1fr; } }

.feat-card {
    position: relative;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 20px;
    padding: 1.75rem;
    overflow: hidden;
    transition: transform .3s ease, border-color .3s, box-shadow .3s;
    cursor: default;
}
.feat-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 20%, var(--c1, rgba(124,58,237,0.15)) 0%, transparent 60%);
    opacity: 0;
    transition: opacity .4s;
    pointer-events: none;
    border-radius: inherit;
}
.feat-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255,255,255,0.14);
    box-shadow: 0 20px 60px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.05) inset;
}
.feat-card:hover::before { opacity: 1; }
.feat-icon-wrap {
    width: 48px; height: 48px;
    border-radius: 14px;
    background: var(--c1, rgba(124,58,237,0.2));
    border: 1px solid var(--c2, rgba(124,58,237,0.3));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    margin-bottom: 1.1rem;
    transition: transform .3s, box-shadow .3s;
}
.feat-card:hover .feat-icon-wrap {
    transform: scale(1.1);
    box-shadow: 0 0 20px var(--c1, rgba(124,58,237,0.3));
}
.feat-line {
    width: 32px; height: 2px;
    background: linear-gradient(90deg, rgba(124,58,237,0.6), transparent);
    margin-bottom: 1rem;
    border-radius: 2px;
    transition: width .3s;
}
.feat-card:hover .feat-line { width: 56px; }
.feat-title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .45rem;
    color: var(--t26-text);
}
.feat-desc {
    font-size: .875rem;
    color: rgba(241,245,249,0.5);
    line-height: 1.65;
    margin: 0;
}
.feat-tag {
    position: absolute;
    top: 1.25rem; right: 1.25rem;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .06em;
    color: rgba(241,245,249,0.3);
    text-transform: uppercase;
}

/* Scroll-reveal animation */
.feat-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .5s ease var(--delay, 0s), transform .5s ease var(--delay, 0s);
}
.feat-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* === PAGE: ANALYTICS PREVIEW (homepage) === */
#t26-analytics {
    padding: 6rem 0;
    background: var(--t26-bg2);
    position: relative;
    overflow: hidden;
}
#t26-analytics::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 70% at 100% 50%, rgba(124,58,237,0.08), transparent 60%),
                radial-gradient(ellipse 40% 50% at 0% 50%, rgba(6,182,212,0.05), transparent 55%);
    pointer-events: none;
}

/* Analytics two-column grid */
.an-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}
@media (max-width: 991.98px) {
    .an-grid { grid-template-columns: 1fr; gap: 2.5rem; }
}

/* Left text */
.an-title {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 1rem 0 1.5rem;
}
.an-feature-list {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}
.an-feature-item {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
}
.an-check {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(124,58,237,0.15);
    border: 1px solid rgba(124,58,237,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: .8rem;
    color: #A78BFA;
    margin-top: .1rem;
}
.an-feature-item strong {
    display: block;
    font-size: .92rem;
    font-weight: 700;
    color: rgba(241,245,249,0.92);
    margin-bottom: .15rem;
}
.an-feature-item span {
    font-size: .8rem;
    color: var(--t26-muted);
    line-height: 1.5;
}

/* Right card */
.an-card {
    background: rgba(13,13,43,0.85);
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,0.35), 0 0 0 1px rgba(124,58,237,0.1);
}
.an-card-header {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .85rem 1.25rem;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.02);
}
.an-card-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: .8;
}
.an-card-title {
    font-size: .78rem;
    color: var(--t26-muted);
    margin-left: .4rem;
    flex: 1;
}
.an-live-badge {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .72rem;
    color: #34D399;
    background: rgba(52,211,153,0.1);
    border: 1px solid rgba(52,211,153,0.2);
    padding: .2rem .65rem;
    border-radius: 50px;
}
.an-live-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #34D399;
    animation: pulse-dot 1.5s ease-in-out infinite;
}
@keyframes pulse-dot {
    0%,100% { opacity: 1; transform: scale(1); }
    50%      { opacity: .5; transform: scale(.7); }
}

/* Bar chart */
.an-chart-wrap {
    padding: 1.25rem 1.25rem .5rem;
}
.an-chart-bars {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    height: 120px;
}
.an-bar {
    flex: 1;
    border-radius: 5px 5px 0 0;
    height: 0;
    background: rgba(124,58,237,0.35);
    transition: height .6s cubic-bezier(.22,1,.36,1);
}
.an-bar:hover { background: rgba(124,58,237,0.6); }
.an-bar-active { background: rgba(124,58,237,0.55); }
.an-bar-peak {
    background: linear-gradient(180deg, #7C3AED, #06B6D4);
    box-shadow: 0 0 12px rgba(124,58,237,0.5);
}
.an-chart-labels {
    display: flex;
    gap: 6px;
    margin-top: .4rem;
}
.an-chart-labels span {
    flex: 1;
    text-align: center;
    font-size: .6rem;
    color: rgba(241,245,249,0.25);
}

/* Stats row */
.an-stats-row {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    border-top: 1px solid rgba(255,255,255,0.06);
    margin-top: .5rem;
}
.an-stat {
    text-align: center;
    padding: 1rem .5rem;
    border-right: 1px solid rgba(255,255,255,0.06);
}
.an-stat:last-child { border-right: none; }
.an-stat-val {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: .3rem;
}
.an-stat-label {
    font-size: .7rem;
    color: var(--t26-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
}

/* Sparkline rows */
.an-sparkline-row {
    padding: 1rem 1.25rem 1.25rem;
    border-top: 1px solid rgba(255,255,255,0.06);
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.an-sparkline-bar-wrap {
    height: 5px;
    background: rgba(255,255,255,0.06);
    border-radius: 99px;
    overflow: hidden;
    margin-bottom: .3rem;
}
.an-sparkline-bar {
    height: 100%;
    border-radius: 99px;
    width: 0;
    transition: width .8s cubic-bezier(.22,1,.36,1) .4s;
}
.an-sparkline-info {
    display: flex;
    justify-content: space-between;
    font-size: .75rem;
    color: var(--t26-muted);
}

/* === SECTION: URL SHORTENER SHOWCASE === */
#t26-shortener-showcase {
    padding: 6rem 0;
    background: var(--t26-bg2);
    position: relative;
    overflow: hidden;
}
.sc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}
@media (max-width: 900px) { .sc-grid { grid-template-columns: 1fr; gap: 2.5rem; } }

.sc-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .55s cubic-bezier(.22,1,.36,1) var(--scD,0s),
                transform .55s cubic-bezier(.22,1,.36,1) var(--scD,0s);
}
.sc-reveal.is-visible { opacity: 1; transform: none; }

.sc-dashboard {
    background: rgba(7,7,26,0.95);
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,0.4);
}
.sc-dashboard-hdr {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    background: rgba(255,255,255,0.03);
}
.sc-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.sc-dashboard-title { font-size: .8rem; color: var(--t26-muted); margin-left: .25rem; }
.sc-dashboard-body { padding: 1.5rem; }

.sc-field-group { margin-bottom: 1rem; }
.sc-label {
    display: block;
    font-size: .72rem;
    color: var(--t26-muted);
    margin-bottom: .4rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.sc-input-row {
    display: flex;
    align-items: center;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    overflow: hidden;
}
.sc-input-row-success {
    background: rgba(52,211,153,0.06);
    border-color: rgba(52,211,153,0.25);
}
.sc-input-icon {
    padding: .65rem .85rem;
    color: var(--t26-muted);
    border-right: 1px solid rgba(255,255,255,0.08);
    font-size: .9rem;
    flex-shrink: 0;
}
.sc-icon-success { color: #34D399; border-right-color: rgba(52,211,153,0.2); }
.sc-input-val {
    flex: 1;
    padding: .65rem .85rem;
    font-size: .8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sc-input-muted { color: var(--t26-muted); }
.sc-input-success { font-size: .85rem; }
.sc-copy-btn {
    padding: .65rem .85rem;
    background: none;
    border: none;
    border-left: 1px solid rgba(52,211,153,0.2);
    color: var(--t26-muted);
    cursor: pointer;
    font-size: .85rem;
    transition: color .2s;
    flex-shrink: 0;
}
.sc-copy-btn:hover { color: #34D399; }

.sc-arrow-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    margin: .75rem 0;
}
.sc-arrow-line { width: 1px; height: 20px; background: rgba(124,58,237,0.4); }
.sc-arrow-head {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid rgba(124,58,237,0.6);
}

.sc-stats-row { display: flex; gap: .75rem; margin-top: 1.25rem; }
.sc-stat {
    flex: 1;
    text-align: center;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 10px;
    padding: .7rem .5rem;
}
.sc-stat-val { font-size: 1.3rem; font-weight: 800; }
.sc-stat-lbl { font-size: .7rem; color: var(--t26-muted); margin-top: 2px; }

.sc-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px solid rgba(255,255,255,0.07);
}
.sc-ssl-badge {
    background: rgba(52,211,153,0.15);
    color: #34D399;
    border: 1px solid rgba(52,211,153,0.3);
    border-radius: 99px;
    padding: .2rem .65rem;
    font-size: .72rem;
}

.sc-features-box {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    overflow: hidden;
}
.sc-box-hdr {
    padding: .85rem 1.25rem;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    font-size: .88rem;
    font-weight: 700;
    color: rgba(241,245,249,0.9);
}
.sc-feature-list { list-style: none; margin: 0; padding: .5rem 1.25rem 1rem; }
.sc-feature-list li {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .65rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.sc-feature-list li:last-child { border-bottom: none; }
.sc-feature-list li i { margin-top: 2px; flex-shrink: 0; font-size: .95rem; }
.sc-feature-list strong { display: block; font-size: .85rem; color: rgba(241,245,249,0.9); margin-bottom: 1px; }
.sc-feature-list span { font-size: .78rem; color: var(--t26-muted); }

/* === SECTION: DEEP LINKING === */
#t26-deeplink {
    padding: 6rem 0;
    background: var(--t26-bg);
    position: relative;
    overflow: hidden;
}
.dl-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}
@media (max-width: 900px) { .dl-grid { grid-template-columns: 1fr; gap: 2.5rem; } }

.dl-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .55s cubic-bezier(.22,1,.36,1) var(--dlD,0s),
                transform .55s cubic-bezier(.22,1,.36,1) var(--dlD,0s);
}
.dl-reveal.is-visible { opacity: 1; transform: none; }

.dl-benefits { display: flex; flex-direction: column; gap: .85rem; }
.dl-benefit { display: flex; align-items: flex-start; gap: .85rem; }
.dl-benefit strong { display: block; font-size: .9rem; color: rgba(241,245,249,0.9); margin-bottom: 2px; }
.dl-benefit span { font-size: .82rem; color: var(--t26-muted); }

.dl-url-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(124,58,237,0.25);
    border-radius: 14px;
    padding: 1.1rem 1.25rem;
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .6rem;
    text-align: center;
}
.dl-url-label { font-size: .85rem; color: rgba(241,245,249,0.6); }
.dl-chevron {
    font-size: 1.1rem;
    color: rgba(124,58,237,0.6);
    animation: dl-bounce .9s ease-in-out infinite;
}
@keyframes dl-bounce {
    0%,100% { transform: translateY(0); }
    50%      { transform: translateY(5px); }
}

.dl-apps-title {
    font-size: .8rem;
    color: var(--t26-muted);
    text-align: center;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.dl-apps-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .85rem;
}
.dl-app { text-align: center; }
.dl-app-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .4rem;
    overflow: hidden;
    transition: transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s;
}
.dl-app-icon:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 20px rgba(0,0,0,0.25); }
.dl-app-icon img { width: 36px; height: 36px; object-fit: contain; border-radius: 8px; }
.dl-app-name { font-size: .68rem; color: var(--t26-muted); }

/* === SECTION: REAL-TIME NOTIFICATIONS === */
#t26-notifications {
    padding: 6rem 0;
    background: var(--t26-bg2);
    position: relative;
    overflow: hidden;
}
.nt-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}
@media (max-width: 900px) {
    .nt-grid { grid-template-columns: 1fr; gap: 2.5rem; }
    .nt-cards-wrap { order: 2; }
    .nt-text { order: 1; }
}

.nt-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .55s cubic-bezier(.22,1,.36,1) var(--ntD,0s),
                transform .55s cubic-bezier(.22,1,.36,1) var(--ntD,0s);
}
.nt-reveal.is-visible { opacity: 1; transform: none; }

.nt-cards-wrap { display: flex; flex-direction: column; gap: .85rem; }

.nt-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-radius: 16px;
    opacity: 0;
    transform: translateX(-24px);
    transition: opacity .5s cubic-bezier(.22,1,.36,1) calc(var(--ni,0) * .15s + .1s),
                transform .5s cubic-bezier(.22,1,.36,1) calc(var(--ni,0) * .15s + .1s);
}
.nt-card.is-in { opacity: 1; transform: none; }
.nt-card-plain {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
}
.nt-card-gradient {
    background: var(--t26-gradient);
    border: none;
    box-shadow: 0 12px 40px rgba(124,58,237,0.3);
}

.nt-flag-wrap {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}
.nt-flag-wrap img { width: 36px; height: 36px; object-fit: cover; border-radius: 50%; }

.nt-card-body { flex: 1; }
.nt-card-title { font-size: .87rem; font-weight: 600; color: rgba(241,245,249,0.9); margin: 0 0 3px; }
.nt-card-sub { font-size: .75rem; color: var(--t26-muted); margin: 0; }

.nt-time-badge {
    background: rgba(124,58,237,0.15);
    color: #C4B5FD;
    border: 1px solid rgba(124,58,237,0.25);
    border-radius: 99px;
    padding: .2rem .65rem;
    font-size: .72rem;
    white-space: nowrap;
    flex-shrink: 0;
}
.nt-time-white {
    background: rgba(255,255,255,0.2);
    color: #fff;
    border-color: rgba(255,255,255,0.3);
}

.nt-live-strip {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .25rem;
    margin-top: .25rem;
}

.nt-stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .85rem;
}
.nt-stat-box {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 1.1rem 1rem;
    transition: border-color .25s, background .25s, transform .25s;
}
.nt-stat-box:hover {
    background: rgba(124,58,237,0.07);
    border-color: rgba(124,58,237,0.25);
    transform: translateY(-3px);
}
.nt-stat-val { font-size: 1.6rem; font-weight: 800; line-height: 1; margin-bottom: .3rem; }
.nt-stat-lbl { font-size: .78rem; color: var(--t26-muted); }

/* === SECTION: EVERYTHING YOU NEED === */
#t26-everything {
    padding: 6rem 0;
    background: var(--t26-bg);
    position: relative;
    overflow: hidden;
}

.ev-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .5s cubic-bezier(.22,1,.36,1) var(--edeL, 0s),
                transform .5s cubic-bezier(.22,1,.36,1) var(--edeL, 0s);
}
.ev-reveal.is-visible { opacity: 1; transform: none; }

.ev-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.1rem;
}
@media (max-width: 1100px) { .ev-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px)  { .ev-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .ev-grid { grid-template-columns: 1fr; } }

.ev-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 1.75rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    transition: transform .3s cubic-bezier(.22,1,.36,1), border-color .3s, box-shadow .3s, background .3s;
    cursor: default;
}
.ev-card:hover {
    transform: translateY(-5px);
    background: rgba(124,58,237,0.07);
    border-color: rgba(124,58,237,0.25);
    box-shadow: 0 16px 40px rgba(0,0,0,0.25), 0 0 0 1px rgba(124,58,237,0.15);
}

.ev-icon-wrap {
    width: 48px;
    height: 48px;
    border-radius: 13px;
    background: radial-gradient(ellipse at 30% 30%, var(--ec1, rgba(124,58,237,0.25)), var(--ec2, rgba(124,58,237,0.1)));
    border: 1px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
    transition: transform .3s cubic-bezier(.22,1,.36,1);
}
.ev-card:hover .ev-icon-wrap { transform: scale(1.12) rotate(-4deg); }

.ev-title {
    font-size: .95rem;
    font-weight: 700;
    color: rgba(241,245,249,0.92);
    margin: 0;
    line-height: 1.3;
}
.ev-desc {
    font-size: .82rem;
    color: var(--t26-muted);
    line-height: 1.6;
    margin: 0;
    flex: 1;
}

/* === PAGE: CTA (homepage) === */
#t26-cta {
    background: var(--t26-bg2);
    padding: 7rem 0;
    position: relative;
    overflow: hidden;
}

/* Orb blobs */
.cta-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    opacity: .45;
}
.cta-orb-1 {
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, #7C3AED 0%, transparent 70%);
    top: -150px;
    left: -100px;
}
.cta-orb-2 {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, #06B6D4 0%, transparent 70%);
    bottom: -120px;
    right: -80px;
}

.cta-inner {
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
}

/* Badge */
.cta-badge {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: rgba(124,58,237,0.12);
    border: 1px solid rgba(124,58,237,0.3);
    border-radius: 99px;
    padding: .35rem 1rem;
    font-size: .8rem;
    color: #C4B5FD;
    margin-bottom: 1.75rem;
}
.cta-badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #A78BFA;
    animation: pulse-dot 1.5s ease-in-out infinite;
    flex-shrink: 0;
}

/* Headline */
.cta-title {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.15;
    color: rgba(241,245,249,0.95);
    margin-bottom: 1.25rem;
    letter-spacing: -.02em;
}
.cta-title-accent {
    background: var(--t26-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.cta-sub {
    font-size: 1.05rem;
    color: var(--t26-muted);
    margin-bottom: 2.5rem;
    line-height: 1.7;
}

/* Buttons */
.cta-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}
.cta-btn-primary {
    display: inline-flex;
    align-items: center;
    padding: .9rem 2rem;
    background: var(--t26-gradient);
    color: #fff;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    box-shadow: 0 8px 30px rgba(124,58,237,0.4);
    transition: transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s;
}
.cta-btn-primary:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 14px 40px rgba(124,58,237,0.55);
}
.cta-btn-ghost {
    display: inline-flex;
    align-items: center;
    padding: .9rem 1.75rem;
    background: rgba(255,255,255,0.06);
    color: rgba(241,245,249,0.8);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 12px;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    transition: background .2s, border-color .2s, color .2s, transform .25s;
}
.cta-btn-ghost:hover {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.25);
    color: #fff;
    transform: translateY(-2px);
}

/* Trust strip */
.cta-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .5rem 0;
    font-size: .82rem;
    color: var(--t26-muted);
}
.cta-trust-sep {
    width: 1px;
    height: 12px;
    background: rgba(255,255,255,0.15);
    margin: 0 .75rem;
}
@media (max-width: 580px) { .cta-trust-sep { display: none; } .cta-trust { gap: .35rem .5rem; } }

/* === PAGE: HERO — generic sections === */
.t26-hero {
    padding: 100px 0 60px;
    position: relative;
    overflow: hidden;
    background: var(--t26-bg);
}

/* === PAGE: AUTH (login, register, forgot, reset) === */
.t26-auth-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    position: relative;
    overflow: hidden;
    background: var(--t26-bg);
}
.t26-auth-card {
    background: rgba(13,13,43,0.8);
    border: 1px solid var(--t26-border);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 2.5rem;
    width: 100%;
    max-width: 440px;
}

/* === PAGE: PRICING === */
.pricing-period-btn {
    display: inline-flex;
    align-items: center;
    padding: .55rem 1.5rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: .9rem;
    cursor: pointer;
    border: 1.5px solid var(--t26-border);
    background: transparent;
    color: var(--t26-muted);
    transition: all .25s ease;
    position: relative;
}
.pricing-period-btn.active,
.pricing-period-btn[data-active],
.pricing-period-btn.btn-primary {
    background: var(--t26-gradient) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(124,58,237,0.3) !important;
}
.pricing-period-btn.btn-light {
    background: transparent !important;
    border-color: var(--t26-border) !important;
    color: var(--t26-muted) !important;
    box-shadow: none !important;
}
.pricing-period-btn:hover:not(.active):not(.btn-primary) {
    border-color: var(--t26-primary);
    color: var(--t26-text);
}

/* === PAGE: BLOG === */
.t26-blog-card {
    background: var(--t26-card);
    border: 1px solid var(--t26-border);
    border-radius: 16px;
    overflow: hidden;
    transition: all .3s;
}
.t26-blog-card:hover {
    border-color: rgba(124,58,237,0.3);
    transform: translateY(-2px);
    box-shadow: var(--t26-glow);
}
.t26-blog-card img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}
.t26-article {
    font-size: 1.05rem;
    line-height: 1.85;
    color: var(--t26-text);
}
.t26-article h2, .t26-article h3, .t26-article h4 {
    font-weight: 700;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: var(--t26-text);
}
.t26-article p {
    margin-bottom: 1.5rem;
    color: var(--t26-muted);
}
.t26-article img {
    max-width: 100%;
    border-radius: 12px;
    margin: 1.5rem 0;
}
.t26-article a {
    color: var(--t26-primary-light);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.t26-article blockquote {
    border-left: 4px solid var(--t26-primary);
    padding: 1rem 1.5rem;
    margin: 2rem 0;
    background: rgba(124,58,237,0.08);
    border-radius: 0 12px 12px 0;
    font-style: italic;
}
.t26-article pre,
.t26-article code {
    background: rgba(255,255,255,0.06);
    border-radius: 8px;
    font-size: .9rem;
    border: 1px solid var(--t26-border);
}
.t26-article pre {
    padding: 1.25rem;
    overflow-x: auto;
}
.t26-article code { padding: .15em .4em; }
.t26-article ul,
.t26-article ol {
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
    color: var(--t26-muted);
}
.t26-article li { margin-bottom: .4rem; }

/* === PAGE: STATS (public stats layout) === */
.stats-hero {
    background: linear-gradient(135deg,rgba(124,58,237,0.2) 0%,rgba(6,182,212,0.1) 100%);
    border-bottom: 1px solid var(--t26-border);
    padding: 2.5rem 0;
}
.t26-stat-card {
    background: var(--t26-card);
    border: 1px solid var(--t26-border);
    border-radius: 16px;
    padding: 1.5rem;
    text-align: center;
}
.t26-stat-card .number {
    font-size: 2rem;
    font-weight: 800;
    background: var(--t26-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* === DASHBOARD LAYOUT === */
.t26-dashboard-wrap {
    display: flex;
    min-height: 100vh;
    background: #07071A !important;
    background: var(--t26-bg, #07071A) !important;
}

/* Sidebar */
/* ===== SIDEBAR ===== */
@keyframes t26-nav-in {
    from { opacity: 0; transform: translateX(-10px); }
    to   { opacity: 1; transform: translateX(0); }
}
.t26-sidebar {
    width: var(--t26-sidebar-width);
    height: 100vh;
    background: #0D0D2B !important;
    background: var(--t26-bg2, #0D0D2B) !important;
    border-right: 1px solid rgba(255,255,255,0.06);
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    overflow-y: auto;
    overflow-x: hidden;
}
/* Brand */
.t26-sidebar-brand {
    padding: 1.2rem 1.25rem;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    display: flex;
    align-items: center;
    gap: .75rem;
    text-decoration: none;
    flex-shrink: 0;
}
.t26-sidebar-brand span {
    font-size: 1.1rem;
    font-weight: 800;
    background: var(--t26-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.t26-sidebar-brand img { max-height: 30px; }

/* Nav list */
.t26-sidebar-nav {
    padding: .75rem .65rem 1rem;
    flex-shrink: 0;
    list-style: none;
    margin: 0;
}

/* Section header */
.t26-nav-section {
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--t26-muted);
    opacity: .6;
    padding: 1.1rem .75rem .35rem;
    display: flex;
    align-items: center;
    gap: .5rem;
}
.t26-nav-section::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(255,255,255,0.06);
}

/* Nav item */
.t26-nav-item { margin-bottom: 1px; }
.t26-nav-stagger {
    opacity: 0;
    animation: t26-nav-in .35s ease forwards;
}

/* Nav link */
.t26-nav-link {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .52rem .75rem;
    border-radius: 10px;
    color: rgba(255,255,255,.45) !important;
    font-size: .855rem;
    font-weight: 500;
    text-decoration: none !important;
    transition: color .2s, background .2s;
    cursor: pointer;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    position: relative;
}
.t26-nav-link:hover {
    color: rgba(255,255,255,.85) !important;
    background: rgba(255,255,255,0.05);
}
.t26-nav-link:hover .t26-nav-icon {
    background: rgba(124,58,237,0.2);
    border-color: rgba(124,58,237,0.35);
    transform: scale(1.08);
}
.t26-nav-link:hover .t26-nav-icon i {
    color: #A78BFA;
}

/* Active state */
.t26-nav-link.is-active {
    color: #fff !important;
    background: rgba(124,58,237,0.18) !important;
}
.t26-nav-link.is-active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--t26-gradient);
}
.t26-nav-link.is-active .t26-nav-icon {
    background: rgba(124,58,237,0.28);
    border-color: rgba(124,58,237,0.5);
    box-shadow: 0 0 10px rgba(124,58,237,0.25);
}
.t26-nav-link.is-active .t26-nav-icon i {
    color: #C4B5FD;
}

/* Icon bubble */
.t26-nav-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .2s, border-color .2s, transform .2s, box-shadow .2s;
}
.t26-nav-icon i {
    font-size: .8rem;
    color: rgba(255,255,255,.55);
    transition: color .2s;
    width: auto;
    opacity: 1;
}

/* Label */
.t26-nav-label {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Chevron */
.t26-nav-chevron {
    font-size: .6rem;
    color: rgba(255,255,255,.3);
    flex-shrink: 0;
    transition: transform .25s cubic-bezier(.4,0,.2,1);
    margin-left: auto;
}
.t26-nav-link.t26-nav-open .t26-nav-chevron {
    transform: rotate(180deg);
}

/* Submenu */
.t26-nav-submenu {
    list-style: none;
    margin: 2px 0 2px 0;
    padding: 0 0 0 1rem;
    border-left: 1px solid rgba(124,58,237,0.2);
    margin-left: 1.5rem;
}
.t26-nav-sublink {
    display: block;
    padding: .42rem .75rem;
    font-size: .815rem;
    color: rgba(255,255,255,.4) !important;
    text-decoration: none !important;
    border-radius: 7px;
    transition: color .15s, background .15s, padding-left .15s;
}
.t26-nav-sublink:hover {
    color: rgba(255,255,255,.85) !important;
    background: rgba(255,255,255,0.04);
    padding-left: 1rem;
}

/* === Plugin compat: plugins output default-theme classes directly via print() === */
.t26-sidebar-nav .sidebar-item,
.t26-sidebar .sidebar-item {
    margin-bottom: 1px;
    list-style: none;
}
.t26-sidebar-nav .sidebar-link,
.t26-sidebar .sidebar-link {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .52rem .75rem;
    border-radius: 10px;
    color: rgba(255,255,255,.45) !important;
    font-size: .855rem;
    font-weight: 500;
    text-decoration: none !important;
    transition: color .2s, background .2s;
    cursor: pointer;
}
/* Icon bubble for plugin items (feather svg or i tag) */
.t26-sidebar-nav .sidebar-link > i,
.t26-sidebar .sidebar-link > i,
.t26-sidebar-nav .sidebar-link > svg,
.t26-sidebar .sidebar-link > svg {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.05);
    padding: 6px;
    box-sizing: border-box;
    flex-shrink: 0;
    color: rgba(255,255,255,.55);
    opacity: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .2s, border-color .2s, transform .2s, box-shadow .2s;
}
.t26-sidebar-nav .sidebar-link:hover,
.t26-sidebar .sidebar-link:hover {
    background: rgba(255,255,255,0.05);
    color: rgba(255,255,255,.85) !important;
}
.t26-sidebar-nav .sidebar-link:hover > i,
.t26-sidebar .sidebar-link:hover > i,
.t26-sidebar-nav .sidebar-link:hover > svg,
.t26-sidebar .sidebar-link:hover > svg {
    background: rgba(124,58,237,0.2);
    border-color: rgba(124,58,237,0.35);
    transform: scale(1.08);
    color: #A78BFA;
}
.t26-sidebar-nav .sidebar-link.active,
.t26-sidebar .sidebar-link.active {
    background: rgba(124,58,237,0.18) !important;
    color: #fff !important;
}
.t26-sidebar-nav .sidebar-link.active > i,
.t26-sidebar .sidebar-link.active > i,
.t26-sidebar-nav .sidebar-link.active > svg,
.t26-sidebar .sidebar-link.active > svg {
    background: rgba(124,58,237,0.28);
    border-color: rgba(124,58,237,0.5);
    box-shadow: 0 0 10px rgba(124,58,237,0.25);
    color: #C4B5FD;
}
.t26-sidebar-nav .sidebar-dropdown,
.t26-sidebar .sidebar-dropdown {
    list-style: none;
    margin: 2px 0 2px 1.5rem;
    padding: 0 0 0 1rem;
    border-left: 1px solid rgba(124,58,237,0.2);
}
.t26-sidebar-nav .sidebar-dropdown .sidebar-link,
.t26-sidebar .sidebar-dropdown .sidebar-link {
    font-size: .815rem;
    padding: .42rem .75rem;
    color: rgba(255,255,255,.38) !important;
}
.t26-sidebar-nav .sidebar-dropdown .sidebar-link:hover,
.t26-sidebar .sidebar-dropdown .sidebar-link:hover {
    color: rgba(255,255,255,.85) !important;
    background: rgba(255,255,255,0.04);
    padding-left: 1rem;
}

/* Channel dot */
.t26-nav-channel { gap: .75rem; }
.t26-nav-channel-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-left: 10px;
    transition: transform .2s;
}
.t26-nav-channel:hover .t26-nav-channel-dot {
    transform: scale(1.4);
}

/* Workspace selector */
.t26-workspace-toggle {
    padding: .85rem 1rem;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    margin-bottom: .25rem;
}
.t26-workspace-btn {
    display: flex;
    align-items: center;
    gap: .65rem;
    width: 100%;
    padding: .6rem .75rem;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    cursor: pointer;
    transition: background .2s, border-color .2s;
    text-decoration: none;
    color: var(--t26-text) !important;
}
.t26-workspace-btn:hover {
    background: rgba(255,255,255,0.07);
    border-color: rgba(124,58,237,0.3);
}
.t26-ws-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 1.5px solid rgba(124,58,237,0.35);
}
.t26-ws-label {
    font-size: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}
.t26-ws-chevron {
    font-size: .6rem;
    color: rgba(255,255,255,.3);
    flex-shrink: 0;
}

/* Upgrade CTA */
.t26-sidebar-cta {
    margin: 0 1rem 1.25rem;
    flex-shrink: 0;
    padding: 1rem 1rem .9rem;
    background: linear-gradient(135deg, rgba(124,58,237,0.15) 0%, rgba(6,182,212,0.08) 100%);
    border: 1px solid rgba(124,58,237,0.28);
    border-radius: 14px;
    position: relative;
    overflow: hidden;
}
.t26-sidebar-cta::before {
    content: '';
    position: absolute;
    top: -20px;
    right: -20px;
    width: 60px;
    height: 60px;
    background: radial-gradient(circle, rgba(124,58,237,0.3) 0%, transparent 70%);
    border-radius: 50%;
}
.t26-cta-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(124,58,237,0.25);
    border: 1px solid rgba(124,58,237,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .6rem;
    font-size: .8rem;
    color: #C4B5FD;
}
.t26-sidebar-cta p {
    font-size: .79rem;
    color: var(--t26-muted);
    margin-bottom: .65rem;
}

/* Keep legacy classes for any existing usage */
.t26-sidebar-header { display: none; }
.t26-sidebar-item { }
.t26-sidebar-link {
    display: flex; align-items: center; gap: .75rem; padding: .52rem .75rem;
    border-radius: 10px; color: rgba(255,255,255,.45) !important; font-size: .855rem;
    font-weight: 500; text-decoration: none !important; transition: all .2s;
    cursor: pointer; border: none; background: transparent; width: 100%; text-align: left;
}
.t26-sidebar-link:hover, .t26-sidebar-link.active {
    background: rgba(124,58,237,0.15); color: #fff !important;
}
.t26-sidebar-submenu {
    list-style: none; margin: 2px 0 2px 1.5rem;
    padding: 0 0 0 1rem; border-left: 1px solid rgba(124,58,237,0.2);
}

/* Topbar */
.t26-topbar {
    height: var(--t26-topbar-height);
    background: rgba(7,7,26,0.97) !important;
    border-bottom: 1px solid var(--t26-border);
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    gap: 1rem;
    position: sticky;
    top: 0;
    z-index: 100;
}
.t26-topbar-search {
    flex: 1;
    max-width: 380px;
}
.t26-topbar-search .form-control {
    background: rgba(255,255,255,0.05) !important;
    border-radius: 10px !important;
    font-size: .875rem;
    padding: .5rem 1rem;
}
.t26-topbar-actions {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-left: auto;
}
.t26-topbar-icon-btn {
    width: 36px; height: 36px;
    background: rgba(255,255,255,0.06);
    border: 1px solid var(--t26-border);
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--t26-muted) !important;
    transition: all .2s;
    cursor: pointer;
    text-decoration: none;
    position: relative;
}
.t26-topbar-icon-btn:hover {
    background: rgba(124,58,237,0.15);
    border-color: rgba(124,58,237,0.4);
    color: var(--t26-text) !important;
}
.t26-topbar-avatar {
    width: 36px; height: 36px;
    border-radius: 50%;
    border: 2px solid rgba(124,58,237,0.5);
    cursor: pointer;
    object-fit: cover;
}
.t26-notification-badge {
    position: absolute;
    top: -4px; right: -4px;
    width: 16px; height: 16px;
    background: var(--t26-rose);
    border-radius: 50%;
    font-size: .65rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

/* Dashboard main content */
.t26-main {
    margin-left: var(--t26-sidebar-width);
    flex: 1;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #07071A !important;
    background: var(--t26-bg, #07071A) !important;
}
.t26-content {
    padding: 1.75rem;
    flex: 1;
    background: #07071A;
    background: var(--t26-bg, #07071A);
}

/* Dashboard footer */
.t26-dashboard-footer {
    padding: 1rem 1.75rem;
    border-top: 1px solid var(--t26-border);
    font-size: .8rem;
    color: var(--t26-muted);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .5rem;
}
.t26-dashboard-footer a {
    color: var(--t26-muted);
    transition: color .2s;
}
.t26-dashboard-footer a:hover { color: var(--t26-text); }

/* Mobile: toggle sidebar */
@media (max-width: 991.98px) {
    .t26-sidebar {
        transform: translateX(-100%);
    }
    .t26-sidebar.show {
        transform: translateX(0);
    }
    .t26-main {
        margin-left: 0;
    }
}

/* === PARTIALS: LINK ROW === */
.t26-link-row {
    padding: 12px 6px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    border-radius: 8px;
    margin: 0 -6px;
    transition: background .15s;
}
.t26-link-row:hover {
    background: rgba(255,255,255,0.03);
}
.t26-link-row:last-child {
    border-bottom: none;
}
.t26-link-check {
    width: 15px !important;
    height: 15px !important;
    border-radius: 4px !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1.5px solid rgba(255,255,255,0.18) !important;
    cursor: pointer;
    flex-shrink: 0;
    margin-top: 1px;
}
.t26-link-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(124,58,237,0.1);
    border: 1px solid rgba(124,58,237,0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.t26-link-short-url {
    font-size: .78rem;
    color: #9F67FF;
    font-weight: 500;
    white-space: nowrap;
}
.t26-link-copy {
    font-size: .68rem;
    font-weight: 600;
    color: #7C3AED;
    background: rgba(124,58,237,0.1);
    border: 1px solid rgba(124,58,237,0.2);
    padding: 1px 7px;
    border-radius: 5px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background .15s;
    flex-shrink: 0;
}
.t26-link-copy:hover {
    background: rgba(124,58,237,0.2);
    color: #9F67FF;
}
.t26-link-badge {
    display: inline-flex;
    align-items: center;
    font-size: .67rem;
    font-weight: 500;
    padding: 2px 7px;
    border-radius: 5px;
    background: rgba(255,255,255,0.06);
    color: var(--t26-muted);
    border: 1px solid rgba(255,255,255,0.1);
    white-space: nowrap;
}
.t26-link-badge-red {
    background: rgba(248,113,113,0.12);
    color: #F87171;
    border-color: rgba(248,113,113,0.25);
}
.t26-link-badge-green {
    background: rgba(16,185,129,0.1);
    color: #10b981;
    border-color: rgba(16,185,129,0.22);
}
.t26-link-time {
    font-size: .7rem;
    color: var(--t26-muted);
    white-space: nowrap;
}
.t26-link-stat {
    flex-shrink: 0;
    min-width: 60px;
    text-align: center;
}
/* === RECENT LINKS ROW (rl-*) === */
.rl-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);transition:background .2s,border-color .2s;margin-bottom:6px}
.rl-row:last-child{margin-bottom:0}
.rl-row:hover{background:rgba(124,58,237,.05);border-color:rgba(124,58,237,.18)}
.rl-left{display:flex;align-items:center;gap:10px;min-width:0}
.rl-favicon-wrap{width:32px;height:32px;border-radius:8px;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rl-favicon{border-radius:3px;display:block}
.rl-info{min-width:0;flex:1}
.rl-title{display:inline-flex;align-items:center;gap:5px;font-size:.875rem;font-weight:600;color:var(--t26-text);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s;vertical-align:middle}
.rl-title:hover{color:#A78BFA}
.rl-title-ext{font-size:.6rem;opacity:.35;flex-shrink:0}
.rl-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:5px}
.rl-middle{display:flex;align-items:center;gap:6px;flex-shrink:0}
.rl-short-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.2);border-radius:8px;color:#A78BFA;font-size:.78rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.rl-short-link:hover{background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.4);color:#C4B5FD}
.rl-short-icon{font-size:.65rem;flex-shrink:0;opacity:.7}
.rl-copy-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--t26-muted);font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden;transition:background .2s,border-color .2s,color .2s;-webkit-user-select:none;user-select:none}
.rl-copy-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:var(--t26-text)}
.rl-copy-btn.rl-copied{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.35);color:#34D399;animation:rl-pop .25s ease}
@keyframes rl-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
.rl-copy-btn::before{content:'';position:absolute;inset:0;background:radial-gradient(circle,rgba(16,185,129,.25) 0%,transparent 70%);opacity:0;transition:opacity .5s}
.rl-copy-btn.rl-copied::before{opacity:1}
.rl-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.rl-stats-link{text-decoration:none;text-align:center;padding:4px 8px;border-radius:8px;transition:background .2s}
.rl-stats-link:hover{background:rgba(255,255,255,.05)}
.rl-stat-num{font-size:.95rem;font-weight:700;color:var(--t26-text);line-height:1}
.rl-stat-lbl{font-size:.65rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}
@media(max-width:767px){.rl-middle{display:none}}
.t26-dd-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    font-size: .83rem;
    color: var(--t26-text);
    text-decoration: none;
    cursor: pointer;
    transition: background .12s;
}
.t26-dd-item:hover {
    background: rgba(255,255,255,0.05);
    color: var(--t26-text);
}
.t26-dd-item-danger {
    color: #F87171 !important;
}
.t26-dd-item-danger:hover {
    background: rgba(248,113,113,0.08) !important;
}

/* === PARTIALS: SHORTENER (dashboard) === */
.t26-shortener-form {
    background: rgba(255,255,255,.04);
    border: 1.5px solid rgba(255,255,255,.1);
    border-radius: 12px;
    display: flex;
    align-items: stretch;
    transition: border-color .2s, box-shadow .2s;
}
.t26-shortener-form:focus-within {
    border-color: rgba(124,58,237,.5);
    box-shadow: 0 0 0 3px rgba(124,58,237,.12);
}
.t26-shortener-form .form-control {
    padding: .75rem 1rem;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.t26-shortener-collapse {
    background: rgba(255,255,255,0.03);
    border: 1px solid var(--t26-border);
    border-radius: 12px;
    padding: 1.25rem;
    margin-top: 1rem;
}

/* === PAGE: GATES (password, splash, etc.) === */
.t26-gate-wrap {
    min-height: calc(100vh - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    position: relative;
}

/* === PAGE: HELP CENTER === */
.t26-help-category-card {
    background: var(--t26-card);
    border: 1px solid var(--t26-border);
    border-radius: 16px;
    padding: 1.75rem;
    text-align: center;
    transition: all .3s;
    height: 100%;
}
.t26-help-category-card:hover {
    border-color: rgba(124,58,237,0.3);
    transform: translateY(-2px);
    box-shadow: var(--t26-glow);
}

/* === PAGE: STATS NAV === */
.t26-stats-nav {
    background: var(--t26-bg2);
    border-bottom: 1px solid var(--t26-border);
    padding: .75rem 0;
}
.t26-stats-nav .nav-link {
    color: var(--t26-muted) !important;
    font-size: .875rem;
    font-weight: 500;
    padding: .45rem 1rem;
    border-radius: 8px;
    transition: all .2s;
}
.t26-stats-nav .nav-link:hover,
.t26-stats-nav .nav-link.active {
    background: rgba(124,58,237,0.15);
    color: var(--t26-primary-light) !important;
}

/* === PAGE: ERRORS === */
.t26-error-section {
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3rem 1rem;
    position: relative;
    overflow: hidden;
}
.t26-error-code {
    font-size: clamp(5rem,18vw,10rem);
    font-weight: 900;
    background: var(--t26-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1;
    display: block;
}

/* === PAGE: INVOICE === */
.t26-invoice {
    background: var(--t26-card);
    border: 1px solid var(--t26-border);
    border-radius: 16px;
    padding: 2.5rem;
    max-width: 800px;
    margin: 2rem auto;
}

/* === PAGE: BIO PROFILE === */
.t26-bio-container {
    max-width: 480px;
    margin: 0 auto;
    padding: 2rem 1rem;
}
.t26-bio-link-btn {
    display: block;
    width: 100%;
    padding: .9rem 1.5rem;
    border-radius: 12px;
    text-align: center;
    font-weight: 600;
    font-size: .95rem;
    transition: all .3s;
    margin-bottom: .75rem;
    text-decoration: none;
    background: rgba(255,255,255,0.06);
    border: 1px solid var(--t26-border);
    color: var(--t26-text) !important;
}
.t26-bio-link-btn:hover {
    background: rgba(124,58,237,0.2);
    border-color: rgba(124,58,237,0.5);
    transform: translateY(-2px);
}

/* === EXT REVEAL ANIMATION === */
.ext-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .55s cubic-bezier(.22,1,.36,1) var(--delay, 0s),
                transform .55s cubic-bezier(.22,1,.36,1) var(--delay, 0s);
}
.ext-reveal.is-visible {
    opacity: 1;
    transform: none;
}

/* === BROWSER EXTENSIONS SECTION === */
#t26-extensions {
    padding: 6rem 0;
    position: relative;
    overflow: hidden;
}
#t26-extensions::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 70% 50% at 80% 50%, rgba(6,182,212,0.06), transparent 65%),
                radial-gradient(ellipse 50% 60% at 10% 50%, rgba(124,58,237,0.06), transparent 60%);
    pointer-events: none;
}

/* Browser cards row */
.ext-browsers-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
    .ext-browsers-row { grid-template-columns: 1fr; max-width: 340px; margin-left: auto; margin-right: auto; }
}

.ext-browser-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2.25rem 1.5rem 1.75rem;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.08);
    background: var(--bg, rgba(255,255,255,0.04));
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    transition: transform .3s cubic-bezier(.22,1,.36,1), border-color .3s, box-shadow .3s;
}
.ext-browser-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: var(--bc, #7C3AED);
    opacity: .7;
    transition: opacity .3s;
}
.ext-browser-card:hover {
    transform: translateY(-6px);
    border-color: var(--bc, rgba(255,255,255,0.2));
    box-shadow: 0 20px 50px rgba(0,0,0,0.3), 0 0 0 1px var(--bc, rgba(255,255,255,0.1));
}
.ext-browser-card:hover::before {
    opacity: 1;
}

.ext-browser-icon-wrap {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: var(--bg, rgba(255,255,255,0.06));
    border: 1px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.1rem;
    font-size: 2rem;
    transition: transform .3s;
}
.ext-browser-card:hover .ext-browser-icon-wrap {
    transform: scale(1.08);
}

.ext-browser-name {
    font-size: 1.15rem;
    font-weight: 700;
    color: rgba(241,245,249,0.95);
    margin-bottom: .2rem;
}
.ext-browser-sub {
    font-size: .78rem;
    color: var(--t26-muted);
    margin-bottom: 1.25rem;
}
.ext-install-pill {
    display: inline-flex;
    align-items: center;
    padding: .45rem 1.1rem;
    border-radius: 50px;
    font-size: .82rem;
    font-weight: 600;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.12);
    color: rgba(241,245,249,0.8);
    transition: background .25s, color .25s;
}
.ext-browser-card:hover .ext-install-pill {
    background: var(--bc, rgba(255,255,255,0.15));
    color: #fff;
    border-color: transparent;
}

/* Also works with strip */
.ext-also-works {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem 1.25rem;
    justify-content: center;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    margin-bottom: 1.5rem;
}
.ext-also-label {
    font-size: .8rem;
    color: var(--t26-muted);
    font-weight: 500;
    white-space: nowrap;
}
.ext-also-item {
    font-size: .82rem;
    color: rgba(241,245,249,0.65);
}

/* Feature strip */
.ext-feat-strip {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center;
}
.ext-feat-pill {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem 1.1rem;
    border-radius: 50px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: .85rem;
    color: rgba(241,245,249,0.75);
    transition: background .25s, border-color .25s;
}
.ext-feat-pill:hover {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.14);
}

/* === TEAM COLLABORATION SECTION === */
#t26-team {
    padding: 6rem 0;
    position: relative;
    overflow: hidden;
    background: var(--t26-bg);
}
#t26-team::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 55% 60% at 0% 50%, rgba(124,58,237,0.07), transparent 60%),
                radial-gradient(ellipse 40% 50% at 100% 50%, rgba(6,182,212,0.05), transparent 55%);
    pointer-events: none;
}

.team-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}
@media (max-width: 991.98px) {
    .team-grid { grid-template-columns: 1fr; gap: 2.5rem; }
    .team-card-wrap { order: -1; }
}

/* Team card */
.team-card-wrap { display: flex; justify-content: center; }
.team-card {
    width: 100%;
    max-width: 440px;
    background: rgba(13,13,43,0.85);
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,0.3), 0 0 0 1px rgba(124,58,237,0.08);
}
.team-card-hdr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    background: rgba(255,255,255,0.02);
}
.team-invite-btn {
    display: inline-flex;
    align-items: center;
    padding: .35rem .9rem;
    border-radius: 50px;
    font-size: .78rem;
    font-weight: 600;
    background: var(--t26-gradient);
    border: none;
    color: #fff;
    cursor: default;
}

.team-members {
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.team-member {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .7rem .85rem;
    border-radius: 12px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.07);
    opacity: 0;
    transform: translateX(-20px);
    cursor: default;
    transition: opacity .5s cubic-bezier(.22,1,.36,1) var(--dm,0s),
                transform .5s cubic-bezier(.22,1,.36,1) var(--dm,0s),
                background .25s, border-color .25s, box-shadow .25s;
}
.team-member.is-in {
    opacity: 1;
    transform: none;
}
.team-member.is-in:hover {
    transform: translateX(6px);
    background: rgba(124,58,237,0.1);
    border-color: rgba(124,58,237,0.35);
    box-shadow: 0 4px 20px rgba(124,58,237,0.12);
}
.team-member.is-in:hover .team-avatar {
    transform: scale(1.1) rotate(-4deg);
}
.team-member.is-in:hover .team-member-name {
    background: var(--t26-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.team-avatar {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
    letter-spacing: .03em;
    transition: transform .3s cubic-bezier(.22,1,.36,1);
}
.team-member-info { flex: 1; min-width: 0; }
.team-member-name {
    font-size: .875rem;
    font-weight: 600;
    color: rgba(241,245,249,0.92);
    margin: 0 0 .1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.team-member-email {
    font-size: .72rem;
    color: var(--t26-muted);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.team-role-badge {
    font-size: .7rem;
    font-weight: 700;
    padding: .25rem .65rem;
    border-radius: 50px;
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.team-role-admin  { background: rgba(124,58,237,0.2); color: #C4B5FD; border: 1px solid rgba(124,58,237,0.3); }
.team-role-pending{ background: rgba(245,158,11,0.15); color: #FCD34D; border: 1px solid rgba(245,158,11,0.25); }
.team-role-member { background: rgba(6,182,212,0.15); color: #38BDF8; border: 1px solid rgba(6,182,212,0.25); }

.team-member-placeholder {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .6rem .85rem;
    border-radius: 12px;
    border: 1px dashed rgba(255,255,255,0.12);
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity .5s cubic-bezier(.22,1,.36,1) var(--dm,0s),
                transform .5s cubic-bezier(.22,1,.36,1) var(--dm,0s);
}
.team-member-placeholder.is-in { opacity: 1; transform: none; }
.team-avatar-placeholder {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(255,255,255,0.05);
    border: 1px dashed rgba(255,255,255,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--t26-muted);
    font-size: .85rem;
    flex-shrink: 0;
}

.team-online-strip {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1.25rem;
    border-top: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.015);
}
.team-online-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #34D399;
    animation: pulse-dot 1.5s ease-in-out infinite;
}

/* Team text benefits */
.team-benefits {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}
.team-benefit {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
}
.team-benefit strong {
    display: block;
    font-size: .92rem;
    font-weight: 700;
    color: rgba(241,245,249,0.92);
    margin-bottom: .15rem;
}
.team-benefit span {
    font-size: .8rem;
    color: var(--t26-muted);
    line-height: 1.5;
}

/* === RESPONSIVE TWEAKS === */
@media (max-width: 575.98px) {
    .hero-h1   { font-size: 2rem; }
    .shorten-row { flex-direction: column; }
    .t26-content { padding: 1rem; }
    .t26-auth-card { padding: 1.5rem; }
    .shortener-card { padding: 1rem; }
}

/* ============================================================
   BIO PAGE — COMPLETE STYLES
   ============================================================ */

/* Tab nav (shared: bio / qr pages) */
.t26-tabs {
    display: flex;
    align-items: center;
    gap: .4rem;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: .35rem;
}
.t26-tab {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem 1.15rem;
    border-radius: 10px;
    color: var(--t26-muted);
    font-size: .88rem;
    font-weight: 600;
    transition: background .2s, color .2s;
    text-decoration: none !important;
    white-space: nowrap;
}
.t26-tab:hover { color: var(--t26-text); background: rgba(255,255,255,0.06); }
.t26-tab.active { background: var(--t26-gradient); color: #fff !important; }
.t26-tab i { font-size: .82rem; }
@media(max-width:480px){
    .t26-tab span { display: none; }
    .t26-tab { padding: .55rem .75rem; }
}

/* ── Hero keyframe (above-fold, no JS needed) ── */
@keyframes bio-fadein {
    from { opacity: 0; transform: translateY(26px); }
    to   { opacity: 1; transform: none; }
}
.bio-hero-anim {
    animation: bio-fadein .75s cubic-bezier(.22,1,.36,1) both;
    animation-delay: var(--bd, 0s);
}

/* ── Scroll reveal (below-fold) ── */
.bio-reveal {
    /* visible by default — animation plays when bio-visible is added */
    transform: translateY(22px);
    opacity: 1;
    transition: transform .6s cubic-bezier(.22,1,.36,1) var(--bd,0s),
                opacity .6s cubic-bezier(.22,1,.36,1) var(--bd,0s);
}
.bio-reveal.bio-anim-ready {
    opacity: 0;
    transform: translateY(22px);
}
.bio-reveal.bio-visible { opacity: 1; transform: none; }

/* ── Hero ── */
#bio-hero {
    background: var(--t26-bg);
    padding: 5rem 0 6rem;
    position: relative;
    overflow: hidden;
}

/* Checkmarks grid */
.bio-checks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
    margin-bottom: 1.5rem;
}
.bio-checks div {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .83rem;
    color: rgba(241,245,249,0.8);
}

/* Alias form */
.bio-alias-label {
    display: block;
    font-size: .75rem;
    font-weight: 700;
    color: var(--t26-muted);
    text-transform: uppercase;
    letter-spacing: .09em;
    margin-bottom: .5rem;
}
.bio-alias-row {
    display: flex;
    align-items: stretch;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.11);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color .2s, box-shadow .2s;
}
.bio-alias-row:focus-within {
    border-color: rgba(124,58,237,0.55);
    box-shadow: 0 0 0 3px rgba(124,58,237,0.14);
}
.bio-alias-prefix {
    display: flex;
    align-items: center;
    gap: .3rem;
    padding: 0 .85rem;
    background: rgba(255,255,255,0.03);
    border-right: 1px solid rgba(255,255,255,0.08);
    color: var(--t26-muted);
    font-size: .8rem;
    white-space: nowrap;
    flex-shrink: 0;
}
.bio-alias-row input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--t26-text);
    font-size: .93rem;
    font-weight: 500;
    padding: .75rem .85rem;
    min-width: 0;
    font-family: 'Inter', sans-serif;
}
.bio-alias-row input::placeholder { color: rgba(241,245,249,0.22); }
.bio-alias-row .btn-gradient {
    border-radius: 0;
    padding: .75rem 1.2rem;
    flex-shrink: 0;
}
.bio-alias-hint {
    display: block;
    font-size: .73rem;
    color: var(--t26-muted);
    margin-top: .4rem;
}

/* Avatar stack */
.bio-avatar-stack { display: flex; }
.bio-avatar-stack img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid var(--t26-bg);
    object-fit: cover;
    margin-left: -8px;
}
.bio-avatar-stack img:first-child { margin-left: 0; }

/* ── Phone mockup ── */
.bio-phone-wrap {
    position: relative;
    display: inline-block;
    filter: drop-shadow(0 32px 64px rgba(0,0,0,0.55));
}
.bio-phone {
    width: 230px;
    background: #0B0B1E;
    border-radius: 38px;
    border: 2px solid rgba(255,255,255,0.13);
    overflow: hidden;
    position: relative;
    display: inline-block;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}
.bio-phone-notch {
    width: 82px;
    height: 22px;
    background: #07071A;
    border-radius: 0 0 16px 16px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.bio-phone-screen {
    background: linear-gradient(180deg, #0D0D2B 0%, #07071A 100%);
    min-height: 390px;
    display: flex;
    flex-direction: column;
}
.bio-phone-urlbar {
    display: flex;
    align-items: center;
    gap: .32rem;
    background: rgba(255,255,255,0.05);
    border-radius: 7px;
    padding: .3rem .6rem;
    margin: .55rem .55rem .3rem;
    height: 24px;
}
.bio-phone-avatar-wrap {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 2px solid rgba(124,58,237,0.55);
    overflow: hidden;
    display: inline-block;
    position: relative;
}
.bio-phone-avatar-wrap img { width: 100%; height: 100%; object-fit: cover; }
.bio-phone-verified {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 17px;
    height: 17px;
    background: var(--t26-gradient);
    border-radius: 50%;
    border: 1.5px solid #07071A;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bio-phone-social {
    width: 22px;
    height: 22px;
    background: rgba(255,255,255,0.1);
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .68rem;
    color: rgba(241,245,249,0.7);
    transition: background .2s;
}
.bio-phone-social:hover { background: rgba(255,255,255,0.17); }
.bio-phone-link-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .32rem;
    border-radius: 8px;
    padding: .48rem .65rem;
    font-size: .67rem;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none !important;
    transition: opacity .2s;
}
.bio-phone-link-btn:hover { opacity: .85; }
.bio-phone-stats {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: .3rem;
    padding: .5rem .7rem .6rem;
    border-top: 1px solid rgba(255,255,255,0.06);
    margin-top: auto;
    text-align: center;
}
.bio-phone-stat-val {
    font-size: .78rem;
    font-weight: 700;
    background: var(--t26-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.bio-phone-stat-lbl {
    font-size: .55rem;
    color: rgba(241,245,249,0.3);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top: .04rem;
}
.bio-phone-home-bar {
    height: 4px;
    background: rgba(255,255,255,0.15);
    border-radius: 3px;
    width: 58px;
    margin: .45rem auto .6rem;
}

/* Float badges */
.bio-float-badge {
    position: absolute;
    background: rgba(10,10,32,0.88);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    padding: .42rem .82rem;
    font-size: .73rem;
    font-weight: 600;
    color: rgba(241,245,249,0.92);
    backdrop-filter: blur(12px);
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: .35rem;
    animation: bio-float 4s ease-in-out infinite;
    z-index: 10;
}
.bio-float-top    { top: 12%; right: -130px; animation-delay: 0s; }
.bio-float-bottom { bottom: 20%; right: -130px; animation-delay: 2.1s; }
.bio-float-notif {
    position: absolute;
    top: 30%;
    left: -145px;
    background: rgba(16,185,129,0.14);
    border: 1px solid rgba(16,185,129,0.32);
    border-radius: 10px;
    padding: .42rem .82rem;
    font-size: .73rem;
    font-weight: 600;
    color: rgba(241,245,249,0.92);
    backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    gap: .48rem;
    animation: bio-float 4s ease-in-out infinite;
    animation-delay: 1.1s;
    z-index: 10;
}
.bio-float-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10B981;
    animation: pulse-dot 1.5s ease-in-out infinite;
    flex-shrink: 0;
}
@keyframes bio-float {
    0%,100% { transform: translateY(0); }
    50%      { transform: translateY(-9px); }
}

/* ── Platforms ticker ── */
.bio-platforms-section {
    background: var(--t26-bg2);
    padding: 1.6rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(255,255,255,0.05);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.bio-platforms-label {
    text-align: center;
    font-size: .72rem;
    color: var(--t26-muted);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: 1rem;
}
.bio-platforms-track {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);
    mask-image: linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);
}
.bio-platforms-inner {
    display: flex;
    gap: 2rem;
    animation: bio-ticker 30s linear infinite;
    width: max-content;
}
.bio-platforms-inner:hover { animation-play-state: paused; }
.bio-platform-item {
    display: flex;
    align-items: center;
    gap: .48rem;
    font-size: .83rem;
    font-weight: 600;
    color: var(--t26-muted);
    white-space: nowrap;
    transition: color .2s;
}
.bio-platform-item:hover { color: var(--t26-text); }
@keyframes bio-ticker {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* ── Features grid ── */
.bio-feat-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1.2rem;
}
@media(max-width:900px) { .bio-feat-grid { grid-template-columns: repeat(2,1fr); } }
@media(max-width:480px) { .bio-feat-grid { gap: .75rem; } }

.bio-feat-card {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 16px;
    padding: 1.5rem;
    transition: transform .3s, border-color .3s, box-shadow .3s;
    position: relative;
    overflow: hidden;
}
.bio-feat-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--t26-gradient);
    opacity: 0;
    transition: opacity .3s;
    border-radius: 16px;
    z-index: 0;
}
.bio-feat-card:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.3); box-shadow: 0 14px 44px rgba(0,0,0,0.3); }
.bio-feat-card:hover::after { opacity: .05; }
.bio-feat-card > * { position: relative; z-index: 1; }
.bio-feat-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--bfi1,rgba(124,58,237,0.2));
    border: 1px solid var(--bfi2,rgba(124,58,237,0.15));
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    color: var(--bfc,#A78BFA);
    transition: transform .3s;
}
.bio-feat-card:hover .bio-feat-icon { transform: scale(1.12) rotate(-4deg); }
.bio-feat-title {
    font-size: .9rem;
    font-weight: 700;
    color: rgba(241,245,249,0.95);
    margin: 0 0 .4rem;
}
.bio-feat-desc {
    font-size: .79rem;
    color: var(--t26-muted);
    line-height: 1.62;
    margin: 0;
}

/* ── How it works ── */
#bio-how {
    background: var(--t26-bg2);
    padding: 6rem 0;
}
.bio-steps {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.5rem;
    position: relative;
}
.bio-steps::before {
    content: '';
    position: absolute;
    top: 32px;
    left: calc(16.66% + 20px);
    right: calc(16.66% + 20px);
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(124,58,237,0.4),rgba(6,182,212,0.4),transparent);
    pointer-events: none;
}
@media(max-width:700px) { .bio-steps { grid-template-columns: 1fr; } .bio-steps::before { display: none; } }
.bio-step { text-align: center; }
.bio-step-num-wrap {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(124,58,237,0.12);
    border: 2px solid rgba(124,58,237,0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.1rem;
    position: relative;
    z-index: 1;
    transition: transform .3s, background .3s;
}
.bio-step-num-wrap:hover { background: rgba(124,58,237,0.22); transform: scale(1.1); }
.bio-step-num {
    font-size: 1.3rem;
    font-weight: 800;
    background: var(--t26-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.bio-step-title { font-size: .95rem; font-weight: 700; color: rgba(241,245,249,0.95); margin: 0 0 .4rem; }
.bio-step-desc  { font-size: .82rem; color: var(--t26-muted); line-height: 1.65; margin: 0; }

/* ── Split layout ── */
.bio-split-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}
.bio-split-reverse { direction: rtl; }
.bio-split-reverse > * { direction: ltr; }
@media(max-width:900px) { .bio-split-grid { grid-template-columns: 1fr; gap: 2.5rem; } .bio-split-reverse { direction: ltr; } }

/* an-check (showcase bullets) */
.an-check {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(124,58,237,0.15);
    border: 1px solid rgba(124,58,237,0.3);
    color: #A78BFA;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    flex-shrink: 0;
}

/* ── Creator cards ── */
.bio-creators-wrap { display: flex; flex-direction: column; gap: .85rem; }
.bio-creator-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    padding: 1rem 1.2rem;
    transition: border-color .25s, background .25s;
}
.bio-creator-card:hover { border-color: rgba(124,58,237,0.3); background: rgba(255,255,255,0.06); }
.bio-creator-featured {
    border-color: rgba(124,58,237,0.3) !important;
    background: rgba(124,58,237,0.06) !important;
    flex-wrap: wrap;
}
.bio-creator-avatar-wrap { position: relative; flex-shrink: 0; }
.bio-creator-avatar-wrap img { border-radius: 50%; border: 2px solid rgba(255,255,255,0.14); object-fit: cover; }
.bio-creator-badge {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1.5px solid var(--t26-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.bio-creator-info { flex: 1; min-width: 0; }
.bio-creator-name { font-size: .9rem; font-weight: 700; color: rgba(241,245,249,0.95); margin: 0 0 .1rem; }
.bio-creator-role { font-size: .75rem; color: var(--t26-muted); margin: 0; }

/* ── Widget grid ── */
.bio-widget-grid {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: .85rem;
    margin-bottom: 2rem;
}
@media(max-width:900px) { .bio-widget-grid { grid-template-columns: repeat(4,1fr); } }
@media(max-width:500px) { .bio-widget-grid { grid-template-columns: repeat(3,1fr); gap: .5rem; } }

.bio-widget-card {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px;
    padding: 1rem .6rem;
    text-align: center;
    transition: transform .25s, border-color .25s, background .25s;
    position: relative;
    cursor: default;
}
.bio-widget-card:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); background: rgba(255,255,255,0.06); }
.bio-widget-icon { margin-bottom: .55rem; }
.bio-widget-img { width: 44px; height: 44px; object-fit: contain; border-radius: 10px; }
.bio-widget-name { font-size: .7rem; font-weight: 600; color: rgba(241,245,249,0.65); display: block; }
.bio-widget-popular {
    position: absolute;
    top: -6px;
    right: -4px;
    background: linear-gradient(135deg,#F43F5E,#F59E0B);
    color: #fff;
    font-size: .58rem;
    font-weight: 700;
    padding: .14rem .38rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* Widget highlight row */
.bio-widget-highlights {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.2rem;
    margin-top: 1.5rem;
}
@media(max-width:700px) { .bio-widget-highlights { grid-template-columns: 1fr; } }
.bio-widget-hl {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px;
    padding: 1.25rem 1rem;
    text-align: center;
}
.bio-widget-hl-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .75rem;
    font-size: 1rem;
}
.bio-widget-hl-title { font-size: .88rem; font-weight: 700; color: rgba(241,245,249,0.9); margin: 0 0 .3rem; }
.bio-widget-hl-desc  { font-size: .78rem; color: var(--t26-muted); margin: 0; line-height: 1.5; }

/* ── Testimonials ── */
#bio-testi { background: var(--t26-bg); padding: 6rem 0; }
.bio-testimonials {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.25rem;
}
@media(max-width:800px) { .bio-testimonials { grid-template-columns: 1fr; } }
.bio-testi-card {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 16px;
    padding: 1.5rem;
    transition: border-color .3s, transform .3s;
}
.bio-testi-card:hover { border-color: rgba(124,58,237,0.28); transform: translateY(-3px); }
.bio-testi-stars { display: flex; gap: .2rem; margin-bottom: .75rem; }
.bio-testi-quote {
    font-size: .85rem;
    color: rgba(241,245,249,0.8);
    line-height: 1.7;
    margin: 0 0 1.25rem;
    font-style: italic;
}
.bio-testi-author { display: flex; align-items: center; gap: .75rem; }
.bio-testi-author img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255,255,255,0.1); }
.bio-testi-name   { font-size: .85rem; font-weight: 700; color: rgba(241,245,249,0.95); margin: 0 0 .1rem; }
.bio-testi-handle { font-size: .74rem; color: var(--t26-muted); margin: 0; }

/* ── CTA (bio page) ── */
#bio-cta {
    background: var(--t26-bg2);
    padding: 6rem 0;
    position: relative;
    overflow: hidden;
}
.cta-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    animation: orb-drift 8s ease-in-out infinite;
}
.cta-orb-1 { width: 400px; height: 400px; background: rgba(124,58,237,0.18); top: -80px; left: -80px; }
.cta-orb-2 { width: 350px; height: 350px; background: rgba(6,182,212,0.14); bottom: -60px; right: -60px; animation-delay: 4s; }
@keyframes orb-drift {
    0%,100% { transform: translate(0,0); }
    33%      { transform: translate(20px,-15px); }
    66%      { transform: translate(-10px,20px); }
}
.cta-inner {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 24px;
    padding: 3.5rem 2rem;
    text-align: center;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
}
.cta-inner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(124,58,237,0.12), transparent 70%);
    pointer-events: none;
}
.cta-badge {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: rgba(16,185,129,0.1);
    border: 1px solid rgba(16,185,129,0.25);
    color: #34D399;
    font-size: .78rem;
    font-weight: 700;
    padding: .35rem .9rem;
    border-radius: 50px;
    margin-bottom: 1.5rem;
}
.cta-badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10B981;
    animation: pulse-dot 1.5s ease-in-out infinite;
}
.cta-title {
    font-size: clamp(1.9rem,4vw,2.8rem);
    font-weight: 800;
    line-height: 1.15;
    margin: 0 0 1rem;
    letter-spacing: -.02em;
}
.cta-title-accent { background: var(--t26-gradient-text); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.cta-sub { color: var(--t26-muted); font-size: .98rem; max-width: 500px; margin: 0 auto 2rem; line-height: 1.7; }
.cta-actions { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.75rem; }
.cta-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: var(--t26-gradient);
    color: #fff !important;
    font-weight: 700;
    padding: .85rem 2rem;
    border-radius: 12px;
    text-decoration: none !important;
    transition: opacity .2s, transform .2s;
    font-size: 1rem;
}
.cta-btn-primary:hover { opacity: .9; transform: translateY(-2px); }
.cta-btn-ghost {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    color: rgba(241,245,249,0.85) !important;
    font-weight: 600;
    padding: .85rem 2rem;
    border-radius: 12px;
    text-decoration: none !important;
    transition: background .2s, border-color .2s;
    font-size: 1rem;
}
.cta-btn-ghost:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.2); }
.cta-trust {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .85rem;
    flex-wrap: wrap;
    font-size: .8rem;
    color: var(--t26-muted);
}
.cta-trust-sep { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,0.18); }

/* ── Misc shared ── */
.features-title {
    font-size: clamp(1.7rem,3.5vw,2.4rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.02em;
    margin: 0;
}
.an-title {
    font-size: clamp(1.65rem,3.3vw,2.3rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.02em;
    margin: 0 0 .5rem;
}

/* ══════════════════════════════════════
   SELECT2 DARK THEME — t26
══════════════════════════════════════ */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background: rgba(255,255,255,0.06) !important;
    border: 1.5px solid var(--t26-border) !important;
    border-radius: 10px !important;
    color: var(--t26-text) !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    transition: border-color .2s, box-shadow .2s !important;
}
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--multiple:hover {
    border-color: rgba(124,58,237,.4) !important;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: var(--t26-primary) !important;
    box-shadow: 0 0 0 3px rgba(124,58,237,.2) !important;
    background: rgba(255,255,255,0.08) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--t26-text) !important;
    line-height: 42px !important;
    padding-left: 12px !important;
    padding-right: 30px !important;
    font-size: .875rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--t26-muted) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px !important;
    right: 8px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--t26-muted) transparent transparent transparent !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--t26-muted) transparent !important;
}
/* Multiple selection tags */
.select2-container--default .select2-selection--multiple {
    padding: 4px 6px !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    min-height: 42px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(124,58,237,.2) !important;
    border: 1px solid rgba(124,58,237,.35) !important;
    border-radius: 6px !important;
    color: var(--t26-text) !important;
    font-size: .78rem !important;
    padding: 2px 8px !important;
    margin: 2px 4px 2px 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255,255,255,.5) !important;
    margin-right: 4px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #F87171 !important;
    background: transparent !important;
}
.select2-container--default .select2-selection--multiple .select2-search__field {
    color: var(--t26-text) !important;
    background: transparent !important;
}
/* Dropdown */
.select2-dropdown {
    background: var(--t26-bg2) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 48px rgba(0,0,0,.45) !important;
    overflow: hidden;
    min-width: max-content !important;
}
.select2-results__option { white-space: nowrap; }
.select2-container--open .select2-dropdown--above { border-radius: 12px !important; margin-bottom: 4px; }
.select2-container--open .select2-dropdown--below { border-radius: 12px !important; margin-top: 4px; }
.select2-search--dropdown {
    padding: 8px !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    background: transparent !important;
}
.select2-search--dropdown .select2-search__field {
    background: rgba(255,255,255,.05) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 8px !important;
    color: var(--t26-text) !important;
    padding: 7px 10px !important;
    font-size: .83rem !important;
    outline: none !important;
}
.select2-search--dropdown .select2-search__field::placeholder { color: var(--t26-muted) !important; }
.select2-results__options { max-height: 220px !important; padding: 4px !important; }
.select2-results__option {
    color: var(--t26-text) !important;
    font-size: .84rem !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    transition: background .15s !important;
}
.select2-results__option--highlighted[aria-selected],
.select2-results__option--highlighted {
    background: rgba(124,58,237,.2) !important;
    color: #fff !important;
}
.select2-results__option[aria-selected=true] {
    background: rgba(124,58,237,.12) !important;
    color: var(--t26-primary-light, #A78BFA) !important;
}
.select2-results__group {
    font-size: .72rem !important;
    color: var(--t26-muted) !important;
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
    padding: 8px 12px 4px !important;
    font-weight: 600 !important;
}
/* input-group with select2 */
.input-group .select2-container { flex: 1; }
.input-group .select2-container .select2-selection--single {
    border-radius: 0 10px 10px 0 !important;
    border-left: none !important;
}
.input-group .select2-container:first-child .select2-selection--single {
    border-radius: 10px 0 0 10px !important;
    border-right: none !important;
}
/* Scrollbar inside select2 */
.select2-results__options::-webkit-scrollbar { width: 4px; }
.select2-results__options::-webkit-scrollbar-track { background: transparent; }
.select2-results__options::-webkit-scrollbar-thumb { background: rgba(124,58,237,.3); border-radius: 4px; }

/* === SUCCESS MODAL — Share buttons === */
a.t26-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.09);
    color: var(--t26-text);
    font-size: .9rem;
    text-decoration: none;
    transition: background .18s, border-color .18s, transform .15s;
}
a.t26-share-btn:hover {
    background: rgba(124,58,237,0.18);
    border-color: rgba(124,58,237,0.35);
    color: #fff;
    transform: translateY(-1px);
}

/* === ICON INPUT (icon prefix + t26-input) === */
.t26-icon-input {
    display: flex;
    align-items: stretch;
}
.t26-icon-input > i {
    display: flex;
    align-items: center;
    padding: 0 12px;
    background: rgba(255,255,255,0.05);
    border: 1.5px solid var(--t26-border);
    border-right: none;
    border-radius: 10px 0 0 10px;
    color: var(--t26-muted);
    font-size: .85rem;
    flex-shrink: 0;
}
/* === T26 INPUT === */
.t26-input {
    background: rgba(255,255,255,0.06) !important;
    border: 1.5px solid var(--t26-border) !important;
    border-radius: 10px !important;
    color: var(--t26-text) !important;
    padding: .65rem 1rem !important;
    font-size: .875rem !important;
    width: 100%;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
    -webkit-appearance: none;
}
.t26-input::placeholder { color: var(--t26-muted) !important; }
select.t26-input {
    background: var(--t26-bg2) !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    padding-right: 2.2rem !important;
}
select.t26-input option {
    background: var(--t26-bg2);
    color: var(--t26-text);
}
.t26-input:focus {
    border-color: var(--t26-primary) !important;
    box-shadow: 0 0 0 3px rgba(124,58,237,.2) !important;
    background: rgba(255,255,255,0.08) !important;
}
.t26-icon-input .t26-input {
    border-radius: 0 10px 10px 0 !important;
    border-left: none !important;
    flex: 1;
}
.t26-icon-input:focus-within > i {
    border-color: rgba(124,58,237,0.5);
    color: var(--t26-primary-light);
}
/* Field description text */
.t26-field-desc {
    font-size: .73rem;
    color: var(--t26-muted);
    margin: 3px 0 6px;
    line-height: 1.4;
}
/* Custom alias length warning */
.t26-alias-warn {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    font-size: .73rem;
    color: #f59e0b;
    line-height: 1.4;
}
.t26-alias-warn .fa {
    font-size: .8rem;
    flex-shrink: 0;
}

/* === SPECTRUM COLOR PICKER — THEME STYLING === */
.sp-replacer {
    background: rgba(255,255,255,0.06) !important;
    border: 1.5px solid var(--t26-border) !important;
    border-radius: 10px !important;
    padding: 7px 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: border-color .2s, box-shadow .2s, background .2s;
    color: var(--t26-muted) !important;
}
.sp-replacer:hover,
.sp-replacer.sp-active {
    border-color: rgba(124,58,237,0.5) !important;
    box-shadow: 0 0 0 3px rgba(124,58,237,.15) !important;
    background: rgba(255,255,255,0.09) !important;
    color: var(--t26-text) !important;
}
.sp-preview {
    width: 30px !important;
    height: 24px !important;
    border-radius: 6px !important;
    border: 1.5px solid rgba(255,255,255,0.18) !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
}
.sp-dd {
    font-size: .7rem !important;
    margin-left: auto !important;
    opacity: .6;
}
/* Popup container */
.sp-container {
    background: #0D0D2B !important;
    border: 1.5px solid rgba(124,58,237,0.35) !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.55), 0 0 0 1px rgba(124,58,237,0.08) !important;
}
.sp-input {
    background: rgba(255,255,255,0.07) !important;
    border: 1.5px solid var(--t26-border) !important;
    border-radius: 7px !important;
    color: var(--t26-text) !important;
    padding: 5px 8px !important;
    font-size: .8rem !important;
    width: 100% !important;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}
.sp-input:focus {
    border-color: var(--t26-primary) !important;
    box-shadow: 0 0 0 2px rgba(124,58,237,.2) !important;
}
.sp-input.sp-validation-error {
    border-color: #F43F5E !important;
    background: rgba(244,63,94,0.1) !important;
}
.sp-choose {
    background: var(--t26-primary) !important;
    border: none !important;
    border-radius: 7px !important;
    color: #fff !important;
    font-size: .8rem !important;
    font-weight: 500 !important;
    padding: 5px 14px !important;
    cursor: pointer !important;
    transition: background .2s !important;
}
.sp-choose:hover {
    background: var(--t26-primary-light) !important;
}
.sp-cancel {
    color: var(--t26-muted) !important;
    font-size: .8rem !important;
    text-decoration: none !important;
    transition: color .2s !important;
}
.sp-cancel:hover {
    color: var(--t26-text) !important;
    text-decoration: none !important;
}
.sp-palette .sp-thumb-el {
    border-radius: 4px !important;
    border: 1.5px solid rgba(255,255,255,0.08) !important;
    transition: border-color .15s !important;
}
.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: var(--t26-primary) !important;
    box-shadow: 0 0 0 2px rgba(124,58,237,.3) !important;
}
.sp-dragger {
    border: 2px solid #fff !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}
.sp-slider {
    border: 2px solid #fff !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;
}
.sp-alpha-handle {
    border: 2px solid #fff !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;
}

/* ============================================================
   BIO EDITOR PAGE — edit.php styles
   ============================================================ */

@keyframes fadeSlideUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(8px,-12px) scale(1.04)}}
.bio-edit-hero{animation:fadeSlideUp .45s ease both;}
.bio-edit-anim{animation:fadeSlideUp .45s ease both;}
.bio-edit-anim-1{animation-delay:.06s}
.bio-edit-anim-2{animation-delay:.12s}

/* Tab nav */
.bio-tab-nav .nav-link{
    color:var(--t26-muted);border-radius:9px;padding:8px 14px;
    font-size:.84rem;font-weight:500;border:1px solid transparent;
    transition:all .2s ease;white-space:nowrap;
}
.bio-tab-nav .nav-link:hover{
    color:var(--t26-text);background:rgba(255,255,255,0.05);
}
.bio-tab-nav .nav-link.active{
    background:linear-gradient(135deg,rgba(124,58,237,.22) 0%,rgba(6,182,212,.12) 100%);
    border-color:rgba(124,58,237,.35);
    color:#C4B5FD;
}

/* Section headers */
.bio-section-header{
    display:flex;align-items:center;gap:10px;margin-bottom:1rem;margin-top:1.75rem;
}
.bio-section-header:first-child{margin-top:0;}
.bio-section-header::before{
    content:'';width:3px;height:18px;border-radius:2px;
    background:var(--t26-gradient);flex-shrink:0;
}
.bio-section-header h5{
    font-size:.9rem;font-weight:700;letter-spacing:.02em;
    background:var(--t26-gradient-text);-webkit-background-clip:text;
    -webkit-text-fill-color:transparent;background-clip:text;margin:0;
}

/* Dark switches */
.form-check-input:checked{background-color:#7C3AED;border-color:#7C3AED;}
.form-check-input:focus{box-shadow:0 0 0 .2rem rgba(124,58,237,.25);}
.form-check-input{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);}

/* Dark selects */
.bio-select{
    background:rgba(255,255,255,0.06)!important;
    border:1px solid rgba(255,255,255,0.1)!important;
    color:var(--t26-text)!important;border-radius:9px!important;
    padding:9px 14px!important;font-size:.875rem;
}
.bio-select option{background:var(--t26-bg2);color:var(--t26-text);}

/* Color picker wrapper */
.bio-color-wrap{
    display:flex;align-items:center;gap:10px;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
    border-radius:9px;padding:8px 12px;cursor:pointer;
}
.bio-color-wrap input[type=text]{
    background:none;border:none;color:var(--t26-text);
    font-size:.85rem;width:100%;outline:none;
}
.bio-color-swatch{
    width:28px;height:28px;border-radius:6px;flex-shrink:0;
    border:1px solid rgba(255,255,255,.15);
}

/* Theme/font/button picker cards */
.bio-pick-card{
    border:1px solid rgba(255,255,255,0.08);border-radius:10px;
    background:rgba(255,255,255,0.03);cursor:pointer;
    transition:border-color .2s,transform .15s;
    overflow:hidden;
}
.bio-pick-card:hover{border-color:rgba(124,58,237,.35);transform:translateY(-1px);}
.bio-pick-card.theme-active{border-color:rgba(124,58,237,.6)!important;background:rgba(124,58,237,.07)!important;}

/* Social sortable card */
.socialsortable{cursor:default;}

/* Save indicator */
.bio-save-btn{position:relative;overflow:hidden;}
.bio-save-btn::after{
    content:'';position:absolute;inset:0;border-radius:8px;
    background:rgba(255,255,255,.15);opacity:0;transition:opacity .2s;
}
.bio-save-btn:active::after{opacity:1;}

/* Preview frame wrap */
.bio-preview-wrap{
    background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.07);
    border-radius:14px;overflow:hidden;
    box-shadow:0 0 0 6px rgba(255,255,255,.04), 0 20px 60px rgba(0,0,0,.4);
}

/* Avatar ring */
.bio-avatar-ring{
    width:90px;height:90px;border-radius:50%;padding:3px;
    background:var(--t26-gradient);flex-shrink:0;
}
.bio-avatar-ring img{
    width:100%;height:100%;border-radius:50%;object-fit:cover;
    border:2px solid var(--t26-bg);display:block;
}
.bio-avatar-upload{
    position:absolute;bottom:0;right:0;
    width:26px;height:26px;border-radius:50%;
    background:var(--t26-gradient);border:2px solid var(--t26-bg);
    display:flex;align-items:center;justify-content:center;cursor:pointer;
}

/* Color inputs */
input[data-trigger="color"]{
    background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);
    border-radius:9px;color:var(--t26-text);padding:9px 14px;
    width:100%;font-size:.875rem;outline:none;
    transition:border-color .2s;
}
input[data-trigger="color"]:focus{border-color:rgba(124,58,237,.5);}

/* Picker labels (layout / font / button style / icon style) */
.bio-pick-label{
    border:1px solid rgba(255,255,255,0.08);border-radius:12px;
    background:rgba(255,255,255,0.03);cursor:pointer;
    transition:border-color .2s,background .2s,transform .15s;
    overflow:hidden;display:block;
}
.bio-pick-label:hover{
    border-color:rgba(124,58,237,.4);background:rgba(124,58,237,.06);
    transform:translateY(-2px);
}
.bio-pick-label.active-pick{
    border-color:rgba(124,58,237,.7)!important;
    background:rgba(124,58,237,.1)!important;
    box-shadow:0 0 0 3px rgba(124,58,237,.12);
}

/* Add content button */
.bio-add-btn{
    width:100%;display:flex;align-items:center;justify-content:center;gap:10px;
    padding:16px;border-radius:14px;border:2px dashed rgba(124,58,237,.35);
    background:rgba(124,58,237,.06);color:#C4B5FD;font-size:.95rem;font-weight:600;
    cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;
}
.bio-add-btn:hover{
    border-color:rgba(124,58,237,.7);background:rgba(124,58,237,.12);
    color:#DDD6FE;transform:translateY(-1px);
    box-shadow:0 8px 24px rgba(124,58,237,.2);
}
.bio-add-btn .bio-add-icon{
    width:32px;height:32px;border-radius:50%;background:var(--t26-gradient);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
    transition:transform .25s ease;
}
.bio-add-btn:hover .bio-add-icon{transform:rotate(90deg) scale(1.1);}

/* Toggle row */
.bio-toggle-row{
    display:flex;align-items:center;padding:14px 16px;
    border:1px solid rgba(255,255,255,.07);border-radius:11px;
    background:rgba(255,255,255,.03);transition:background .2s;
}
.bio-toggle-row:hover{background:rgba(255,255,255,.05);}
.bio-toggle-row + .bio-toggle-row{margin-top:10px;}

/* File upload zone */
.bio-upload-zone{
    border:2px dashed rgba(255,255,255,.12);border-radius:12px;
    padding:28px;text-align:center;cursor:pointer;
    transition:border-color .2s,background .2s;
    background:rgba(255,255,255,.03);position:relative;
}
.bio-upload-zone:hover{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.05);}
.bio-upload-zone input[type=file]{
    position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;
}

/* Fix Bootstrap .card bg override on glass-card wrappers */
#biosocial .glass-card.card{
    background:rgba(255,255,255,0.04)!important;
    border:1px solid rgba(255,255,255,0.08)!important;
    border-radius:14px!important;
    box-shadow:none!important;
    color:inherit!important;
}

/* Dynamically appended social link cards (generated by bio.js) */
#sociallinksholder .socialsortable.card,
#sociallinksholder .socialsortable{
    background:rgba(255,255,255,0.04)!important;
    border:1px solid rgba(255,255,255,0.08)!important;
    border-radius:12px!important;
    color:var(--t26-text)!important;
    box-shadow:none!important;
}
#sociallinksholder .socialsortable .fw-bold{color:var(--t26-text)!important;}
#sociallinksholder .socialsortable .handle{color:rgba(255,255,255,.25)!important;cursor:grab;}
#sociallinksholder .socialsortable a[data-trigger="deletesocial"] i{
    color:rgba(239,68,68,.5)!important;font-size:.9rem!important;transition:color .2s;
}
#sociallinksholder .socialsortable a[data-trigger="deletesocial"]:hover i{color:#F87171!important;}
#sociallinksholder .input-group-text,
#sociallinksholder .input-group-text.bg-white{
    background:rgba(255,255,255,0.06)!important;
    border:1px solid rgba(255,255,255,0.1)!important;
    border-right:none!important;
    color:var(--t26-text)!important;
    border-radius:9px 0 0 9px!important;
}
#sociallinksholder .form-control{
    background:rgba(255,255,255,0.06)!important;
    border:1px solid rgba(255,255,255,0.1)!important;
    border-left:none!important;
    border-radius:0 9px 9px 0!important;
    color:var(--t26-text)!important;
    padding:9px 12px!important;
}
#sociallinksholder .form-control:focus{
    border-color:rgba(124,58,237,.5)!important;
    box-shadow:0 0 0 3px rgba(124,58,237,.1)!important;
    background:rgba(255,255,255,0.08)!important;
}
#sociallinksholder .form-control::placeholder{color:var(--t26-muted)!important;opacity:.6;}

/* Social holder empty state */
#sociallinksholder:empty::after{
    content:attr(data-empty);color:var(--t26-muted);font-size:.82rem;
    display:flex;align-items:center;justify-content:center;min-height:50px;
    opacity:.5;
}

/* ===== Bio Block Cards (dynamically generated widget items) ===== */
#linkcontent .widget{
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.08)!important;
    border-radius:14px!important;
    overflow:visible;
}
#linkcontent .widget > .card.rounded-4{
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    padding:0!important;
}
#linkcontent .widget .handle{color:rgba(255,255,255,.25);font-size:.85rem!important;cursor:grab;}
#linkcontent .widget .handle:active{cursor:grabbing;}
#linkcontent .widget a[data-trigger="removeCard"] i{
    color:rgba(239,68,68,.5)!important;font-size:.9rem!important;transition:color .2s;
}
#linkcontent .widget a[data-trigger="removeCard"]:hover i{color:#F87171!important;}
#linkcontent .widget a.text-dark,
#linkcontent .widget a.text-dark h5,
#linkcontent .widget a.text-dark *{color:var(--t26-text)!important;}
#linkcontent .widget .text-muted{color:var(--t26-muted)!important;}
#linkcontent .widget h5{font-size:.875rem;font-weight:600;}
#linkcontent .form-label{
    color:var(--t26-muted);font-size:.76rem;font-weight:600;
    letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;
}
#linkcontent .form-control,
#linkcontent .form-select{
    background:rgba(255,255,255,0.06)!important;
    border:1px solid rgba(255,255,255,0.1)!important;
    border-radius:9px!important;
    color:var(--t26-text)!important;
    padding:9px 12px!important;
    font-size:.875rem!important;
    transition:border-color .2s,box-shadow .2s;
}
#linkcontent .form-control:focus,
#linkcontent .form-select:focus{
    border-color:rgba(124,58,237,.5)!important;
    box-shadow:0 0 0 3px rgba(124,58,237,.1)!important;
    background:rgba(255,255,255,0.08)!important;
}
#linkcontent .form-control::placeholder{color:var(--t26-muted)!important;opacity:.6;}
#linkcontent select.form-select option{background:var(--t26-bg2);color:var(--t26-text);}
#linkcontent textarea.form-control{min-height:100px;resize:vertical;}
[data-toggle="multibuttons"]{
    background:rgba(255,255,255,0.04)!important;
    border:1px solid rgba(255,255,255,0.08)!important;
    border-radius:10px!important;
    padding:4px!important;
    gap:4px;display:flex;
}
[data-toggle="multibuttons"] .btn,
[data-toggle="multibuttons"] .btn-outline-t26{
    background:transparent!important;
    border:1px solid transparent!important;
    color:var(--t26-muted)!important;
    border-radius:8px!important;
    font-size:.8rem!important;
    padding:6px 12px!important;
    font-weight:600!important;
    transition:background .2s, border-color .2s, color .2s;
    box-shadow:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
}
[data-toggle="multibuttons"] .btn.active,
[data-toggle="multibuttons"] .btn.shadow-sm.bg-white,
[data-toggle="multibuttons"] .btn.fw-bold.bg-white,
[data-toggle="multibuttons"] .btn-outline-t26.active{
    background:rgba(124,58,237,0.2)!important;
    border-color:rgba(124,58,237,0.35)!important;
    color:#C4B5FD!important;
}
#linkcontent .btn.btn-primary{
    background:linear-gradient(135deg,#7C3AED 0%,#06B6D4 100%)!important;
    border:none!important;
    border-radius:9px!important;
    font-size:.85rem!important;
    font-weight:600!important;
    color:#fff!important;
    box-shadow:none!important;
}
#linkcontent .btn.btn-primary:hover{opacity:.9;}
#linkcontent .btn.bg-white.border,
#linkcontent .btn.bg-white{
    background:rgba(255,255,255,0.06)!important;
    border:1px solid rgba(255,255,255,0.12)!important;
    color:var(--t26-text)!important;
    border-radius:9px!important;
    font-size:.85rem!important;
    box-shadow:none!important;
}
#linkcontent .btn.bg-white.border:hover,
#linkcontent .btn.bg-white:hover{background:rgba(255,255,255,0.1)!important;}
#linkcontent .border.rounded.p-2,
#linkcontent .border.rounded-3.p-2{
    background:rgba(255,255,255,0.03)!important;
    border:1px solid rgba(255,255,255,0.07)!important;
    border-radius:10px!important;
}
#linkcontent .form-text{color:var(--t26-muted)!important;font-size:.76rem;}
#linkcontent .form-check-label{color:var(--t26-text)!important;font-size:.84rem;}
#linkcontent .input-group-text{
    background:rgba(255,255,255,0.06)!important;
    border:1px solid rgba(255,255,255,0.1)!important;
    color:var(--t26-muted)!important;
    border-radius:9px 0 0 9px!important;
}
#linkcontent .input-group .form-control:first-child:not(:last-child){border-radius:0 9px 9px 0!important;}
#linkcontent .iconpicker-component{
    background:rgba(255,255,255,0.06)!important;
    border:1px solid rgba(255,255,255,0.1)!important;
    border-radius:10px!important;
    color:var(--t26-text)!important;
    display:inline-flex!important;
    align-items:center;justify-content:center;
}
#linkcontent .btn.btn-sm.btn-dark{
    background:rgba(255,255,255,0.08)!important;
    border:1px solid rgba(255,255,255,0.15)!important;
    color:var(--t26-text)!important;
    border-radius:8px!important;
}
#linkcontent .btn.btn-sm.btn-dark:hover{background:rgba(255,255,255,0.14)!important;}
#linkcontent .collapse.mt-2{border-top:1px solid rgba(255,255,255,.06);padding-top:12px;margin-top:8px!important;}

/* ===== Summernote dark theme overrides ===== */
#linkcontent .note-editor.note-frame,
#linkcontent .note-editor.note-airframe{
    background:rgba(255,255,255,0.04)!important;
    border:1px solid rgba(255,255,255,0.1)!important;
    border-radius:10px!important;
    overflow:hidden;
}
#linkcontent .note-toolbar{
    background:rgba(255,255,255,0.06)!important;
    border-bottom:1px solid rgba(255,255,255,0.08)!important;
    padding:6px 8px!important;
}
#linkcontent .note-toolbar .note-btn,
#linkcontent .note-toolbar button{
    background:transparent!important;
    border:1px solid transparent!important;
    color:var(--t26-text)!important;
    border-radius:6px!important;
    transition:background .15s!important;
}
#linkcontent .note-toolbar .note-btn:hover,
#linkcontent .note-toolbar button:hover{
    background:rgba(255,255,255,0.1)!important;
    border-color:rgba(255,255,255,0.15)!important;
}
#linkcontent .note-toolbar .note-btn.active,
#linkcontent .note-toolbar button.active{
    background:rgba(124,58,237,0.3)!important;
    border-color:rgba(124,58,237,0.5)!important;
}
#linkcontent .note-editing-area,
#linkcontent .note-editable{
    background:rgba(255,255,255,0.03)!important;
    color:var(--t26-text)!important;
    min-height:80px!important;
}
#linkcontent .note-editable[contenteditable]{
    background:transparent!important;
    color:var(--t26-text)!important;
}
#linkcontent .note-statusbar{
    background:rgba(255,255,255,0.04)!important;
    border-top:1px solid rgba(255,255,255,0.06)!important;
}
#linkcontent .note-toolbar .dropdown-menu{
    background:var(--t26-bg2)!important;
    border:1px solid rgba(255,255,255,0.1)!important;
    border-radius:10px!important;
}
#linkcontent .note-toolbar .dropdown-item{color:var(--t26-text)!important;}
#linkcontent .note-toolbar .dropdown-item:hover{background:rgba(255,255,255,0.08)!important;}
#linkcontent .note-toolbar .note-color-reset,
#linkcontent .note-toolbar .note-color-row{color:var(--t26-text)!important;}

/* ===== Image / Carousel dropzones ===== */
#linkcontent .image-dropzone,
#linkcontent .carousel-dropzone{
    background:rgba(124,58,237,0.06)!important;
    border-color:rgba(124,58,237,0.3)!important;
    color:var(--t26-text)!important;
}
#linkcontent .image-dropzone:hover,
#linkcontent .carousel-dropzone:hover,
#linkcontent .image-dropzone.bg-light,
#linkcontent .carousel-dropzone.bg-light{
    background:rgba(124,58,237,0.12)!important;
    border-color:rgba(124,58,237,0.6)!important;
}
#linkcontent .image-dropzone .dropzone-content,
#linkcontent .carousel-dropzone .dropzone-content{color:var(--t26-muted)!important;}
#linkcontent .image-dropzone .dropzone-content strong,
#linkcontent .carousel-dropzone .dropzone-content strong,
#linkcontent .image-dropzone .dropzone-content p,
#linkcontent .carousel-dropzone .dropzone-content p{color:var(--t26-text)!important;}
.image-dropzone.border-primary,
.carousel-dropzone.border-primary{
    border-color:rgba(124,58,237,0.8)!important;
    background:rgba(124,58,237,0.15)!important;
}

/* ===== Uploaded image card thumbnails ===== */
#linkcontent .card-body{
    background:rgba(255,255,255,0.04)!important;
    color:var(--t26-text)!important;
    border-radius:0 0 10px 10px!important;
}
#linkcontent .card{
    background:rgba(255,255,255,0.04)!important;
    border:1px solid rgba(255,255,255,0.08)!important;
    border-radius:10px!important;
    overflow:hidden;
}
#linkcontent .card img{border-radius:8px 8px 0 0!important;}

/* ===== btn-secondary / btn-outline-secondary ===== */
#linkcontent .btn-secondary,
#linkcontent .btn.btn-secondary{
    background:rgba(255,255,255,0.08)!important;
    border:1px solid rgba(255,255,255,0.15)!important;
    color:var(--t26-text)!important;
    border-radius:8px!important;
    box-shadow:none!important;
}
#linkcontent .btn-secondary:hover,
#linkcontent .btn.btn-secondary:hover{background:rgba(255,255,255,0.14)!important;}
#linkcontent .btn-outline-secondary{
    background:transparent!important;
    border:1px solid rgba(255,255,255,0.2)!important;
    color:var(--t26-text)!important;
    border-radius:8px!important;
}
#linkcontent .btn-outline-secondary:hover{background:rgba(255,255,255,0.08)!important;}

/* ===== bg-light wrappers ===== */
#linkcontent .bg-light{background:rgba(255,255,255,0.05)!important;}

/* ===== Newsletter widget ===== */
#linkcontent .form-control.bg-white,
#linkcontent .form-control.border-0.bg-white{
    background:rgba(255,255,255,0.06)!important;
    border:1px solid rgba(255,255,255,0.1)!important;
    color:var(--t26-text)!important;
}

/* ===== text-dark overrides (Reddit, FAQs etc.) ===== */
#linkcontent .text-dark,
#linkcontent .text-black,
#linkcontent .text-body{color:var(--t26-text)!important;}

/* ===== RSS widget ===== */
#linkcontent .rss.card,
#linkcontent .rss.card.card-body{
    background:rgba(255,255,255,0.04)!important;
    border:1px solid rgba(255,255,255,0.08)!important;
    color:var(--t26-text)!important;
}
#linkcontent .rss a{color:var(--t26-primary-light)!important;}

/* ===== Select Images button inside dropzone ===== */
#linkcontent .image-dropzone .btn-primary,
#linkcontent .carousel-dropzone .btn-primary{
    background:linear-gradient(135deg,#7C3AED 0%,#06B6D4 100%)!important;
    border:none!important;
    color:#fff!important;
    border-radius:8px!important;
}

/* ===== Biodatepicker schedule inputs ===== */
#linkcontent input[data-toggle="biodatepicker"]{
    background:rgba(255,255,255,0.06)!important;
    border:1px solid rgba(255,255,255,0.1)!important;
    border-radius:9px!important;
    color:var(--t26-text)!important;
    padding:9px 12px!important;
    font-size:.875rem!important;
    cursor:pointer;
    transition:border-color .2s,box-shadow .2s;
}
#linkcontent input[data-toggle="biodatepicker"]:focus,
#linkcontent input[data-toggle="biodatepicker"]:hover{
    border-color:rgba(124,58,237,.5)!important;
    box-shadow:0 0 0 3px rgba(124,58,237,.1)!important;
    background:rgba(255,255,255,0.08)!important;
}

/* ===== Daterangepicker calendar popup — dark theme ===== */
.daterangepicker{
    background:#0D0D2B!important;
    border:1.5px solid rgba(124,58,237,0.35)!important;
    border-radius:14px!important;
    box-shadow:0 20px 60px rgba(0,0,0,0.5)!important;
    color:var(--t26-text)!important;
}
.daterangepicker::before,.daterangepicker::after{display:none!important;}
.daterangepicker .calendar-table{
    background:transparent!important;
    border:none!important;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td{
    color:var(--t26-text)!important;
    border-radius:7px!important;
    border:none!important;
}
.daterangepicker .calendar-table th{
    color:rgba(255,255,255,.4)!important;
    font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover{
    background:rgba(124,58,237,0.25)!important;
    color:#C4B5FD!important;
}
.daterangepicker td.off,.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,.daterangepicker td.off.end-date{
    background:transparent!important;
    color:rgba(255,255,255,.2)!important;
}
.daterangepicker td.in-range{
    background:rgba(124,58,237,0.15)!important;
    color:var(--t26-text)!important;
}
.daterangepicker td.active,.daterangepicker td.active:hover{
    background:var(--t26-primary)!important;
    color:#fff!important;
    border-radius:7px!important;
}
.daterangepicker td.start-date.end-date{border-radius:7px!important;}
.daterangepicker td.start-date{border-radius:7px 0 0 7px!important;}
.daterangepicker td.end-date{border-radius:0 7px 7px 0!important;}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect{
    background:rgba(255,255,255,0.08)!important;
    border:1px solid rgba(255,255,255,0.12)!important;
    border-radius:7px!important;
    color:var(--t26-text)!important;
    padding:3px 6px!important;
}
.daterangepicker .drp-buttons{
    border-top:1px solid rgba(255,255,255,0.07)!important;
    background:transparent!important;
    padding:10px 14px!important;
}
.daterangepicker .btn-primary{
    background:var(--t26-primary)!important;
    border:none!important;
    border-radius:7px!important;
    color:#fff!important;
}
.daterangepicker .btn-primary:hover{background:var(--t26-primary-light)!important;}
.daterangepicker .btn-default{
    background:rgba(255,255,255,0.06)!important;
    border:1px solid rgba(255,255,255,0.12)!important;
    border-radius:7px!important;
    color:var(--t26-text)!important;
}
.daterangepicker .btn-default:hover{background:rgba(255,255,255,0.12)!important;}
.daterangepicker .ranges ul{padding:8px!important;}
.daterangepicker .ranges li{
    border-radius:7px!important;
    color:var(--t26-muted)!important;
    font-size:.82rem!important;
}
.daterangepicker .ranges li:hover{
    background:rgba(124,58,237,0.15)!important;
    color:var(--t26-text)!important;
}
.daterangepicker .ranges li.active{
    background:var(--t26-primary)!important;
    color:#fff!important;
}
.daterangepicker .timepicker-input{
    background:rgba(255,255,255,0.06)!important;
    border:1px solid rgba(255,255,255,0.12)!important;
    border-radius:6px!important;
    color:var(--t26-text)!important;
}
.daterangepicker .timepicker select{
    background:rgba(255,255,255,0.08)!important;
    border:1px solid rgba(255,255,255,0.12)!important;
    color:var(--t26-text)!important;
    border-radius:6px!important;
}

/* ============================================================
   STATS PAGE — migrated from stats.php <style> block
   ============================================================ */

/* KPI card */
.st-kpi {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 1rem 1rem .9rem;
    transition: transform .2s, border-color .2s, box-shadow .2s;
    animation: stFadeUp .45s ease both;
}
.st-kpi:hover {
    transform: translateY(-3px);
    border-color: rgba(124,58,237,.25);
    box-shadow: 0 10px 32px rgba(0,0,0,.3);
}
.st-kpi-val {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--t26-text);
    line-height: 1.1;
    margin-bottom: 4px;
    letter-spacing: -.02em;
}
.st-kpi-label {
    font-size: .78rem;
    font-weight: 700;
    color: var(--t26-text);
    margin-bottom: 2px;
}
.st-kpi-sub {
    font-size: .68rem;
    color: var(--t26-muted);
}

/* Section header */
.st-section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: .75rem;
}
.st-section-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.st-section-title {
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--t26-muted);
    margin: 0;
}

/* Reveal animation */
.st-reveal {
    animation: stFadeUp .5s ease both;
    animation-delay: var(--sd, 0s);
}

/* Geo list */
.st-geo-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    font-size: .82rem;
    color: var(--t26-text);
    animation: stFadeRight .4s ease both;
}
.st-geo-list li:last-child { border-bottom: none; }

/* Progress bar list (OS, Browsers, Languages) */
.st-bar-list li,
.st-bar-list-lg li {
    margin-bottom: .6rem;
    animation: stFadeRight .4s ease both;
}
.st-bar-list li:last-child,
.st-bar-list-lg li:last-child { margin-bottom: 0; }

/* Keyframes */
@keyframes stFadeUp {
    from { opacity:0; transform:translateY(18px); }
    to   { opacity:1; transform:translateY(0); }
}
@keyframes stFadeRight {
    from { opacity:0; transform:translateX(-12px); }
    to   { opacity:1; transform:translateX(0); }
}

/* Counter animation */
.js-count { display: inline-block; }

/* Geo pagination */
.geo-hidden { display:none !important; }
.geo-pager { display:flex;flex-wrap:wrap;gap:4px;margin-top:8px; }
.geo-pager:empty { margin-top:0; }
.geo-page-btn {
    min-width:28px;height:26px;padding:0 7px;border-radius:6px;border:1px solid rgba(255,255,255,0.1);
    background:rgba(255,255,255,0.05);color:var(--t26-muted);font-size:.75rem;font-weight:600;
    cursor:pointer;transition:all .2s;line-height:1;
}
.geo-page-btn:hover { background:rgba(124,58,237,0.18);border-color:rgba(124,58,237,0.4);color:var(--t26-text); }
.geo-page-btn.active { background:rgba(124,58,237,0.35);border-color:#A78BFA;color:#fff; }
.geo-page-btn.geo-ellipsis { cursor:default;background:transparent;border:none;color:var(--t26-muted); }

/* ── Override charts.js generated li items ─────────────────── */
#top-countries li,
#top-cities li,
#top-os li,
#top-browsers li,
#top-languages li {
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    color: var(--t26-text) !important;
    font-size: .82rem !important;
    padding-bottom: .5rem !important;
    margin-bottom: .5rem !important;
    border-radius: 6px;
    overflow: hidden;
}
#top-countries li:last-child,
#top-cities li:last-child,
#top-os li:last-child,
#top-browsers li:last-child,
#top-languages li:last-child { border-bottom: none !important; margin-bottom:0 !important; }

/* Progress fill override */
#top-countries li .bg-primary,
#top-cities li .bg-primary,
#top-os li .bg-primary,
#top-browsers li .bg-primary,
#top-languages li .bg-primary {
    background: linear-gradient(90deg,rgba(124,58,237,0.25),rgba(6,182,212,0.12)) !important;
    opacity: 1 !important;
    border-radius: 4px !important;
    transition: width .8s cubic-bezier(.22,.68,0,1.2) !important;
}
#top-countries li .fw-bold,
#top-cities li .fw-bold,
#top-os li .fw-bold,
#top-browsers li .fw-bold,
#top-languages li .fw-bold {
    color: rgba(241,245,249,0.7) !important;
    font-weight: 500 !important;
    font-size: .78rem !important;
}
#top-countries li span.align-middle,
#top-cities li span.align-middle,
#top-os li span.align-middle,
#top-browsers li span.align-middle,
#top-languages li span.align-middle {
    color: var(--t26-text) !important;
    font-weight: 600 !important;
    font-size: .82rem !important;
}

/* ============================================================
   STATS PAGE — new utility classes (inline style migration)
   ============================================================ */

/* Section dot color variants */
.st-dot-purple { background:#A78BFA; }
.st-dot-yellow { background:#FBBF24; }
.st-dot-cyan   { background:#22D3EE; }
.st-dot-sky    { background:#38BDF8; }
.st-dot-green  { background:#34D399; }
.st-dot-pink   { background:#F472B6; }
.st-dot-indigo { background:#818CF8; }

/* Hero */
.st-hero { position:relative; background:linear-gradient(135deg,rgba(124,58,237,0.12) 0%,rgba(6,182,212,0.06) 100%); border:1px solid rgba(124,58,237,0.18); border-radius:20px; padding:1.75rem 2rem; overflow:hidden; margin-bottom:1.75rem; }
.st-hero-orb1 { opacity:.2; top:-30%; right:3%; width:280px; height:280px; pointer-events:none; }
.st-hero-orb2 { opacity:.12; bottom:-40%; left:-2%; width:220px; height:220px; pointer-events:none; }
.st-hero-inner { position:relative; z-index:2; display:flex; align-items:center; flex-wrap:wrap; gap:1rem; justify-content:space-between; }
.st-hero-icon { width:50px; height:50px; border-radius:14px; background:linear-gradient(135deg,rgba(124,58,237,0.35),rgba(6,182,212,0.25)); border:1px solid rgba(124,58,237,0.4); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.st-hero-icon i { font-size:1.2rem; background:var(--t26-gradient-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.st-hero-title { font-size:1.2rem; letter-spacing:-.02em; }
.st-hero-sub { font-size:.78rem; color:var(--t26-muted); margin:0; }

/* Chart header */
.st-chart-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.75rem; margin-bottom:1.25rem; }
.st-chart-total { font-size:1.5rem; font-weight:800; color:var(--t26-text); line-height:1; }
.st-chart-sub { font-size:.75rem; color:var(--t26-muted); margin-top:2px; }
.st-badge-12mo { background:rgba(124,58,237,0.12); border:1px solid rgba(124,58,237,0.25); border-radius:8px; padding:4px 12px; font-size:.75rem; color:#A78BFA; font-weight:600; }

/* KPI icon */
.st-kpi-icon { width:36px; height:36px; border-radius:10px; background:var(--bg,rgba(167,139,250,0.12)); border:1px solid var(--bd,rgba(167,139,250,0.25)); display:flex; align-items:center; justify-content:center; margin-bottom:.75rem; flex-shrink:0; }
.st-kpi-icon > i { font-size:.85rem; color:var(--c,#A78BFA); }

/* Map */
.st-map-label { font-size:.8rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--t26-muted); margin-bottom:1rem; }
#visitor-map { height:380px; }
.st-geo-tab-inactive { padding:7px; border-radius:8px; font-size:.8rem; background:transparent; border:1px solid rgba(255,255,255,0.08); color:var(--t26-muted); text-decoration:none; }
.st-geo-tab-inactive:hover { color:var(--t26-text); }
.st-geo-tab-active { padding:7px; border-radius:8px; font-size:.8rem; }

/* Growth / toplink badges */
.st-growth-wrap { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; margin-bottom:1rem; }
.st-growth-badge { display:inline-flex; align-items:center; gap:6px; border-radius:10px; padding:6px 14px; }
.st-growth-up { background:rgba(52,211,153,0.1); border:1px solid rgba(52,211,153,0.25); }
.st-growth-up i, .st-growth-up .st-growth-val { color:#34D399; }
.st-growth-down { background:rgba(239,68,68,0.1); border:1px solid rgba(239,68,68,0.25); }
.st-growth-down i, .st-growth-down .st-growth-val { color:#EF4444; }
.st-growth-val { font-size:.82rem; font-weight:700; }
.st-growth-muted { font-size:.78rem; color:var(--t26-muted); }
.st-toplink-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:10px; padding:6px 14px; }
.st-toplink-badge .st-toplink-label { font-size:.78rem; color:var(--t26-muted); }
.st-toplink-badge .st-toplink-name { font-size:.82rem; font-weight:600; color:var(--t26-text); max-width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
a.st-toplink-name { text-decoration:none; }
a.st-toplink-name:hover { color:#A78BFA; text-decoration:underline; }

/* Hourly chart */
.st-hour-grid { display:grid; grid-template-columns:repeat(24,1fr); gap:3px; align-items:end; }
.st-hour-col { display:flex; flex-direction:column; align-items:center; gap:3px; }
.st-hour-label-top { font-size:.52rem; font-weight:700; color:var(--lc,var(--t26-muted)); line-height:1; }
.st-hour-bar-wrap { width:100%; background:rgba(255,255,255,0.06); border-radius:4px; overflow:hidden; height:80px; display:flex; align-items:flex-end; }
.st-hour-bar { width:100%; height:0; background:var(--bar-bg,rgba(124,58,237,0.45)); border-radius:3px 3px 0 0; transition:height .8s cubic-bezier(.22,.68,0,1.2) var(--bar-delay,0s); }
.st-hour-label-bot { font-size:.5rem; color:var(--lc,var(--t26-muted)); line-height:1; }
.st-peak-row { margin-top:1rem; display:flex; flex-wrap:wrap; gap:.75rem; }
.st-badge-info { display:inline-flex; align-items:center; gap:6px; border-radius:8px; padding:5px 12px; font-size:.78rem; }
.st-badge-info-cyan { background:rgba(34,211,238,0.08); border:1px solid rgba(34,211,238,0.18); }
.st-badge-info-cyan i { color:#22D3EE; font-size:.72rem; }
.st-badge-info-purple { background:rgba(124,58,237,0.08); border:1px solid rgba(124,58,237,0.18); }
.st-badge-info-purple i { color:#A78BFA; font-size:.72rem; }
.st-badge-info-yellow { background:rgba(251,191,36,0.08); border:1px solid rgba(251,191,36,0.18); }
.st-badge-info-yellow i { color:#FBBF24; font-size:.72rem; }
.st-badge-info-violet { background:rgba(167,139,250,0.08); border:1px solid rgba(167,139,250,0.18); }
.st-badge-info-violet i { color:#A78BFA; font-size:.72rem; }
.st-badge-info-teal { background:rgba(34,211,238,0.07); border:1px solid rgba(34,211,238,0.16); }
.st-badge-info-teal i { color:#22D3EE; font-size:.72rem; }
.st-badge-muted { font-size:.78rem; color:var(--t26-muted); }
.st-badge-val { color:var(--t26-text); }

/* DoW chart */
.st-section-header-sb { justify-content:space-between; }
.st-dow-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:.75rem; align-items:end; }
.st-dow-col { display:flex; flex-direction:column; align-items:center; gap:6px; }
.st-dow-label-top { font-size:.7rem; font-weight:700; color:var(--lc,#A78BFA); opacity:.85; }
.st-dow-bar-wrap { width:100%; background:rgba(255,255,255,0.06); border-radius:6px; overflow:hidden; height:80px; display:flex; align-items:flex-end; }
.st-dow-bar { width:100%; height:0; background:var(--bar-bg,rgba(124,58,237,0.6)); border-radius:4px 4px 0 0; transition:height .9s cubic-bezier(.22,.68,0,1.2) var(--bar-delay,0s); }
.st-dow-label-bot { font-size:.72rem; font-weight:600; color:var(--lc,var(--t26-muted)); }
.st-badges-row { margin-top:1rem; display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; }

/* Cal-pick button */
#cal-pick-btn { display:inline-flex; align-items:center; gap:6px; background:rgba(124,58,237,0.12); border:1px solid rgba(124,58,237,0.25); color:#A78BFA; border-radius:8px; padding:5px 12px; font-size:.75rem; font-weight:600; cursor:pointer; transition:background .15s; }
#cal-pick-btn i { font-size:.7rem; }

/* Cal-detail panel */
#cal-detail { display:none; }
.st-cal-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; flex-wrap:wrap; gap:.5rem; }
.st-cal-icon-wrap { display:flex; align-items:center; gap:.6rem; }
.st-cal-icon { width:30px; height:30px; border-radius:8px; background:rgba(6,182,212,0.14); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.st-cal-icon i { font-size:.75rem; color:#22D3EE; }
#cal-detail-date { font-size:.95rem; font-weight:700; color:var(--t26-text); }
#cal-detail-total { font-size:.75rem; color:var(--t26-muted); }
#cal-detail-close { background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); border-radius:8px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--t26-muted); flex-shrink:0; }
#cal-detail-close i { font-size:.7rem; }

/* Link / referrer rows */
.st-link-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:4px; }
.st-link-dot { width:8px; height:8px; border-radius:50%; background:var(--c,#A78BFA); flex-shrink:0; }
.st-link-name { font-size:.8rem; font-weight:600; color:var(--t26-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:240px; }
a.st-link-name { text-decoration:none; }
a.st-link-name:hover { text-decoration:underline; }
.st-link-count { font-size:.78rem; font-weight:700; color:var(--c,#A78BFA); flex-shrink:0; margin-left:8px; }
.st-bar-wrap-h { background:rgba(255,255,255,0.06); border-radius:4px; height:5px; overflow:hidden; }
.st-bar-fill-h { height:100%; width:0; border-radius:4px; background:var(--c,#A78BFA); transition:width 1s cubic-bezier(.22,.68,0,1.2); }
.st-ref-icon { width:24px; height:24px; border-radius:6px; background:rgba(129,140,248,0.12); border:1px solid rgba(129,140,248,0.2); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.st-ref-name { font-size:.8rem; font-weight:600; color:var(--t26-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:180px; }
.st-ref-count { font-size:.78rem; font-weight:700; color:#818CF8; flex-shrink:0; margin-left:8px; }

/* Export modal */
.st-modal-content { background:var(--t26-bg2); border:1px solid rgba(255,255,255,0.08); border-radius:16px; overflow:hidden; }
.st-modal-topbar { height:3px; background:var(--t26-gradient); }
.st-modal-header { border-bottom:1px solid rgba(255,255,255,0.08); padding:20px 24px; }
.st-modal-icon { width:36px; height:36px; border-radius:9px; background:rgba(124,58,237,0.15); display:flex; align-items:center; justify-content:center; }
.st-modal-icon i { font-size:.8rem; color:#A78BFA; }
.st-modal-title { color:var(--t26-text); }
.st-modal-body { padding:24px; }
.st-modal-body p { font-size:.875rem; color:var(--t26-muted); margin-bottom:1rem; line-height:1.6; }
.st-modal-footer { border-top:1px solid rgba(255,255,255,0.08); padding:16px 24px; gap:10px; }
.st-modal-btn-cancel { padding:9px 20px; border-radius:9px; }
.st-modal-btn-submit { padding:9px 24px; border-radius:9px; }

/* Canvas helpers */
.st-canvas-chart { max-height:240px; }
.st-canvas-pie   { max-height:180px; }
.st-canvas-pie-lg { max-height:200px; }
.st-nodata { text-align:center; padding:2rem 0; color:var(--t26-muted); font-size:.85rem; }
.st-section-title .st-sub { font-weight:400; text-transform:none; letter-spacing:0; opacity:.6; }

/* Hero action buttons (override base btn sizes for hero context) */
.st-hero-btn-outline { padding:8px 16px; border-radius:10px; font-size:.82rem; font-weight:600; text-decoration:none; }
.st-hero-btn-outline i { font-size:.72rem; }
.st-hero-btn-gradient { padding:9px 18px; border-radius:10px; font-size:.82rem; font-weight:600; text-decoration:none; }
.st-hero-btn-gradient i { font-size:.72rem; }

/* Misc layout helpers */
.st-flex-gap-4 { display:flex; gap:.4rem; }
.st-flex-row { display:flex; align-items:center; gap:6px; min-width:0; flex:1; }
.st-margin-bot-conditional { /* margin applied inline via PHP */ }
.st-map-icon { color:#FBBF24; }
.st-toplink-star { font-size:.72rem; color:#FBBF24; }
.st-dow-header-left { display:flex; align-items:center; gap:8px; }
.st-dow-header-right { position:relative; }
.st-modal-dismiss { border:none; background:rgba(255,255,255,0.06); border-radius:8px; margin-left:auto; }
.st-badge-teal-link { font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:220px; }
.st-badge-teal-full { max-width:100%; }
.st-icon-shrink0 { flex-shrink:0; }

/* ── Redesigned OS / Browser / Language sections ────────────── */
.st-pie-hidden-canvas { display:none !important; }

/* list container */
.st-pie-list { margin:0; padding:0; }
.st-pie-list-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 1.75rem;
}

/* each row */
.st-pie-item {
    padding: .55rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    animation: stFadeRight .35s ease both;
}
.st-pie-item:last-child { border-bottom: none; }

/* top row: label + meta */
.st-pie-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}
.st-pie-label {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1;
}
.st-pie-icon {
    width: 18px;
    height: 18px;
    object-fit: contain;
    flex-shrink: 0;
}
.st-pie-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.st-pie-name {
    font-size: .83rem;
    font-weight: 600;
    color: var(--t26-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.st-pie-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    margin-left: 10px;
}
.st-pie-pct {
    font-size: .78rem;
    font-weight: 700;
    min-width: 38px;
    text-align: right;
}
.st-pie-num {
    font-size: .72rem;
    color: var(--t26-muted);
    min-width: 32px;
    text-align: right;
}

/* bar */
.st-pie-bar-wrap {
    height: 4px;
    background: rgba(255,255,255,0.06);
    border-radius: 4px;
    overflow: hidden;
}
.st-pie-bar {
    height: 100%;
    width: 0;
    border-radius: 4px;
}

/* reset old charts.js li overrides for these lists */
#top-os li.st-pie-item,
#top-browsers li.st-pie-item,
#top-languages li.st-pie-item {
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}


/* ═══════════════════════════════════════════════════════════════
   AUTO-GENERATED: Extracted inline styles from the2026 PHP templates
   ═══════════════════════════════════════════════════════════════ */
.t26-s1 { animation-delay:.04s; }
.t26-s2 { font-size:.78rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px; }
.t26-s3 { color:var(--t26-text);font-size:1.5rem; }
.t26-s4 { font-size:1.2rem; }
.t26-s5 { font-size:.82rem;color:rgba(255,255,255,.45); }
.t26-s6 { color:#10B981; }
.t26-s7 { padding:10px 20px;border-radius:10px;text-decoration:none;font-size:.85rem;font-weight:600; }
.t26-s8 { font-size:.78rem;color:rgba(255,255,255,.45); }
.t26-s9 { animation-delay:.08s; }
.t26-s10 { background:rgba(124,58,237,.15); }
.t26-s11 { background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.1rem; }
.t26-s12 { font-size:.75rem;color:var(--t26-muted);margin-top:5px;font-weight:500; }
.t26-d1-w { width: var(--t26-d1-w); }
.t26-s13 { font-size:.7rem;color:var(--t26-muted);margin-top:4px; }
.t26-s14 { font-size:.7rem;margin-top:8px; }
.t26-s15 { background:rgba(16,185,129,.12);color:#10B981;border:1px solid rgba(16,185,129,.2);border-radius:20px;padding:2px 8px; }
.t26-s16 { background:rgba(6,182,212,.15); }
.t26-s17 { color:#06B6D4;font-size:1.1rem; }
.t26-s18 { background:rgba(6,182,212,.12);color:#06B6D4;border:1px solid rgba(6,182,212,.2);border-radius:20px;padding:2px 8px; }
.t26-s19 { background:rgba(16,185,129,.15); }
.t26-s20 { color:#10B981;font-size:1.1rem; }
.t26-s21 { background:rgba(124,58,237,.12);color:var(--t26-primary-light);border:1px solid rgba(124,58,237,.2);border-radius:20px;padding:2px 8px; }
.t26-s22 { background:rgba(245,158,11,.15); }
.t26-s23 { color:#F59E0B;font-size:1.1rem; }
.t26-d2-w { width: var(--t26-d2-w); }
.t26-s24 { background:rgba(139,92,246,.15); }
.t26-s25 { color:#8B5CF6;font-size:1.1rem; }
.t26-s26 { color:var(--t26-muted);text-decoration:none;display:flex;align-items:center;gap:4px; }
.t26-s27 { font-size:.6rem; }
.t26-s28 { background:rgba(236,72,153,.15); }
.t26-s29 { color:#EC4899;font-size:1.1rem; }
.t26-s30 { animation-delay:.13s; }
.t26-s31 { font-size:.78rem;color:var(--t26-muted);margin-top:3px; }
.t26-s32 { background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px; }
.t26-s33 { color:var(--t26-muted);font-size:.8rem;flex-shrink:0; }
.t26-s34 { background:transparent;color:var(--t26-text);padding:0;font-size:.8rem;box-shadow:none; }
.t26-s35 { font-size:.7rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.05em; }
.t26-s36 { font-size:1.1rem;font-weight:700;color:var(--t26-text); }
.t26-s37 { border-left:1px solid rgba(255,255,255,.08);padding-left:16px; }
.t26-s38 { border-top:1px solid rgba(255,255,255,.07);padding-top:18px; }
.t26-s39 { max-height:200px; }
.t26-s40 { animation-delay:.17s; }
.t26-s41 { font-size:.75rem;color:var(--t26-muted);margin-top:2px; }
.t26-s42 { background:rgba(124,58,237,.12);color:var(--t26-primary-light);border:1px solid rgba(124,58,237,.2);border-radius:20px;padding:2px 10px; }
.t26-s43 { padding:6px 14px;border-radius:8px;font-size:.75rem;text-decoration:none; }
.t26-s44 { position:absolute; }
.t26-s45 { position:relative;display:inline-block; }
.t26-s46 { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px; }
.t26-s47 { font-size:.82rem;font-weight:800;color:var(--t26-text);line-height:1; }
.t26-s48 { font-size:.6rem;color:var(--t26-muted);line-height:1; }
.t26-s49 { font-size:.75rem;font-weight:600;color:var(--t26-text);margin-top:8px; }
.t26-s50 { font-size:.7rem;color:var(--t26-muted); }
.t26-s51 { border-top:1px solid rgba(255,255,255,.07); }
.t26-s52 { font-size:.8rem;font-weight:700;color:var(--t26-text); }
.t26-s53 { font-size:.68rem;color:var(--t26-muted); }
.t26-s54 { border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07); }
.t26-s55 { color:#7C3AED;font-size:.95rem; }
.t26-s56 { font-size:.75rem;font-weight:600;text-align:center; }
.t26-s57 { color:#8B5CF6;font-size:.95rem; }
.t26-s58 { color:#EC4899;font-size:.95rem; }
.t26-s59 { color:#10B981;font-size:.95rem; }
.t26-s60 { color:#F59E0B;font-size:.95rem; }
.t26-s61 { color:#06B6D4;font-size:.95rem; }
.t26-s62 { font-size:.68rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px; }
.t26-s63 { font-size:.72rem;color:var(--t26-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.t26-s64 { font-size:.68rem;color:var(--t26-muted);flex-shrink:0;margin-left:4px; }
.t26-d3-w { width: var(--t26-d3-w); }
.t26-s65 { font-size:.68rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.07em;margin:14px 0 8px; }
.t26-s66 { font-size:.72rem;color:var(--t26-text); }
.t26-s67 { font-size:2rem;color:var(--t26-muted);opacity:.25; }
.t26-s68 { font-size:.8rem;color:var(--t26-muted);margin-top:10px; }
.t26-s69 { animation-delay:.20s; }
.t26-s70 { background:rgba(16,185,129,.15);width:48px;height:48px; }
.t26-s71 { color:#10B981;font-size:1.2rem; }
.t26-s72 { font-size:.72rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em; }
.t26-s73 { font-size:1.5rem;font-weight:800;color:var(--t26-text); }
.t26-s74 { padding:7px 16px;border-radius:9px;font-size:.8rem;white-space:nowrap;text-decoration:none; }
.t26-s75 { background:rgba(245,158,11,.15);width:48px;height:48px; }
.t26-s76 { color:#F59E0B;font-size:1.2rem; }
.t26-s77 { animation-delay:.24s; }
.t26-s78 { position:relative;z-index:1; }
.t26-s79 { width:44px;height:44px;border-radius:12px;background:rgba(124,58,237,.25);border:1px solid rgba(124,58,237,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-s80 { font-size:.75rem;color:rgba(255,255,255,.4);margin-top:2px; }
.t26-s81 { background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);color:var(--t26-text);border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:.85rem;position:relative;z-index:1; }
.t26-s82 { color:#7C3AED; }
.inline-copy{display:inline-flex;align-items:center;gap:4px;transition:color .2s}
.inline-copy.ic-copied small,.inline-copy.ic-copied{color:#34D399!important}
.inline-copy.ic-copied{animation:ic-pop .2s ease}
@keyframes ic-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}
.t26-s83 { padding:6px 12px;border-radius:8px;font-size:.8rem; }
.t26-s84 { font-size:.75rem; }
.t26-s85 { font-size:.65rem; }
.t26-s86 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 0; }
.t26-s87 { display:block;padding:8px 14px;font-size:.82rem;color:var(--t26-text);text-decoration:none; }
.t26-s88 { color:var(--t26-muted); }
.t26-s89 { margin:4px 0;border-color:rgba(255,255,255,.07); }
.t26-s90 { display:block;padding:8px 14px;font-size:.82rem;color:#F87171;text-decoration:none;cursor:pointer; }
.t26-s91 { border:none;background:rgba(255,255,255,.06);border-radius:8px; }
.t26-s92 { font-size:.8rem; }
.t26-s93 { background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px; }
.t26-s94 { color:var(--t26-muted);font-size:.8rem; }
.t26-s95 { background:transparent;color:var(--t26-text);padding:0;box-shadow:none; }
.t26-s96 { border:none;background:transparent;color:var(--t26-muted);cursor:pointer; }
.t26-s97 { font-size:2.5rem;color:var(--t26-muted);opacity:.3; }
.t26-s98 { color:var(--t26-muted);margin-top:12px;font-size:.9rem; }
.t26-s99 { animation-delay:.29s; }
.t26-d4-an { animation: var(--t26-d4-an); }
.t26-s100 { font-size:.68rem;font-weight:700;background:rgba(139,92,246,.15);color:#8B5CF6;border:1px solid rgba(139,92,246,.25);border-radius:20px;padding:2px 7px;flex-shrink:0; }
.t26-s101 { color:var(--t26-text);font-size:.83rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.t26-s102 { font-size:.68rem;font-weight:700;background:rgba(236,72,153,.15);color:#EC4899;border:1px solid rgba(236,72,153,.25);border-radius:20px;padding:2px 7px;flex-shrink:0; }
.t26-s103 { color:var(--t26-text);text-decoration:none;font-size:.83rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px; }
.t26-s104 { color:var(--t26-muted);font-size:.7rem;white-space:nowrap;flex-shrink:0; }
.t26-s105 { font-size:.72rem;color:var(--t26-muted);margin-bottom:6px; }
.t26-s106 { font-size:.73rem;color:var(--t26-muted); }
.t26-s107 { color:var(--t26-muted);text-decoration:none; }
.t26-s108 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,.08);border-radius:16px; }
.t26-s109 { border-bottom:1px solid rgba(255,255,255,.08);padding:20px 24px; }
.t26-s110 { color:var(--t26-text); }
.t26-s111 { border:none;background:rgba(255,255,255,.06);border-radius:8px;margin-left:auto; }
.t26-s112 { font-size:.85rem; }
.t26-s113 { padding:20px 24px;color:var(--t26-muted);font-size:.9rem; }
.t26-s114 { border-top:1px solid rgba(255,255,255,.08);padding:16px 24px;gap:10px; }
.t26-s115 { padding:9px 20px;border-radius:9px; }
.t26-s116 { padding:9px 28px;border-radius:9px; }
.t26-s117 { padding:20px 24px; }
.t26-s118 { padding:9px 24px;border-radius:9px; }
.t26-s119 { position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,rgba(13,13,43,1) 0%,rgba(7,7,26,1) 100%);border:1px solid rgba(255,255,255,0.07);padding:28px 32px; }
.t26-s120 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,#06B6D4 0%,transparent 70%);bottom:-80px;left:20%;opacity:.1;border-radius:50%;animation:orbFloat 12s ease-in-out infinite reverse;pointer-events:none; }
.t26-d5-bg { background: var(--t26-d5-bg); }
.t26-s121 { font-size:1.7rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s122 { color:var(--t26-muted);margin:0;font-size:.88rem; }
.t26-s123 { text-align:center; }
.t26-s124 { color:var(--t26-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px; }
.t26-s125 { padding:10px 22px;border-radius:11px;text-decoration:none;font-size:.9rem; }
.t26-s126 { position:relative;z-index:20; }
.t26-s127 { background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);color:var(--t26-text);border-radius:10px;font-size:.87rem; }
.t26-s128 { padding:7px 14px;border-radius:8px;font-size:.8rem; }
.t26-s129 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0; }
.t26-s130 { margin:4px 0;border-color:rgba(255,255,255,0.07); }
.t26-s131 { border:none;background:rgba(255,255,255,0.06);border-radius:8px; }
.t26-s132 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;min-width:240px; }
.t26-s133 { padding:8px;border-radius:8px;font-size:.83rem; }
.t26-s134 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:10px 14px; }
.t26-s135 { transition:transform .3s ease,box-shadow .3s ease; }
.t26-s136 { font-size:.82rem;color:var(--t26-muted); }
.t26-s137 { height:6px;background:rgba(255,255,255,0.08);border-radius:3px; }
.t26-s138 { width:0%;background:var(--t26-gradient);border-radius:3px;transition:width 1.2s ease; }
.t26-s139 { font-size:.75rem;color:var(--t26-muted); }
.t26-s140 { color:var(--t26-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px; }
.t26-d6-bd { border-radius: var(--t26-d6-bd); }
.t26-s141 { color:#7C3AED;width:16px; }
.t26-s142 { color:var(--t26-text);font-size:.875rem; }
.t26-d7-bd { border-radius: var(--t26-d7-bd); }
.t26-s143 { color:#F59E0B;width:16px; }
.t26-d8-bd { border-radius: var(--t26-d8-bd); }
.t26-s144 { color:#EF4444;width:16px; }
.t26-s145 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center; }
.t26-s146 { color:#06B6D4;font-size:.9rem; }
.t26-s147 { font-size:.83rem;color:var(--t26-muted);margin-bottom:16px; }
.t26-s148 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:16px; }
.t26-s149 { border-bottom:1px solid rgba(255,255,255,0.08);padding:20px 24px; }
.t26-s150 { border:none;background:rgba(255,255,255,0.06);border-radius:8px;margin-left:auto; }
.t26-s151 { border-top:1px solid rgba(255,255,255,0.08);padding:16px 24px;gap:10px; }
.t26-s152 { position:relative;background:linear-gradient(135deg,rgba(124,58,237,0.12) 0%,rgba(6,182,212,0.06) 100%);border:1px solid rgba(124,58,237,0.18);border-radius:20px;padding:1.75rem 2rem;overflow:hidden;margin-bottom:1.5rem; }
.t26-s153 { opacity:.18;top:-30%;right:3%;width:260px;height:260px;pointer-events:none; }
.t26-s154 { position:relative;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:1rem;justify-content:space-between; }
.t26-s155 { width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,0.35),rgba(6,182,212,0.25));border:1px solid rgba(124,58,237,0.4);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-s156 { font-size:1.2rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s157 { font-size:1.2rem;letter-spacing:-.02em; }
.t26-s158 { font-size:.78rem;color:var(--t26-muted); }
.t26-s159 { display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);border-radius:10px;padding:6px 14px; }
.t26-s160 { font-size:.72rem;color:#A78BFA; }
.t26-s161 { font-size:.92rem;font-weight:700;color:var(--t26-text); }
.t26-s162 { padding:9px 18px;border-radius:10px;font-size:.82rem;font-weight:600;text-decoration:none; }
.t26-s163 { font-size:.72rem; }
.t26-s164 { color:#FBBF24;font-size:.8rem; }
.t26-s165 { font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--t26-muted); }
.t26-d9-h { height: var(--t26-d9-h); }
.t26-s166 { padding:14px 14px 10px;display:flex;align-items:center;justify-content:space-between; }
.t26-s167 { font-size:.55rem; }
.t26-s168 { font-size:.7rem; }
.t26-s169 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:6px 0;min-width:160px; }
.t26-s170 { width:14px;color:var(--t26-muted); }
.t26-s171 { width:14px; }
.t26-s172 { padding:0 16px 16px; }
.t26-d10-w { width: var(--t26-d10-w); }
.t26-s173 { font-size:.95rem;font-weight:700;color:var(--t26-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.t26-s174 { font-size:.8rem;color:var(--t26-muted);margin:0 0 10px;line-height:1.5; }
.t26-s175 { display:flex;align-items:center;justify-content:space-between;margin-top:12px; }
.t26-s176 { font-size:.72rem;color:var(--t26-muted);display:flex;align-items:center;gap:4px; }
.t26-s177 { font-size:.62rem; }
.t26-s178 { font-size:.75rem;font-weight:600;color:#A78BFA;text-decoration:none;display:flex;align-items:center;gap:4px;padding:5px 12px;border-radius:7px;background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.2);transition:background .15s; }
.t26-d11-h { height: var(--t26-d11-h); }
.t26-s179 { display:inline-flex;align-items:center;gap:5px;font-size:.67rem;font-weight:600;padding:2px 8px;border-radius:20px;color:var(--t26-muted);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08); }
.t26-s180 { background:linear-gradient(135deg,rgba(124,58,237,0.06),rgba(6,182,212,0.03));border:1.5px dashed rgba(124,58,237,0.22);border-radius:20px;padding:4rem 2rem;text-align:center; }
.t26-s181 { width:72px;height:72px;border-radius:20px;background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.2);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem; }
.t26-s182 { font-size:1.8rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s183 { color:var(--t26-muted);font-size:.9rem;max-width:380px;margin:0 auto 1.75rem;line-height:1.7; }
.t26-s184 { padding:11px 28px;border-radius:10px;font-size:.9rem;font-weight:600;text-decoration:none; }
.t26-s185 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:16px;overflow:hidden; }
.t26-s186 { height:3px;background:var(--t26-gradient); }
.t26-s187 { width:36px;height:36px;border-radius:9px;background:rgba(124,58,237,0.15);display:flex;align-items:center;justify-content:center; }
.t26-s188 { font-size:.85rem;color:#A78BFA; }
.t26-s189 { color:var(--t26-muted);font-weight:400; }
/* -- Color pick swatch wrapper -- */
.t26-color-pick-wrap{display:inline-flex;align-items:center;gap:10px;cursor:pointer;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 14px;transition:border-color .2s;position:relative}
.t26-color-pick-wrap:hover{border-color:rgba(124,58,237,.5)}
.t26-color-pick-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0;margin:0}
.t26-color-pick-swatch{width:22px;height:22px;border-radius:6px;border:2px solid rgba(255,255,255,.25);flex-shrink:0;pointer-events:none}
.t26-color-pick-hex{font-size:.82rem;font-weight:600;color:var(--t26-text);letter-spacing:.04em;font-family:monospace;pointer-events:none}
.t26-color-pick-icon{font-size:.75rem;color:var(--t26-muted);pointer-events:none}
.t26-s191 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:10px;padding:12px 14px; }
.t26-s192 { color:#FBBF24;font-size:.9rem;flex-shrink:0; }
.t26-s193 { font-size:.85rem;font-weight:600;color:var(--t26-text); }
.t26-s194 { color:var(--t26-muted);font-size:.75rem;margin-top:2px; }
.t26-s195 { font-size:.8rem;color:#A78BFA; }
.t26-s196 { padding:9px 28px;border-radius:9px;background:linear-gradient(135deg,#ef4444,#b91c1c); }
.t26-s197 { position:absolute;width:360px;height:360px;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);top:-130px;right:-60px;opacity:.18;border-radius:50%;animation:orbFloat 8s ease-in-out infinite;pointer-events:none; }
.t26-s198 { position:absolute;width:220px;height:220px;background:radial-gradient(circle,#06B6D4 0%,transparent 70%);bottom:-90px;left:25%;opacity:.1;border-radius:50%;animation:orbFloat 11s ease-in-out infinite reverse;pointer-events:none; }
.t26-s199 { background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.25);border-radius:16px;padding:16px;flex-shrink:0;transition:transform .3s ease; }
.t26-s200 { border-left:3px solid #F59E0B; }
.t26-s201 { background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.25);border-radius:10px;padding:10px;flex-shrink:0; }
.t26-s202 { color:#F59E0B;font-size:1rem; }
.t26-s203 { color:var(--t26-muted);font-size:.875rem;margin-bottom:.75rem; }
.t26-s204 { color:#EF4444; }
.t26-s205 { position:relative;overflow:hidden; }
.t26-s206 { position:absolute;top:0;left:0;right:0;height:3px;background:var(--t26-gradient);border-radius:16px 16px 0 0; }
.t26-s207 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center; }
.t26-s208 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0;min-width:160px; }
.t26-s209 { color:var(--t26-text);padding:8px 16px;font-size:.875rem; }
.t26-s210 { border-color:rgba(255,255,255,0.08);margin:4px 0; }
.t26-s211 { color:#EF4444;padding:8px 16px;font-size:.875rem; }
.t26-s212 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:14px; }
.t26-s213 { font-size:.95rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s214 { width:8px;height:8px;border-radius:50%;background:#EF4444;flex-shrink:0; }
.t26-s215 { width:8px;height:8px;border-radius:50%;background:#10B981;flex-shrink:0; }
.t26-s216 { color:var(--t26-text);font-size:1rem; }
.t26-s217 { gap:6px; }
.t26-s218 { color:var(--t26-muted);font-size:.75rem; }
.t26-s219 { color:var(--t26-muted);font-size:.73rem;word-break:break-all;flex:1; }
.t26-s220 { color:#7C3AED;font-size:.72rem;white-space:nowrap; }
.t26-s221 { border-top:1px solid rgba(255,255,255,0.06); }
.t26-s222 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);color:#A78BFA;text-decoration:none; }
.t26-s223 { background:rgba(6,182,212,0.08);border:1px solid rgba(6,182,212,0.2);color:#67E8F9;text-decoration:none; }
.t26-s224 { color:var(--t26-muted);font-size:.73rem;margin-left:auto; }
.t26-s225 { width:64px;height:64px;background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem; }
.t26-s226 { font-size:1.5rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s227 { color:var(--t26-muted);margin-bottom:1.5rem; }
.t26-s228 { border-radius:10px;text-decoration:none; }
.t26-s229 { color:var(--t26-muted);font-size:.8rem;margin-top:.4rem; }
.t26-s230 { color:var(--t26-muted);font-size:.8rem;margin:0; }
.t26-s231 { border-radius:10px; }
.t26-s232 { border-radius:10px;border:none;cursor:pointer; }
.t26-s233 { border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.06);border-radius:10px;padding:8px 14px;color:var(--t26-text);text-decoration:none; }
.t26-s234 { display:flex;align-items:stretch; }
.t26-s235 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-right:none;border-radius:10px 0 0 10px;padding:0 12px;display:flex;align-items:center;flex-shrink:0; }
.t26-s236 { max-width:200px;border:1px solid rgba(255,255,255,0.12);border-radius:10px; }
.t26-s237 { padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;display:inline-block; }
.t26-s238 { color:var(--t26-muted);font-size:.78rem;margin-top:.4rem;margin-bottom:0; }
.t26-s239 { padding:6px 14px;border-radius:8px;text-decoration:none;font-size:.82rem; }
.t26-s240 { color:var(--t26-muted);font-size:.875rem;margin-bottom:1rem; }
.t26-s241 { padding:4px 12px;border-radius:6px;text-decoration:none;font-size:.8rem;color:#f87171;border-color:rgba(248,113,113,0.3); }
.t26-s242 { color:var(--t26-muted);font-size:.875rem;margin:0; }
.t26-s243 { color:var(--t26-muted);font-size:.875rem;border:1px solid rgba(124,58,237,0.3);background:rgba(124,58,237,0.07);border-radius:8px;padding:10px 14px;margin-bottom:1rem; }
.t26-s244 { border-radius:0 10px 10px 0;border-left:none; }
.t26-s245 { color:var(--t26-muted);font-size:.8rem;margin-top:.2rem;margin-bottom:.5rem; }
.t26-s246 { overflow:hidden; }
.t26-s247 { border-radius:16px 16px 0 0; }
.t26-s248 { flex-shrink:0; }
.t26-s249 { border-radius:8px; }
.t26-s250 { color:var(--t26-text);word-break:break-all; }
.t26-s251 { border:none;background:rgba(255,255,255,0.06);border-radius:8px;margin-left:auto;padding:6px 10px;color:var(--t26-muted);cursor:pointer; }
.t26-s252 { max-width:100%;max-height:400px; }
.t26-s253 { padding:8px 20px;border-radius:10px;cursor:pointer; }
.t26-s254 { background:rgba(251,191,36,0.1);border:1px solid rgba(251,191,36,0.3);color:#FCD34D;border-radius:12px;padding:14px 18px; }
.t26-s255 { object-fit:cover;border:3px solid rgba(124,58,237,0.4);cursor:pointer; }
.t26-s256 { padding:8px 18px;border-radius:9px;cursor:pointer;font-size:.85rem; }
.t26-s257 { padding:8px 14px;border-radius:9px;font-size:.85rem; }
.t26-s258 { font-size:.77rem; }
.t26-s259 { font-size:.76rem; }
.t26-s260 { border-top:1px solid rgba(255,255,255,0.07);padding-top:16px; }
.t26-s261 { border-bottom:1px solid rgba(255,255,255,0.05); }
.t26-s262 { font-size:.9rem;color:var(--t26-text); }
.t26-s263 { padding:7px 16px;border-radius:8px;font-size:.83rem; }
.t26-s264 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:16px; }
.t26-s265 { font-size:.82rem; }
.t26-s266 { color:var(--t26-accent);font-size:.75rem; }
.t26-s267 { font-size:.88rem; }
.t26-s268 { font-size:.8rem;color:var(--t26-muted); }
.t26-s269 { display:inline-block;padding:8px 18px;border-radius:8px;background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);color:#F87171;font-size:.83rem;text-decoration:none; }
.t26-s270 { font-size:.8rem;color:var(--t26-muted);margin-bottom:16px; }
.t26-s271 { opacity:.6;cursor:default; }
.t26-s272 { font-size:.8rem;color:var(--t26-muted);margin-bottom:12px; }
.t26-s273 { padding:9px 20px;border-radius:9px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:#F87171;text-decoration:none;font-size:.85rem; }
.t26-s274 { font-size:.87rem;color:var(--t26-muted); }
.t26-s275 { padding:9px 24px;border-radius:9px;background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);color:#F87171;cursor:pointer; }
.t26-s276 { font-size:.85rem;color:var(--t26-muted); }
.t26-s277 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px; }
.t26-s278 { color:var(--t26-text);word-break:break-all;margin-top:4px; }
.t26-s279 { border-bottom:1px solid rgba(255,255,255,0.08); }
.t26-s280 { padding:14px 20px;font-size:.8rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase; }
.t26-s281 { padding:14px 20px; }
.t26-s282 { font-size:.72rem;background:rgba(239,68,68,0.15);color:#F87171;border:1px solid rgba(239,68,68,0.3);border-radius:20px;padding:3px 10px; }
.t26-s283 { font-size:.72rem;background:rgba(6,182,212,0.15);color:#22D3EE;border:1px solid rgba(6,182,212,0.3);border-radius:20px;padding:3px 10px; }
.t26-s284 { font-size:.72rem;background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:20px;padding:3px 10px; }
.t26-s285 { font-size:.72rem;background:rgba(255,255,255,0.08);color:var(--t26-muted);border:1px solid rgba(255,255,255,0.12);border-radius:20px;padding:3px 10px; }
.t26-s286 { padding:14px 20px;width:55%; }
.t26-s287 { padding:14px 20px;font-size:.82rem;color:var(--t26-muted);white-space:nowrap; }
.t26-s288 { font-size:.82rem;color:var(--t26-muted);margin-bottom:14px; }
.t26-s289 { display:block;text-align:center;padding:9px 20px;border-radius:9px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:#F87171;text-decoration:none;font-size:.85rem; }
.t26-s290 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:16px;text-align:center; }
.t26-s291 { font-size:.85rem;font-weight:600;margin-bottom:6px; }
.t26-s292 { position:absolute;width:340px;height:340px;background:radial-gradient(circle,#F59E0B 0%,transparent 70%);top:-130px;right:-60px;opacity:.15;border-radius:50%;animation:orbFloat 8s ease-in-out infinite;pointer-events:none; }
.t26-s293 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);bottom:-80px;left:25%;opacity:.1;border-radius:50%;animation:orbFloat 11s ease-in-out infinite reverse;pointer-events:none; }
.t26-s294 { background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.25);border-radius:16px;padding:16px;flex-shrink:0;transition:transform .3s ease; }
.t26-s295 { font-size:1.7rem;color:#FBBF24; }
.t26-s296 { color:var(--t26-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;padding:4px 6px 8px;margin:0; }
.t26-s297 { background:rgba(245,158,11,0.12); }
.t26-s298 { color:#FBBF24;font-size:.85rem; }
.t26-s299 { background:rgba(124,58,237,0.1); }
.t26-s300 { color:#A78BFA;font-size:.85rem; }
.t26-s301 { background:rgba(6,182,212,0.1); }
.t26-s302 { color:#22D3EE;font-size:.85rem; }
.t26-s303 { position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#F59E0B,#FBBF24);border-radius:16px 16px 0 0; }
.t26-s304 { background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.25);border-radius:12px;padding:10px 12px; }
.t26-s305 { font-size:1.2rem;color:#FBBF24; }
.t26-s306 { font-size:.88rem;color:var(--t26-muted);line-height:1.75;margin-bottom:1rem; }
.t26-s307 { font-size:.88rem;color:var(--t26-muted);line-height:1.75;margin-bottom:1.25rem; }
.t26-s308 { font-size:.8rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem; }
.t26-s309 { position:relative; }
.t26-s310 { background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.2);border-radius:10px;padding:12px 16px; }
.t26-s311 { font-size:.84rem;color:var(--t26-muted);margin:0; }
.t26-s312 { color:#FBBF24; }
.t26-s313 { position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7C3AED,#A78BFA);border-radius:16px 16px 0 0; }
.t26-s314 { background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.25);border-radius:12px;padding:10px 12px; }
.t26-s315 { font-size:1.2rem;color:#A78BFA; }
.t26-s316 { padding:10px 22px;border-radius:10px;text-decoration:none;cursor:move; }
.t26-s317 { font-size:.85rem;color:var(--t26-muted);margin-bottom:.75rem; }
.t26-s318 { word-break:break-all; }
.t26-s319 { background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.2);border-radius:10px;padding:12px 16px; }
.t26-s320 { color:#A78BFA; }
.t26-s321 { position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#06B6D4,#22D3EE);border-radius:16px 16px 0 0; }
.t26-s322 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.25);border-radius:12px;padding:10px 12px; }
.t26-s323 { font-size:1.2rem;color:#22D3EE; }
.t26-s324 { font-size:.84rem;color:var(--t26-muted);line-height:1.7;margin-bottom:.75rem; }
.t26-s325 { padding:14px 20px;font-size:.8rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em; }
.t26-s326 { padding:14px 20px;font-size:.85rem; }
.t26-s327 { font-size:.75rem;font-weight:600;background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:20px;padding:3px 10px; }
.t26-s328 { font-size:.72rem;background:rgba(239,68,68,0.15);color:#F87171;border:1px solid rgba(239,68,68,0.3);border-radius:20px;padding:2px 8px;margin-right:6px; }
.t26-s329 { color:var(--t26-muted);font-size:.82rem; }
.t26-s330 { padding:5px 12px;border-radius:7px;font-size:.78rem;white-space:nowrap; }
.t26-s331 { font-size:1.3rem; }
.t26-s332 { font-size:.82rem;color:var(--t26-muted);margin-top:4px; }
.t26-s333 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:16px;margin-bottom:16px; }
.t26-s334 { font-size:.83rem;color:var(--t26-muted); }
.t26-d12-c { color: var(--t26-d12-c); }
.t26-d13-c { color: var(--t26-d13-c); }
.t26-s335 { padding:9px;border-radius:9px; }
.t26-s336 { position:absolute;width:340px;height:340px;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);top:-130px;right:-60px;opacity:.18;border-radius:50%;animation:orbFloat 8s ease-in-out infinite;pointer-events:none; }
.t26-s337 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,#06B6D4 0%,transparent 70%);bottom:-80px;left:30%;opacity:.1;border-radius:50%;animation:orbFloat 11s ease-in-out infinite reverse;pointer-events:none; }

/* === QR HERO LEFT — qh-* === */
.qh-stats { display:flex;align-items:center;gap:1.2rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:.9rem 1.4rem;margin-bottom:1.4rem;backdrop-filter:blur(8px); }
.qh-stat { display:flex;flex-direction:column;align-items:center;flex:1; }
.qh-stat-num { font-size:1.55rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#A78BFA,#38BDF8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1; }
.qh-stat-lbl { font-size:.7rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem; }
.qh-stat-div { width:1px;height:36px;background:rgba(255,255,255,0.1);flex-shrink:0; }
.qh-types { display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.6rem; }
.qh-type { display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);transition:background .2s,border-color .2s,transform .2s;animation:qh-fadein .4s ease both;animation-delay:var(--bd,0s); }
.qh-type:hover { background:rgba(255,255,255,0.08);border-color:var(--qhc);transform:translateY(-2px); }
.qh-type-ic { width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--qhc);font-size:.88rem;flex-shrink:0;background:color-mix(in srgb,var(--qhc) 14%,transparent);border:1px solid color-mix(in srgb,var(--qhc) 25%,transparent); }
.qh-type-name { font-size:.81rem;font-weight:700;color:rgba(241,245,249,.92);line-height:1.2; }
.qh-type-sub { font-size:.67rem;color:var(--t26-muted);line-height:1.3; }
.qh-cta-row { display:flex;align-items:center;gap:1rem;flex-wrap:wrap; }
.qh-cta { padding:.65rem 1.5rem;font-size:.88rem;font-weight:700;border-radius:12px; }
.qh-formats { display:flex;align-items:center;gap:.4rem; }
.qh-fmt { padding:.28rem .65rem;border-radius:8px;font-size:.68rem;font-weight:700;letter-spacing:.05em;background:rgba(167,139,250,0.1);border:1px solid rgba(167,139,250,0.28);color:#C4B5FD; }
.qh-gdpr { padding:.28rem .65rem;border-radius:8px;font-size:.68rem;font-weight:700;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.28);color:#34D399; }
@keyframes qh-fadein { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }

/* === QR STATS SECTION — qrs-* === */
.qrs-section { padding:4rem 0;background:var(--t26-bg2);border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);position:relative;overflow:hidden; }
.qrs-section::before { content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none; }
.qrs-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;position:relative;z-index:1; }
@media(max-width:767px){.qrs-grid{grid-template-columns:1fr 1fr;}}
.qrs-card { position:relative;background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:1.6rem 1.4rem;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s; }
.qrs-card::before { content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--qrsc);opacity:.65;border-radius:0 0 20px 20px; }
.qrs-card::after { content:'';position:absolute;bottom:0;left:-40%;width:40%;height:2px;background:linear-gradient(90deg,transparent,var(--qrsc),transparent);filter:blur(2px);animation:qrs-sweep 2.8s ease-in-out infinite;animation-delay:var(--bd,0s); }
.qrs-card:hover { transform:translateY(-5px);border-color:color-mix(in srgb,var(--qrsc) 45%,transparent);box-shadow:0 12px 40px color-mix(in srgb,var(--qrsc) 15%,transparent); }
.qrs-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem; }
.qrs-icon { width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--qrsc);font-size:1.1rem;background:color-mix(in srgb,var(--qrsc) 13%,transparent);border:1px solid color-mix(in srgb,var(--qrsc) 28%,transparent); }
.qrs-pulse { width:9px;height:9px;border-radius:50%;background:var(--qrsc);animation:qrs-dot-pulse 2.2s ease-in-out infinite;animation-delay:var(--bd,0s); }
.qrs-num { font-size:2.2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:.4rem;background:linear-gradient(135deg,#f1f5f9 20%,var(--qrsc));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.qrs-lbl { font-size:.72rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em; }
@keyframes qrs-sweep { 0%{left:-40%} 100%{left:140%} }
@keyframes qrs-dot-pulse { 0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--qrsc) 55%,transparent);opacity:1} 50%{box-shadow:0 0 0 7px transparent;opacity:.6} }

/* === LINK STATS PAGE — lnst-* === */
/* Hero */
.lnst-hero { position:relative;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:1.75rem 2rem;margin-bottom:1.5rem;overflow:hidden; }
.lnst-hero-orb1 { position:absolute;width:280px;height:280px;background:radial-gradient(circle,rgba(124,58,237,0.14) 0%,transparent 70%);top:-80px;right:-50px;border-radius:50%;pointer-events:none; }
.lnst-hero-orb2 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(6,182,212,0.1) 0%,transparent 70%);bottom:-60px;left:8%;border-radius:50%;pointer-events:none; }
.lnst-hero-inner { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap; }
.lnst-hero-left { display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0; }
.lnst-favicon-wrap { width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden; }
.lnst-favicon { border-radius:8px;object-fit:cover; }
.lnst-favicon-icon { color:var(--t26-muted);font-size:1.25rem; }
.lnst-hero-badges { display:flex;gap:.45rem;margin-bottom:.45rem; }
.lnst-badge { display:inline-flex;align-items:center;font-size:.67rem;font-weight:700;padding:.22rem .65rem;border-radius:20px;letter-spacing:.04em; }
.lnst-badge-link { background:rgba(167,139,250,0.15);color:#C4B5FD;border:1px solid rgba(167,139,250,0.3); }
.lnst-badge-qr   { background:rgba(6,182,212,0.15);color:#67E8F9;border:1px solid rgba(6,182,212,0.3); }
.lnst-badge-bio  { background:rgba(52,211,153,0.15);color:#6EE7B7;border:1px solid rgba(52,211,153,0.3); }
.lnst-hero-title { font-size:1.15rem;font-weight:700;color:#f1f5f9;margin:0 0 .4rem 0;line-height:1.3; }
.lnst-short-row  { display:flex;align-items:center;gap:.6rem;margin-bottom:.35rem; }
.lnst-short-txt  { font-size:.88rem;font-weight:600; }
.lnst-copy-btn   { display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;color:var(--t26-muted);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:.2rem .55rem;transition:all .2s;text-decoration:none; }
.lnst-copy-btn:hover { background:rgba(255,255,255,0.1);color:#f1f5f9; }
.lnst-dest       { display:flex;align-items:center;gap:.4rem;min-width:0; }
.lnst-dest-arrow { font-size:.65rem;color:var(--t26-muted);flex-shrink:0; }
.lnst-dest-url   { font-size:.75rem;color:var(--t26-muted);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px;transition:color .2s; }
.lnst-dest-url:hover { color:#f1f5f9; }
.lnst-hero-actions { display:flex;gap:.6rem;flex-shrink:0; }
.lnst-act-btn    { font-size:.8rem;padding:.4rem .9rem; }
/* KPI */
.lnst-kpis { display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem; }
@media(max-width:767px){.lnst-kpis{grid-template-columns:1fr 1fr;}}
.lnst-kpi { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:1.3rem 1.2rem;position:relative;overflow:hidden;transition:transform .25s,border-color .25s; }
.lnst-kpi::after { content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lkc);opacity:.55; }
.lnst-kpi:hover { transform:translateY(-3px);border-color:color-mix(in srgb,var(--lkc) 40%,transparent); }
.lnst-kpi-top  { display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem; }
.lnst-kpi-icon { width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--lkc);font-size:.88rem;background:color-mix(in srgb,var(--lkc) 14%,transparent);border:1px solid color-mix(in srgb,var(--lkc) 25%,transparent); }
.lnst-kpi-trend { color:var(--lkc);font-size:.78rem;opacity:.7; }
.lnst-kpi-num  { font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#f1f5f9;margin-bottom:.35rem;display:flex;align-items:center;gap:.4rem; }
.lnst-kpi-flag { flex-wrap:wrap; }
.lnst-flag-img { flex-shrink:0; }
.lnst-kpi-country { font-size:1rem;font-weight:700; }
.lnst-kpi-ref  { font-size:1rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important; }
.lnst-kpi-dash { font-size:1.5rem;color:var(--t26-muted); }
.lnst-kpi-lbl  { font-size:.7rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase;letter-spacing:.07em; }
/* Nav */
.lnst-nav-wrap { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:.5rem .75rem;margin-bottom:1.5rem;overflow-x:auto; }
/* Chart */
.lnst-chart-card { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem; }
.lnst-chart-header { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem; }
.lnst-chart-wrap { position:relative;height:400px; }
.lnst-section-title { font-size:1rem;font-weight:700;color:#f1f5f9;margin:0;display:flex;align-items:center;gap:.5rem; }
.lnst-title-icon { color:#A78BFA;font-size:.9rem; }
.lnst-section-sub { font-size:.74rem;color:var(--t26-muted);margin-top:.2rem; }
.lnst-daterange-wrap { display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:.38rem .85rem; }
.lnst-cal-icon { color:var(--t26-muted);font-size:.78rem; }
.lnst-daterange-input { background:transparent;border:none;outline:none;color:#f1f5f9;font-size:.8rem;width:185px; }
/* Section header */
.lnst-section-header { display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem; }
.lnst-view-all { font-size:.79rem;padding:.35rem .85rem; }
/* Activity */
.lnst-activity { display:flex;flex-direction:column;gap:.5rem; }
.lnst-act-item { display:flex;align-items:center;gap:.85rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:.72rem 1rem;transition:background .2s,border-color .2s;animation:lnst-fadein .35s ease both;animation-delay:var(--bd,0s); }
.lnst-act-item:hover { background:rgba(255,255,255,0.055);border-color:rgba(255,255,255,0.1); }
.lnst-act-dot { width:8px;height:8px;border-radius:50%;background:rgba(167,139,250,0.7);flex-shrink:0; }
.lnst-act-content { flex:1;min-width:0; }
.lnst-act-tags { display:flex;flex-wrap:wrap;gap:.38rem; }
.lnst-tag { display:inline-flex;align-items:center;gap:.3rem;font-size:.73rem;color:rgba(241,245,249,0.8);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:.2rem .58rem;white-space:nowrap; }
.lnst-tag-ref .lnst-ref-link { color:rgba(241,245,249,0.8);text-decoration:none; }
.lnst-tag-ref .lnst-ref-link:hover { color:#A78BFA; }
.lnst-tag-direct { color:var(--t26-muted); }
.lnst-act-time small { font-size:.7rem;color:var(--t26-muted);white-space:nowrap; }
/* Empty */
.lnst-empty { text-align:center;padding:3rem;color:var(--t26-muted); }
.lnst-empty-icon { font-size:2.5rem;margin-bottom:1rem;display:block;opacity:.35; }
@keyframes lnst-fadein { from{opacity:0;transform:translateX(-8px)} to{opacity:1;transform:translateX(0)} }

/* === STATS SUB-PAGES — sp-* === */
.sp-page-header { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem; }
.sp-card { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;overflow:hidden;height:100%; }
.sp-card-hdr { display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,0.07); }
.sp-card-list { display:flex;flex-direction:column; }
.sp-live-dot { display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;color:#34D399; }
.sp-live-pulse { width:7px;height:7px;border-radius:50%;background:#34D399;display:inline-block;animation:sp-pulse 1.6s ease-in-out infinite; }
.sp-pie-wrap { position:relative;height:350px;padding:.5rem; }
/* Top list overrides for JS-generated items */
.sp-top-list { padding:.75rem 1rem; }
.sp-top-list li { border-radius:10px!important;overflow:hidden;margin-bottom:.5rem!important;border-bottom:none!important;padding:.4rem .6rem!important;transition:background .2s; }
.sp-top-list li:hover { background:rgba(255,255,255,0.04); }
.sp-top-list li .bg-primary { background:linear-gradient(90deg,rgba(124,58,237,0.18),rgba(6,182,212,0.08))!important;opacity:1!important;border-radius:8px!important; }
.sp-list-info { padding:.5rem 1rem;font-size:.72rem;color:var(--t26-muted);border-bottom:1px solid rgba(255,255,255,0.04); }
/* Referrers */
.sp-ref-list { padding:.75rem 1rem; }
.sp-ref-item { position:relative;border-radius:12px;overflow:hidden;margin-bottom:.5rem;border:1px solid rgba(255,255,255,0.06);animation:sp-fadein .4s ease both;animation-delay:var(--bd,0s); }
.sp-ref-item:hover .sp-ref-bar { opacity:.55; }
.sp-ref-bar { position:absolute;top:0;left:0;bottom:0;width:var(--rw,0%);background:linear-gradient(90deg,rgba(124,58,237,0.2),rgba(6,182,212,0.1));border-radius:12px;transition:width .9s cubic-bezier(.22,.68,0,1.2),opacity .2s; }
.sp-ref-inner { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;gap:.75rem; }
.sp-ref-left { display:flex;align-items:center;gap:.5rem;min-width:0; }
.sp-ref-favicon { flex-shrink:0; }
.sp-ref-domain { font-size:.82rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px; }
.sp-ref-right { display:flex;align-items:center;gap:.5rem;flex-shrink:0; }
.sp-ref-count-num { font-size:.82rem;font-weight:700;color:#f1f5f9; }
.sp-ref-pct { font-size:.72rem;font-weight:700;color:#A78BFA;background:rgba(167,139,250,0.12);border:1px solid rgba(167,139,250,0.25);border-radius:6px;padding:.1rem .45rem; }
.sp-ref-count { font-size:.75rem;color:var(--t26-muted);font-weight:600; }
/* A/B Testing */
.sp-ab-card { overflow:hidden;height:auto; }
.sp-ab-list { padding:.75rem 1rem;display:flex;flex-direction:column;gap:.65rem; }
.sp-ab-item { display:flex;align-items:flex-start;gap:.85rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:1rem 1.1rem;animation:sp-fadein .45s ease both;animation-delay:var(--abd,0s);transition:border-color .2s,transform .2s; }
.sp-ab-item:hover { border-color:color-mix(in srgb,var(--abc) 35%,transparent);transform:translateX(3px); }
.sp-ab-rank { width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:var(--abc);background:color-mix(in srgb,var(--abc) 14%,transparent);border:1px solid color-mix(in srgb,var(--abc) 28%,transparent);flex-shrink:0;margin-top:.1rem; }
.sp-ab-body { flex:1;min-width:0; }
.sp-ab-url-row { display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.6rem;flex-wrap:wrap; }
.sp-ab-url { font-size:.83rem;font-weight:600;color:#f1f5f9;word-break:break-all; }
.sp-ab-meta { display:flex;align-items:center;gap:.5rem;flex-shrink:0; }
.sp-ab-clicks { font-size:.75rem;color:var(--t26-muted);font-weight:600; }
.sp-ab-pct-badge { font-size:.78rem;font-weight:800;color:var(--abc);background:color-mix(in srgb,var(--abc) 12%,transparent);border:1px solid color-mix(in srgb,var(--abc) 28%,transparent);border-radius:8px;padding:.15rem .55rem; }
.sp-ab-bar-track { height:6px;background:rgba(255,255,255,0.07);border-radius:4px;overflow:hidden; }
.sp-ab-bar-fill { height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--abc),color-mix(in srgb,var(--abc) 60%,#38BDF8));transition:width 1s cubic-bezier(.22,.68,0,1.2);animation:sp-bar-in 1s cubic-bezier(.22,.68,0,1.2) both;animation-delay:calc(var(--abd,0s) + .1s); }
@keyframes sp-bar-in { from{width:0} to{width:var(--w,0%)} }
@keyframes sp-fadein { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
@keyframes sp-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,.5);opacity:1} 50%{box-shadow:0 0 0 5px transparent;opacity:.6} }

/* === SOCIAL MEDIA REFERRERS — sp-social-* === */
.sp-social-list { padding:.75rem 1rem;display:flex;flex-direction:column;gap:.45rem; }
.sp-social-item { position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.06); }
.sp-social-bar { position:absolute;top:0;left:0;bottom:0;width:var(--ssw,0%);background:linear-gradient(90deg,color-mix(in srgb,var(--ssc) 28%,transparent),color-mix(in srgb,var(--ssc) 10%,transparent));border-radius:12px;transition:width 1.1s cubic-bezier(.22,.68,0,1.2);animation:sp-social-in 1.1s cubic-bezier(.22,.68,0,1.2) both; }
.sp-social-inner { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;gap:.75rem; }
.sp-social-left { display:flex;align-items:center;gap:.6rem; }
.sp-social-ic { width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.88rem;color:var(--ssc);background:color-mix(in srgb,var(--ssc) 14%,transparent);border:1px solid color-mix(in srgb,var(--ssc) 25%,transparent);flex-shrink:0; }
.sp-social-name { font-size:.85rem;font-weight:600;color:#f1f5f9; }
.sp-social-right { display:flex;align-items:center;gap:.5rem;flex-shrink:0; }
.sp-social-num { font-size:.85rem;font-weight:700;color:#f1f5f9; }
.sp-social-pct { font-size:.75rem;font-weight:700;color:var(--ssc);background:color-mix(in srgb,var(--ssc) 12%,transparent);border:1px solid color-mix(in srgb,var(--ssc) 25%,transparent);border-radius:6px;padding:.1rem .45rem; }
@keyframes sp-social-in { from{width:0} to{width:var(--ssw,0%)} }

/* === DONUT DISTRIBUTION — sp-donut-* === */
.sp-donut-card { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;overflow:hidden;margin-bottom:1.5rem; }
.sp-donut-body { display:flex;align-items:stretch;min-height:280px; }
.sp-donut-ring-wrap { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 2.25rem;flex-shrink:0;gap:.85rem; }
.sp-donut-ring { width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at center,#0d1117 55%,transparent 56%),conic-gradient(rgba(255,255,255,0.06) 0% 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 56px rgba(124,58,237,0.14);animation:sp-donut-in .55s cubic-bezier(.34,1.56,.64,1) both; }
.sp-donut-center { text-align:center; }
.sp-donut-total { font-size:1.5rem;font-weight:800;color:#f1f5f9;letter-spacing:-.04em;line-height:1.1; }
.sp-donut-sublbl { font-size:.62rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.22rem; }
.sp-donut-top-label { display:flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:600;color:#f1f5f9;white-space:nowrap; }
.sp-donut-toplbl-ic { color:var(--dlc,#FCD34D);font-size:.68rem; }
.sp-donut-legend { flex:1;min-width:0;padding:1.25rem 1.5rem 1.25rem 1.25rem;display:flex;flex-direction:column;justify-content:center;gap:.38rem;border-left:1px solid rgba(255,255,255,0.06); }
.sp-dleg-item { display:flex;align-items:center;gap:.65rem;padding:.48rem .55rem;border-radius:10px;border:1px solid rgba(255,255,255,0.04);animation:sp-fadein .4s ease both;animation-delay:var(--bd,0s);transition:background .18s,border-color .18s; }
.sp-dleg-item:hover { background:rgba(255,255,255,0.03);border-color:color-mix(in srgb,var(--dlc) 22%,transparent); }
.sp-dleg-dot { width:9px;height:9px;border-radius:3px;background:var(--dlc);flex-shrink:0;box-shadow:0 0 6px color-mix(in srgb,var(--dlc) 55%,transparent); }
.sp-dleg-info { flex:1;min-width:0; }
.sp-dleg-name { font-size:.8rem;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:.35rem;margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.sp-dleg-bar { height:3px;background:rgba(255,255,255,0.07);border-radius:4px;overflow:hidden; }
.sp-dleg-fill { height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--dlc),color-mix(in srgb,var(--dlc) 55%,#38BDF8));animation:sp-dleg-in .9s cubic-bezier(.22,.68,0,1.2) both;animation-delay:calc(var(--bd,0s) + .2s); }
.sp-dleg-right { flex-shrink:0;text-align:right;min-width:66px; }
.sp-dleg-count { display:block;font-size:.82rem;font-weight:700;color:#f1f5f9; }
.sp-dleg-pct { display:block;font-size:.7rem;font-weight:700;color:var(--dlc); }
@keyframes sp-donut-in { from{transform:scale(.7);opacity:0} to{transform:scale(1);opacity:1} }
@keyframes sp-dleg-in { from{width:0} to{width:var(--dlw,0%)} }
@media(max-width:767px){.sp-donut-body{flex-direction:column;min-height:auto;}.sp-donut-legend{border-left:none;border-top:1px solid rgba(255,255,255,0.06);padding:1rem;}}

/* === CLICKS OVER TIME SECTION — ct-* === */
.ct-card { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:20px;overflow:hidden;margin-bottom:1.5rem; }
/* Mini strip */
.ct-mini-strip { display:flex;align-items:stretch;border-bottom:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.02); }
.ct-mini-stat { display:flex;align-items:center;gap:.75rem;flex:1;padding:1.1rem 1.4rem;animation:ct-popin .4s ease both;animation-delay:var(--bd,0s); }
.ct-mini-ic { width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--ctc);font-size:.88rem;background:color-mix(in srgb,var(--ctc) 14%,transparent);border:1px solid color-mix(in srgb,var(--ctc) 25%,transparent);flex-shrink:0; }
.ct-mini-num { font-size:1.35rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#f1f5f9; }
.ct-mini-lbl { font-size:.67rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:.15rem; }
.ct-mini-sub { color:color-mix(in srgb,var(--ctc) 80%,#f1f5f9);font-weight:700;margin-left:.25rem; }
.ct-mini-div { width:1px;background:rgba(255,255,255,0.07);flex-shrink:0;margin:.6rem 0; }
@media(max-width:575px){.ct-mini-strip{flex-wrap:wrap;}.ct-mini-stat{flex:0 0 50%;}.ct-mini-div:nth-child(4){display:none;}}
/* Header */
.ct-header { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1.1rem 1.4rem;border-bottom:1px solid rgba(255,255,255,0.07); }
.ct-controls { display:flex;align-items:center;gap:.6rem;flex-wrap:wrap; }
/* Range buttons */
.ct-range-btns { display:flex;align-items:center;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;overflow:hidden; }
.ct-rbtn { background:transparent;border:none;color:var(--t26-muted);font-size:.75rem;font-weight:700;padding:.38rem .75rem;cursor:pointer;transition:all .18s;letter-spacing:.04em; }
.ct-rbtn:hover { color:#f1f5f9;background:rgba(255,255,255,0.06); }
.ct-rbtn.active { background:rgba(124,58,237,0.25);color:#C4B5FD;box-shadow:inset 0 0 0 1px rgba(167,139,250,0.3); }
/* Custom date */
.ct-custom-wrap { display:flex;align-items:center;gap:.45rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:.38rem .85rem;cursor:pointer; }
.ct-cal-icon { color:var(--t26-muted);font-size:.78rem;flex-shrink:0; }
.ct-date-input { background:transparent;border:none;outline:none;color:#f1f5f9;font-size:.78rem;width:150px;cursor:pointer; }
/* Chart area */
.lnst-chart-wrap { padding:1.25rem 1.4rem 1.4rem; }
@keyframes ct-popin { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

/* ── Calendar Day Detail — Link Rows ── */
.cal-link-item { margin-bottom:.85rem; }
.cal-link-item:last-child { margin-bottom:0; }
.cal-link-row { display:flex;align-items:center;justify-content:space-between;margin-bottom:5px; }
.cal-link-left { display:flex;align-items:center;gap:6px;min-width:0;flex:1; }
.cal-link-dot { width:7px;height:7px;border-radius:50%;flex-shrink:0; }
.cal-link-title { font-size:.8rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;text-decoration:none; }
.cal-link-title:hover { color:#A78BFA;text-decoration:underline; }
.cal-copy-btn { display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:600;padding:1px 7px;border-radius:5px;background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);color:#A78BFA;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s; }
.cal-copy-btn:hover { background:rgba(124,58,237,0.2);color:#C4B5FD; }
.cal-copy-btn.ic-copied { background:rgba(16,185,129,0.15);border-color:rgba(16,185,129,0.35);color:#34D399; }
.cal-link-count { font-size:.78rem;font-weight:700;flex-shrink:0;margin-left:8px; }
.cal-bar-wrap { background:rgba(255,255,255,0.06);border-radius:4px;height:5px;overflow:hidden; }
.cal-bar-fill { height:100%;width:0;border-radius:4px;transition:width .9s cubic-bezier(.22,.68,0,1.2); }
/* ── Billing Page ── */
@keyframes bl-fadein{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes bl-shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
@keyframes bl-pulse-ring{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
.bl-fadein{animation:bl-fadein .5s ease both}
.bl-fadein-1{animation-delay:.08s}
.bl-fadein-2{animation-delay:.16s}
.bl-fadein-3{animation-delay:.24s}
.bl-fadein-4{animation-delay:.32s}
.bl-hero{position:relative;border-radius:18px;overflow:hidden;padding:32px 28px;background:linear-gradient(135deg,rgba(124,58,237,.18) 0%,rgba(6,182,212,.12) 100%);border:1px solid rgba(255,255,255,.1);margin-bottom:8px}
.bl-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);background-size:200% 100%;animation:bl-shimmer 4s linear infinite;pointer-events:none}
.bl-hero-orb{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);top:-120px;right:-80px;opacity:.22;pointer-events:none}
.bl-hero-orb2{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#06B6D4 0%,transparent 70%);bottom:-80px;left:-40px;opacity:.15;pointer-events:none}
.bl-hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.bl-hero-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.45);margin-bottom:6px}
.bl-hero-plan{font-size:2rem;font-weight:800;line-height:1.1;margin-bottom:8px}
.bl-hero-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bl-badge{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:600;border-radius:20px;padding:4px 11px}
.bl-badge-active{background:rgba(16,185,129,.15);color:#10B981;border:1px solid rgba(16,185,129,.3)}
.bl-badge-expiry{background:rgba(255,255,255,.07);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.1)}
.bl-badge-lifetime{background:linear-gradient(135deg,rgba(124,58,237,.25),rgba(6,182,212,.2));color:#A78BFA;border:1px solid rgba(124,58,237,.3)}
.bl-badge-pulse{position:relative;width:7px;height:7px;border-radius:50%;background:#10B981;flex-shrink:0}
.bl-badge-pulse::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#10B981;animation:bl-pulse-ring 1.8s ease infinite}
.bl-hero-stats{display:flex;gap:20px;flex-wrap:wrap}
.bl-hero-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 20px;min-width:100px;text-align:center;transition:transform .2s,background .2s}
.bl-hero-stat:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}
.bl-hero-stat-num{font-size:1.35rem;font-weight:700;color:#fff;line-height:1}
.bl-hero-stat-lbl{font-size:.7rem;color:rgba(255,255,255,.45);margin-top:4px;font-weight:500}
.bl-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.4);margin-bottom:14px}
.bl-usage-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;transition:border-color .2s}
.bl-usage-card:hover{border-color:rgba(255,255,255,.14)}
.bl-usage-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}
.bl-usage-label{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.85);margin-bottom:2px}
.bl-usage-value{font-size:.74rem;color:rgba(255,255,255,.4)}
.bl-bar-track{height:5px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:10px}
.bl-bar-fill{height:100%;border-radius:5px;width:0;transition:width 1s cubic-bezier(.22,.68,0,1.2)}
.bl-feat-list{list-style:none;padding:0;margin:0}
.bl-feat-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.83rem;color:rgba(255,255,255,.75)}
.bl-feat-item:last-child{border-bottom:none}
.bl-feat-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0;margin-top:1px}
.bl-feat-icon-ok{background:rgba(16,185,129,.2);color:#10B981}
.bl-feat-icon-no{background:rgba(239,68,68,.2);color:#F87171}
.bl-timeline{position:relative;padding-left:22px}
.bl-timeline::before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,rgba(124,58,237,.5),rgba(6,182,212,.2))}
.bl-tl-item{position:relative;margin-bottom:18px}
.bl-tl-dot{position:absolute;left:-22px;top:12px;width:14px;height:14px;border-radius:50%;border:2px solid #7C3AED;background:rgba(124,58,237,.3)}
.bl-tl-dot-active{background:#7C3AED;box-shadow:0 0 0 4px rgba(124,58,237,.2)}
.bl-tl-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;transition:border-color .2s,transform .2s}
.bl-tl-card:hover{border-color:rgba(255,255,255,.15);transform:translateX(3px)}
.bl-tl-date{font-size:.72rem;color:rgba(255,255,255,.38);margin-bottom:4px}
.bl-tl-status{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.85)}
.bl-pay-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .18s}
.bl-pay-row:last-child{border-bottom:none}
.bl-pay-row:hover{background:rgba(255,255,255,.03)}
.bl-pay-icon{width:38px;height:38px;border-radius:10px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.25);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#A78BFA;flex-shrink:0}
.bl-pay-icon-refund{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25);color:#F87171}
.bl-pay-icon-trial{background:rgba(6,182,212,.12);border-color:rgba(6,182,212,.25);color:#22D3EE}
.bl-pay-info{flex:1;min-width:0}
.bl-pay-tid{font-size:.78rem;color:rgba(255,255,255,.4);font-family:monospace;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.bl-pay-date{font-size:.72rem;color:rgba(255,255,255,.3)}
.bl-pay-amount{font-size:.95rem;font-weight:700;color:#fff}
.bl-pay-amount-refund{color:#F87171}
.bl-pay-amount-trial{color:#22D3EE;font-size:.82rem}
.bl-pay-actions{flex-shrink:0}
.bl-action-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;margin-bottom:16px;transition:border-color .2s}
.bl-action-card:hover{border-color:rgba(255,255,255,.13)}
.bl-action-title{font-size:.82rem;font-weight:700;color:rgba(255,255,255,.85);margin-bottom:6px;display:flex;align-items:center;gap:8px}
.bl-action-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}
.bl-action-desc{font-size:.78rem;color:rgba(255,255,255,.4);margin-bottom:14px;line-height:1.6}
.bl-empty{text-align:center;padding:32px 20px;color:rgba(255,255,255,.3);font-size:.85rem}
.bl-empty i{font-size:1.8rem;display:block;margin-bottom:10px;opacity:.35}
/* ── Security Page ── */
@keyframes sc-fadein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes sc-shield-pulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 8px rgba(124,58,237,.5))}50%{transform:scale(1.06);filter:drop-shadow(0 0 18px rgba(124,58,237,.8))}}
@keyframes sc-ping{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.2);opacity:0}}
@keyframes sc-slide-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
.sc-fadein{animation:sc-fadein .45s ease both}
.sc-fadein-1{animation-delay:.06s}
.sc-fadein-2{animation-delay:.12s}
.sc-fadein-3{animation-delay:.18s}
.sc-fadein-4{animation-delay:.24s}
.sc-hero{position:relative;border-radius:18px;overflow:hidden;padding:28px;background:linear-gradient(135deg,rgba(124,58,237,.16) 0%,rgba(6,182,212,.1) 100%);border:1px solid rgba(255,255,255,.09);margin-bottom:24px}
.sc-hero-orb{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);top:-110px;right:-70px;opacity:.2;pointer-events:none}
.sc-hero-inner{position:relative;z-index:1;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.sc-shield-wrap{position:relative;flex-shrink:0}
.sc-shield-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,rgba(124,58,237,.3),rgba(6,182,212,.2));border:1px solid rgba(124,58,237,.4);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#A78BFA;animation:sc-shield-pulse 3s ease-in-out infinite}
.sc-ping{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%}
.sc-ping-dot{position:absolute;inset:0;border-radius:50%;background:#10B981}
.sc-ping-ring{position:absolute;inset:0;border-radius:50%;background:#10B981;animation:sc-ping 1.5s ease-out infinite}
.sc-hero-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:4px}
.sc-hero-sub{font-size:.8rem;color:rgba(255,255,255,.45)}
.sc-hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.sc-badge{display:inline-flex;align-items:center;gap:5px;font-size:.73rem;font-weight:600;border-radius:20px;padding:4px 11px;border:1px solid}
.sc-badge-ok{background:rgba(16,185,129,.12);color:#10B981;border-color:rgba(16,185,129,.28)}
.sc-badge-warn{background:rgba(251,191,36,.12);color:#FBBF24;border-color:rgba(251,191,36,.28)}
.sc-badge-info{background:rgba(6,182,212,.12);color:#22D3EE;border-color:rgba(6,182,212,.28)}
.sc-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.35);margin-bottom:14px}
.sc-event-card{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .18s;animation:sc-slide-in .35s ease both}
.sc-event-card:last-child{border-bottom:none}
.sc-event-card:hover{background:rgba(255,255,255,.03)}
.sc-event-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0;margin-top:1px}
.sc-event-icon-ok{background:rgba(16,185,129,.15);color:#10B981;border:1px solid rgba(16,185,129,.2)}
.sc-event-icon-warn{background:rgba(239,68,68,.15);color:#F87171;border:1px solid rgba(239,68,68,.2)}
.sc-event-icon-info{background:rgba(124,58,237,.15);color:#A78BFA;border:1px solid rgba(124,58,237,.2)}
.sc-event-icon-email{background:rgba(6,182,212,.15);color:#22D3EE;border:1px solid rgba(6,182,212,.2)}
.sc-event-body{flex:1;min-width:0}
.sc-event-type{font-size:.83rem;font-weight:600;color:rgba(255,255,255,.85);margin-bottom:5px}
.sc-event-meta{display:flex;flex-wrap:wrap;gap:8px}
.sc-event-chip{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:rgba(255,255,255,.4);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:2px 7px}
.sc-event-chip img{border-radius:2px}
.sc-event-time{font-size:.7rem;color:rgba(255,255,255,.28);white-space:nowrap;margin-top:2px;flex-shrink:0}
.sc-empty{text-align:center;padding:40px 20px;color:rgba(255,255,255,.3)}
.sc-empty i{font-size:2rem;display:block;margin-bottom:10px;opacity:.3}
.sc-action-card{border-radius:14px;padding:20px;margin-bottom:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);transition:border-color .2s,transform .18s}
.sc-action-card:hover{border-color:rgba(255,255,255,.14);transform:translateY(-1px)}
.sc-action-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.sc-action-icon-wrap{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}
.sc-action-title{font-size:.9rem;font-weight:700;color:rgba(255,255,255,.9)}
.sc-action-desc{font-size:.78rem;color:rgba(255,255,255,.4);line-height:1.65;margin-bottom:14px}
.sc-2fa-enabled{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);border-radius:10px;margin-bottom:14px;font-size:.82rem;color:#10B981;font-weight:600}
.sc-qr-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;text-align:center;margin-bottom:14px}
.sc-secret-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.sc-secret-val{font-family:monospace;font-size:.78rem;color:rgba(255,255,255,.6);word-break:break-all}
/* ── API Revoke button ── */
@keyframes api-revoke-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}
@keyframes api-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/* ── Get Verified Page ── */
@keyframes vf-fadein{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes vf-badge-in{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@keyframes vf-check-draw{0%{stroke-dashoffset:60}100%{stroke-dashoffset:0}}
@keyframes vf-ring-pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.12);opacity:.9}}
@keyframes vf-orb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.vf-fadein{animation:vf-fadein .5s ease both}
.vf-fadein-1{animation-delay:.07s}
.vf-fadein-2{animation-delay:.14s}
.vf-fadein-3{animation-delay:.21s}
/* Hero */
.vf-hero{position:relative;border-radius:20px;overflow:hidden;padding:32px 28px;background:linear-gradient(135deg,rgba(16,185,129,.13) 0%,rgba(6,182,212,.09) 100%);border:1px solid rgba(16,185,129,.18);margin-bottom:24px}
.vf-hero-orb{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#10B981 0%,transparent 70%);top:-120px;right:-80px;opacity:.15;pointer-events:none;animation:vf-orb-float 7s ease-in-out infinite}
.vf-hero-inner{position:relative;z-index:1;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.vf-icon-wrap{position:relative;flex-shrink:0}
.vf-icon-ring{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(6,182,212,.15));border:1.5px solid rgba(16,185,129,.4);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#10B981;animation:vf-ring-pulse 2.8s ease-in-out infinite}
.vf-icon-ring-done{background:linear-gradient(135deg,rgba(16,185,129,.35),rgba(6,182,212,.2));border-color:rgba(16,185,129,.6);color:#34D399}
.vf-hero-title{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:10px}
.vf-verified-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(6,182,212,.15));border:1px solid rgba(16,185,129,.35);border-radius:20px;padding:3px 10px;color:#34D399;animation:vf-badge-in .4s ease .3s both}
.vf-hero-sub{font-size:.82rem;color:rgba(255,255,255,.45);line-height:1.6;max-width:480px}
/* Benefits strip */
.vf-benefits{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.vf-benefit{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.6)}
.vf-benefit i{color:#10B981}
/* Upload drop zone */
.vf-upload-zone{border:2px dashed rgba(255,255,255,.12);border-radius:14px;padding:28px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative;overflow:hidden}
.vf-upload-zone:hover,.vf-upload-zone.drag-over{border-color:rgba(16,185,129,.45);background:rgba(16,185,129,.05)}
.vf-upload-icon{width:48px;height:48px;border-radius:14px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.25);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#10B981;margin:0 auto 12px}
.vf-upload-title{font-size:.88rem;font-weight:600;color:rgba(255,255,255,.8);margin-bottom:4px}
.vf-upload-sub{font-size:.76rem;color:rgba(255,255,255,.35)}
.vf-upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
/* Section label */
.vf-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.35);margin-bottom:14px}
/* Verification history items */
.vf-history-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.vf-history-item:last-child{border-bottom:none}
.vf-hist-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.vf-hist-approved{background:#10B981;box-shadow:0 0 6px rgba(16,185,129,.5)}
.vf-hist-rejected{background:#EF4444;box-shadow:0 0 6px rgba(239,68,68,.4)}
.vf-hist-pending{background:#7C3AED;box-shadow:0 0 6px rgba(124,58,237,.4)}
.vf-hist-status{font-size:.8rem;font-weight:700}
.vf-hist-status-ok{color:#10B981}
.vf-hist-status-rej{color:#F87171}
.vf-hist-status-pend{color:#A78BFA}
.vf-hist-date{font-size:.74rem;color:rgba(255,255,255,.3);margin-top:1px}
/* Steps sidebar */
.vf-step{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.vf-step:last-child{border-bottom:none}
.vf-step-num{width:28px;height:28px;border-radius:50%;background:rgba(124,58,237,.2);border:1px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#A78BFA;flex-shrink:0}
.vf-step-title{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.8);margin-bottom:2px}
.vf-step-desc{font-size:.75rem;color:rgba(255,255,255,.38);line-height:1.5}
.api-regen-item{display:flex;align-items:center;gap:9px;padding:8px 14px;font-size:.82rem;font-weight:500;color:rgba(255,255,255,.75);text-decoration:none;border-radius:8px;margin:2px 6px;transition:background .18s,color .18s}
.api-regen-item:hover{background:rgba(124,58,237,.15);color:#A78BFA}
.api-regen-item .api-regen-icon{width:26px;height:26px;border-radius:7px;background:rgba(124,58,237,.2);border:1px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#A78BFA;flex-shrink:0;transition:background .18s}
.api-regen-item:hover .api-regen-icon{background:rgba(124,58,237,.35);animation:api-spin .5s ease}
.api-regen-submit{transition:background .18s,border-color .18s,transform .15s,box-shadow .18s}
.api-regen-submit:hover{background:rgba(239,68,68,.2)!important;border-color:rgba(239,68,68,.45)!important;transform:translateY(-1px);box-shadow:0 4px 14px rgba(239,68,68,.2)}
.api-regen-submit:hover .api-regen-spin{animation:api-spin .5s ease}
.api-regen-submit:active{transform:translateY(0)}
.api-revoke-btn{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;padding:5px 11px;border-radius:7px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#F87171;text-decoration:none;transition:background .18s,border-color .18s,transform .15s,box-shadow .18s;cursor:pointer}
.api-revoke-btn:hover{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.4);color:#FCA5A5;transform:translateY(-1px);box-shadow:0 4px 14px rgba(239,68,68,.2)}
.api-revoke-btn:active{animation:api-revoke-shake .35s ease;transform:translateY(0)}
.t26-s338 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:10px;padding:9px 11px; }
.t26-s339 { background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s340 { appearance:auto;height:120px; }
.t26-s341 { padding:10px;border-radius:10px;border:none;cursor:pointer; }
.t26-s342 { position:relative;flex-shrink:0; }
.t26-s343 { width:46px;height:46px;object-fit:cover;border:2px solid rgba(124,58,237,0.3); }
.t26-s344 { position:absolute;bottom:0;right:0;width:12px;height:12px;background:#10B981;border:2px solid var(--t26-bg2);border-radius:50%; }
.t26-s345 { position:absolute;bottom:0;right:0;width:12px;height:12px;background:#6B7280;border:2px solid var(--t26-bg2);border-radius:50%; }
.t26-s346 { background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:5px;padding:1px 8px;font-size:.72rem; }
.t26-s347 { background:rgba(245,158,11,0.15);color:#F59E0B;border:1px solid rgba(245,158,11,0.3);border-radius:5px;padding:1px 8px;font-size:.72rem; }
.t26-s348 { background:rgba(239,68,68,0.15);color:#EF4444;border:1px solid rgba(239,68,68,0.3);border-radius:5px;padding:1px 8px;font-size:.72rem; }
.t26-s349 { padding:7px 14px;border-radius:9px;text-decoration:none;font-size:.82rem; }
.t26-s350 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center; }
.t26-s351 { color:var(--t26-muted);font-size:.85rem; }
.t26-s352 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0;min-width:170px; }
.t26-d14-bg { background: var(--t26-d14-bg); }
.t26-s353 { color:var(--t26-muted);font-size:.9rem;margin:0; }
.t26-s354 { color:var(--t26-muted);font-size:.875rem;margin-left:.5rem; }
.t26-s355 { width:42px;height:42px;object-fit:cover;border:1px solid rgba(255,255,255,0.08);padding:6px; }
.t26-s356 { color:var(--t26-text);text-decoration:none;font-weight:600; }
.t26-s357 { color:#7C3AED;font-size:.8rem;text-decoration:none; }
.t26-s358 { color:var(--t26-muted);font-size:.78rem; }
.t26-s359 { border-radius:10px;text-decoration:none;background:linear-gradient(135deg,#EF4444,#DC2626); }
.t26-s361 { font-size:.78rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px; }
.t26-s362 { font-size:1.8rem; }
.t26-s363 { padding:7px 18px;border-radius:8px;font-size:.83rem; }
.t26-s364 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:14px 16px; }
.t26-s365 { color:var(--t26-text);font-size:.88rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.t26-s366 { padding:7px 16px;border-radius:8px;font-size:.8rem;border:none; }
.t26-s367 { padding:6px 14px;border-radius:8px;font-size:.8rem; }
.t26-s368 { margin-left:8px;font-size:.72rem;background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:20px;padding:2px 8px; }
.t26-s369 { margin-left:8px;font-size:.72rem;background:rgba(251,191,36,0.15);color:#FCD34D;border:1px solid rgba(251,191,36,0.3);border-radius:20px;padding:2px 8px; }
.t26-s370 { margin-left:8px;font-size:.72rem;background:rgba(239,68,68,0.15);color:#F87171;border:1px solid rgba(239,68,68,0.3);border-radius:20px;padding:2px 8px; }
.t26-s371 { padding:14px 20px;font-size:.85rem;color:var(--t26-muted); }
.t26-s372 { font-size:1.4rem; }
.t26-s373 { font-size:.82rem;color:var(--t26-muted);margin-bottom:8px; }
.t26-s374 { border-top:1px solid rgba(255,255,255,0.08);padding-top:14px;margin-top:4px; }
.t26-s375 { font-size:.85rem;font-weight:600;margin-bottom:8px; }
.t26-s376 { font-size:.82rem;color:var(--t26-muted);margin-bottom:12px; }
.t26-s377 { opacity:.2;top:-30%;right:3%;width:260px;height:260px;pointer-events:none; }
.t26-s378 { font-size:1.25rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s379 { font-size:.72rem;color:#22D3EE; }
.t26-s380 { padding:8px 16px;border-radius:10px;font-size:.82rem;font-weight:600;text-decoration:none; }
.t26-s381 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--t26-muted);font-size:.8rem; }
.t26-s382 { background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:6px 12px;text-decoration:none;color:var(--t26-muted);font-size:.8rem;font-weight:600;white-space:nowrap; }
.t26-s383 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0;min-width:185px; }
.t26-s384 { width:15px;color:var(--t26-muted); }
.t26-s385 { width:15px; }
.t26-s386 { width:1px;height:24px;background:rgba(255,255,255,0.07);flex-shrink:0; }
.t26-s387 { display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:9px;padding:7px 12px;flex:1;min-width:150px; }
.t26-s388 { color:var(--t26-muted);font-size:.72rem;flex-shrink:0; }
.t26-s389 { background:transparent;border:none;color:var(--t26-text);outline:none;font-size:.83rem;width:100%; }
.t26-s390 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:var(--t26-text);border-radius:9px;padding:7px 12px;font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap; }
.t26-s391 { font-size:.6rem;color:var(--t26-muted); }
.t26-s392 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0;min-width:130px; }
.t26-s393 { background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);color:#A78BFA;border-radius:9px;padding:7px 13px;cursor:pointer;font-size:.8rem; }
.t26-d15-h { height: var(--t26-d15-h); }
.t26-s394 { display:flex;align-items:center;padding:10px 12px 4px; }
.t26-s395 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:6px 0;min-width:190px; }
.t26-s396 { display:flex;justify-content:center;padding:12px 20px 8px;position:relative; }
.t26-s397 { display:block;border-radius:8px; }
.t26-s398 { position:absolute;bottom:14px;right:14px;background:rgba(7,7,26,0.88);border:1px solid rgba(34,211,238,0.25);border-radius:20px;padding:2px 8px;font-size:.65rem;font-weight:700;color:#22D3EE;display:flex;align-items:center;gap:3px; }
.t26-s399 { font-size:.58rem; }
.t26-s400 { text-align:center;padding:4px 14px 12px;flex:1; }
.t26-s401 { font-size:.88rem;font-weight:700;color:var(--t26-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.t26-s402 { color:inherit;opacity:.7;text-decoration:none; }
.t26-s403 { display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-top:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02); }
.t26-s404 { font-size:.7rem;color:var(--t26-muted);display:flex;align-items:center;gap:4px; }
.t26-s405 { display:flex;align-items:center;gap:4px; }
.t26-s406 { padding:24px; }
.t26-s407 { cursor:pointer; }
.t26-s408 { display:none; }
.t26-s409 { padding:11px;border-radius:10px;font-weight:600; }
.t26-s410 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);border-radius:14px;padding:12px;margin-right:1rem;flex-shrink:0; }
.t26-s411 { font-size:1.4rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s412 { color:var(--t26-muted);margin:0;font-size:.9rem; }
.t26-s413 { padding:9px 20px;border-radius:9px;text-decoration:none;font-size:.875rem; }
.t26-s414 { color:#EF4444;font-size:.8rem; }
.t26-s415 { appearance:auto; }
.t26-s416 { padding:7px 16px;border-radius:9px;font-size:.875rem; }
.t26-s417 { border-top:1px solid rgba(255,255,255,0.08); }
.t26-s418 { color:var(--t26-muted);cursor:pointer; }
.t26-s419 { padding:7px 16px;border-radius:9px;text-decoration:none;font-size:.875rem; }
.t26-s420 { color:var(--t26-muted);font-size:.875rem; }
.t26-s421 { cursor:pointer;border:2px solid rgba(124,58,237,0.4);border-radius:12px;padding:12px;min-width:140px;background:rgba(255,255,255,0.02); }
.t26-s422 { max-width:100px; }
.t26-s423 { cursor:pointer;border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:12px;min-width:140px;background:rgba(255,255,255,0.02); }
.t26-s424 { padding:8px;border-radius:9px;text-decoration:none; }
.t26-s425 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:10px; }
.t26-s426 { cursor:pointer;border:2px solid rgba(124,58,237,0.6);border-radius:8px;padding:4px;background:rgba(255,255,255,0.04); }
.t26-s427 { accent-color:#7C3AED; }
.t26-s428 { background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.2);border-radius:10px;text-decoration:none; }
.t26-s429 { padding:4px 14px;border-radius:7px;font-size:.8rem; }
.t26-s430 { position:sticky;top:80px; }
.t26-s431 { display:flex;align-items:center;gap:.6rem;margin-bottom:1rem; }
.t26-s432 { width:28px;height:28px;border-radius:8px;background:rgba(124,58,237,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-s433 { font-size:.85rem;font-weight:700;color:var(--t26-text); }
.t26-s434 { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:.75rem; }
.t26-s435 { padding:10px;border-radius:10px;font-size:.875rem; }
.t26-s436 { background:rgba(124,58,237,0.07);border:1px solid rgba(124,58,237,0.15);border-radius:12px;padding:1rem 1.1rem; }
.t26-s437 { font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#A78BFA;margin-bottom:.5rem; }
.t26-s438 { color:var(--t26-muted);font-size:.8rem;line-height:1.6;margin:0; }
.t26-s439 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:14px;padding:12px;margin-right:1rem;flex-shrink:0; }
.t26-s440 { display:flex;align-items:center;gap:8px;margin-bottom:14px; }
.t26-s441 { width:6px;height:6px;border-radius:50%;background:#A78BFA;flex-shrink:0; }
.t26-s442 { font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--t26-muted); }
.t26-s443 { display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.06); }
.t26-s444 { width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#06B6D4);flex-shrink:0; }
.t26-s445 { color:var(--t26-text);font-size:.95rem; }
.t26-s446 { color:#38BDF8; }
.t26-s447 { color:#F472B6; }
.t26-s448 { color:#34D399; }
.t26-s449 { color:#FB923C; }
.t26-s450 { color:#4ADE80; }
.t26-s451 { color:#C084FC; }
.t26-s452 { color:#22D3EE; }
.t26-s453 { color:#F59E0B; }
.t26-s454 { color:#818CF8; }
.t26-s455 { color:#60A5FA; }
.t26-s456 { width:32px;height:32px;border-radius:8px;background:rgba(124,58,237,0.12);display:flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0; }
.t26-s457 { padding:8px;border-radius:9px;text-decoration:none;font-size:.83rem; }
.t26-s458 { cursor:pointer;border:2px solid rgba(124,58,237,0.6);border-radius:8px;width:48px;height:48px;background:rgba(255,255,255,0.04); }
.t26-s459 { cursor:pointer;border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:4px;background:rgba(255,255,255,0.04); }
.t26-s460 { display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem; }
.t26-s461 { display:flex;align-items:center;gap:.55rem; }
.t26-s462 { width:26px;height:26px;border-radius:7px;background:rgba(124,58,237,0.14);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-s463 { font-size:.68rem;color:#A78BFA; }
.t26-s464 { font-size:.82rem;font-weight:700;color:var(--t26-text);letter-spacing:.01em; }
.t26-s465 { font-size:.7rem;font-weight:600;color:var(--t26-muted);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:2px 10px; }
.t26-s466 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:1.25rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem; }
.t26-s467 { padding:9px 12px;border-radius:9px;font-size:.82rem; }
.t26-s468 { display:flex;align-items:flex-start;gap:.5rem;background:rgba(124,58,237,0.06);border:1px solid rgba(124,58,237,0.12);border-radius:9px;padding:.65rem .8rem; }
.t26-s469 { color:#A78BFA;font-size:.75rem;margin-top:2px;flex-shrink:0; }
.t26-s470 { color:var(--t26-muted);font-size:.75rem;line-height:1.55; }
.t26-s471 { border-radius:9px;text-decoration:none;border:1px solid rgba(124,58,237,0.6);background:rgba(124,58,237,0.15);color:var(--t26-text);font-size:.875rem; }
.t26-s472 { border-radius:9px;text-decoration:none;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);color:var(--t26-text);font-size:.875rem; }
.t26-s473 { color:var(--t26-muted);font-size:.875rem;line-height:1.6; }
.t26-s474 { padding:10px;border-radius:10px; }
.t26-s475 { background:var(--t26-bg);padding:5rem 0 6rem;position:relative;overflow:hidden; }
.t26-s476 { opacity:.4;top:10%;left:72%; }
.t26-s477 { opacity:.2;top:65%;left:-4%; }
.t26-s478 { opacity:.3; }
.t26-s479 { position:relative;z-index:2; }
.t26-s480 { --bd:0s; }
.t26-s481 { display:inline-flex; }
.t26-s482 { font-size:clamp(2.1rem,4.5vw,3.3rem);line-height:1.1;letter-spacing:-.03em; }
.t26-s483 { color:var(--t26-muted);font-size:1rem;max-width:480px;line-height:1.8;margin-bottom:2rem; }
.t26-s484 { display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.75rem; }
.t26-s485 { display:flex;align-items:center;gap:.5rem;font-size:.83rem;color:rgba(241,245,249,0.8); }
.t26-s486 { margin-bottom:1.5rem; }
.t26-s487 { display:block;font-size:.72rem;font-weight:700;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:.5rem; }
.t26-s488 { color:#10B981;font-size:.68rem; }
.t26-s489 { border-radius:0;flex-shrink:0; }
.t26-s490 { display:block;font-size:.72rem;color:var(--t26-muted);margin-top:.4rem; }
.t26-s491 { display:flex;align-items:center;gap:.85rem;flex-wrap:wrap; }
.t26-s492 { display:flex; }
.t26-s493 { border-radius:50%;border:2px solid var(--t26-bg);object-fit:cover; }
.t26-s494 { border-radius:50%;border:2px solid var(--t26-bg);object-fit:cover;margin-left:-8px; }
.t26-s495 { display:flex;gap:.2rem;margin-bottom:.2rem; }
.t26-s496 { color:#F59E0B;font-size:.7rem; }
.t26-s497 { color:var(--t26-muted);font-size:.79rem;font-weight:600; }
.t26-s498 { --bd:.2s; }
.t26-s499 { display:inline-block;position:relative; }
.t26-s500 { color:var(--t26-cyan); }
.t26-s501 { font-size:.73rem;color:rgba(241,245,249,0.9);font-weight:600; }
.t26-s502 { color:#10B981;font-size:.56rem; }
.t26-s503 { font-size:.6rem;color:rgba(241,245,249,0.4); }
.t26-s504 { text-align:center;padding:1rem .75rem .5rem; }
.t26-s505 { display:inline-block;position:relative;width:64px;height:64px;border-radius:50%;border:2px solid rgba(124,58,237,0.55);overflow:hidden; }
.t26-s506 { width:100%;height:100%;object-fit:cover; }
.t26-s507 { position:absolute;bottom:0;right:0;width:17px;height:17px;background:var(--t26-gradient);border-radius:50%;border:1.5px solid #07071A;display:flex;align-items:center;justify-content:center; }
.t26-s508 { font-size:.4rem;color:#fff; }
.t26-s509 { font-size:.76rem;font-weight:700;color:#fff;margin:.5rem 0 .1rem; }
.t26-s510 { font-size:.62rem;color:rgba(255,255,255,0.4);margin:0 0 .65rem; }
.t26-s511 { display:flex;justify-content:center;gap:.35rem;margin-bottom:.65rem; }
.t26-s512 { width:22px;height:22px;background:rgba(255,255,255,0.1);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;color:rgba(241,245,249,0.7); }
.t26-s513 { padding:0 .75rem;display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem; }
.t26-s514 { display:flex;align-items:center;justify-content:center;gap:.32rem;border-radius:8px;padding:.48rem;font-size:.67rem;font-weight:600;color:#fff;text-decoration:none;background:linear-gradient(135deg,rgba(124,58,237,0.7),rgba(6,182,212,0.5)); }
.t26-s515 { display:flex;align-items:center;justify-content:center;gap:.32rem;border-radius:8px;padding:.48rem;font-size:.67rem;font-weight:600;color:#fff;text-decoration:none;background:rgba(255,255,255,0.1); }
.t26-s516 { display:flex;align-items:center;justify-content:center;gap:.32rem;border-radius:8px;padding:.48rem;font-size:.67rem;font-weight:600;color:#fff;text-decoration:none;background:rgba(255,255,255,0.06); }
.t26-s517 { display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;padding:.5rem .7rem .6rem;border-top:1px solid rgba(255,255,255,0.06);text-align:center; }
.t26-s518 { font-size:.78rem;font-weight:700;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s519 { font-size:.55rem;color:rgba(241,245,249,0.3);text-transform:uppercase;letter-spacing:.05em; }
.t26-s520 { height:4px;background:rgba(255,255,255,0.15);border-radius:3px;width:58px;margin:.45rem auto .6rem; }
.t26-s521 { background:var(--t26-bg2);padding:1.6rem 0;overflow:hidden;border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05); }
.t26-s522 { text-align:center;font-size:.72rem;color:var(--t26-muted);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem; }
.t26-s523 { display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent); }
.t26-s524 { display:flex;flex-shrink:0;animation:bio-ticker 30s linear infinite;will-change:transform; }
.t26-s525 { display:flex;align-items:center;gap:.48rem;font-size:.83rem;font-weight:600;color:var(--t26-muted);white-space:nowrap;padding-right:2rem; }
.t26-d16-c { color: var(--t26-d16-c); }
.t26-s526 { background:var(--t26-bg);padding:6rem 0; }
.t26-s527 { color:rgba(241,245,249,0.45);max-width:500px;margin:.75rem auto 0;font-size:.95rem;line-height:1.7; }
.t26-s528 { background:var(--t26-bg2);padding:6rem 0; }
.t26-s529 { display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative;margin-bottom:3rem; }
.t26-s530 { position:absolute;top:32px;left:calc(16.66% + 24px);right:calc(16.66% + 24px);height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,0.45),rgba(6,182,212,0.45),transparent);pointer-events:none; }
.t26-s531 { width:64px;height:64px;border-radius:50%;background:rgba(124,58,237,0.12);border:2px solid rgba(124,58,237,0.28);display:flex;align-items:center;justify-content:center;margin:0 auto 1.1rem;position:relative;z-index:1; }
.t26-s532 { font-size:1.3rem;font-weight:800;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s533 { font-size:.95rem;font-weight:700;color:rgba(241,245,249,0.95);margin:0 0 .4rem; }
.t26-s534 { font-size:.82rem;color:var(--t26-muted);line-height:1.65;margin:0; }
.t26-s535 { --bd:.3s; }
.t26-s536 { display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center; }
.t26-s537 { color:var(--t26-muted);font-size:.95rem;line-height:1.7;margin-bottom:1.75rem; }
.t26-s538 { display:flex;flex-direction:column;gap:1.1rem;margin-bottom:2rem; }
.t26-s539 { display:flex;gap:.85rem;align-items:flex-start; }
.t26-d17-w { width: var(--t26-d17-w); }
.t26-s540 { font-size:.9rem;display:block;margin-bottom:.15rem; }
.t26-s541 { color:var(--t26-muted);font-size:.83rem;margin:0;line-height:1.6; }
.t26-s542 { --bd:.16s; }
.t26-s543 { display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.5rem; }
.t26-s544 { display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:1rem 1.2rem; }
.t26-s545 { border-radius:50%;border:2px solid rgba(255,255,255,0.14);object-fit:cover; }
.t26-s546 { position:absolute;bottom:0;right:0;width:18px;height:18px;background:#1DB954;border-radius:50%;border:1.5px solid var(--t26-bg);display:flex;align-items:center;justify-content:center; }
.t26-s547 { color:#fff;font-size:.48rem; }
.t26-s548 { flex:1;min-width:0; }
.t26-s549 { font-size:.9rem;font-weight:700;color:rgba(241,245,249,0.95);margin:0 0 .1rem; }
.t26-s550 { font-size:.75rem;color:var(--t26-muted);margin:0; }
.t26-s551 { font-size:.74rem;padding:.35rem .9rem; }
.t26-s552 { display:flex;align-items:center;gap:1rem;background:rgba(124,58,237,0.06);border:1px solid rgba(124,58,237,0.3);border-radius:16px;padding:1rem 1.2rem;flex-wrap:wrap; }
.t26-s553 { position:absolute;bottom:0;right:0;width:18px;height:18px;background:#F43F5E;border-radius:50%;border:1.5px solid var(--t26-bg);display:flex;align-items:center;justify-content:center; }
.t26-s554 { display:flex;flex-direction:column;gap:.35rem;width:100%; }
.t26-s555 { font-size:.73rem;padding:.3rem .9rem;justify-content:center; }
.t26-s556 { position:absolute;bottom:0;right:0;width:18px;height:18px;background:#10B981;border-radius:50%;border:1.5px solid var(--t26-bg);display:flex;align-items:center;justify-content:center; }
.t26-s557 { color:#fff;font-size:.42rem; }
.t26-s558 { display:inline-flex;align-items:center;gap:.4rem;background:rgba(16,185,129,0.18);border:1px solid rgba(16,185,129,0.38);border-radius:8px;padding:.35rem .9rem;color:#10B981;font-size:.73rem;font-weight:600;text-decoration:none; }
.t26-s559 { color:var(--t26-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase; }
.t26-s560 { display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem; }
.t26-s561 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:50px;padding:.3rem .85rem;font-size:.77rem;color:var(--t26-muted); }
.t26-s562 { padding:1rem 1.2rem;border-top:1px solid var(--t26-border);display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;text-align:center; }
.t26-s563 { font-size:1.1rem; }
.t26-s564 { color:var(--t26-muted);font-size:.67rem; }
.t26-s565 { color:#10B981;font-weight:700;font-size:1.1rem; }
.t26-s566 { color:var(--t26-cyan);font-weight:700;font-size:1.1rem; }
.t26-s567 { color:#F59E0B;font-weight:700;font-size:1.1rem; }
.t26-s568 { display:flex;justify-content:center;gap:3rem; }
.t26-s569 { display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.75rem; }
.t26-s570 { display:flex;align-items:flex-start;gap:.5rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:.6rem .7rem; }
.t26-d18-c { color: var(--t26-d18-c); }
.t26-s571 { font-size:.79rem;font-weight:600;color:rgba(241,245,249,0.9);margin:0 0 .08rem; }
.t26-s572 { font-size:.71rem;color:var(--t26-muted);margin:0; }
.t26-s573 { color:rgba(241,245,249,0.45);max-width:540px;margin:.75rem auto 1.5rem;font-size:.95rem;line-height:1.7; }
.t26-s574 { display:grid;grid-template-columns:repeat(6,1fr);gap:.85rem;margin-bottom:2.5rem; }
.t26-d19-c { color: var(--t26-d19-c); }
.t26-s575 { font-size:.72rem;font-weight:600;color:rgba(241,245,249,0.65); }
.t26-s576 { display:block;position:absolute;top:-6px;right:-4px;background:linear-gradient(135deg,#F43F5E,#F59E0B);color:#fff;font-size:.58rem;font-weight:700;padding:.14rem .38rem;border-radius:4px;text-transform:uppercase; }
.t26-s577 { display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem; }
.t26-s578 { --bd:.1s;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:1.25rem 1rem;text-align:center; }
.t26-d20-w { width: var(--t26-d20-w); }
.t26-d21-c { color: var(--t26-d21-c); }
.t26-s579 { font-size:.88rem;font-weight:700;color:rgba(241,245,249,0.9);margin:0 0 .3rem; }
.t26-s580 { font-size:.78rem;color:var(--t26-muted);margin:0;line-height:1.5; }
.t26-s581 { background:var(--t26-bg2);padding:5rem 0;position:relative;overflow:hidden; }
.t26-s582 { position:absolute;inset:0;background:radial-gradient(ellipse 55% 80% at 15% 50%,rgba(124,58,237,0.07) 0%,transparent 60%),radial-gradient(ellipse 55% 80% at 85% 50%,rgba(6,182,212,0.07) 0%,transparent 60%);pointer-events:none; }
.t26-s583 { --st-d:0s; }
.t26-s584 { --si1:rgba(124,58,237,0.18);--si2:rgba(124,58,237,0.08); }
.t26-s585 { --sg1:#7C3AED;--sg2:#06B6D4; }
.t26-s586 { --sbw:78%; }
.t26-s587 { --st-d:.1s; }
.t26-s588 { --si1:rgba(16,185,129,0.18);--si2:rgba(16,185,129,0.08); }
.t26-s589 { --sg1:#10B981;--sg2:#34D399; }
.t26-s590 { --sbw:55%; }
.t26-s591 { --st-d:.2s; }
.t26-s592 { --si1:rgba(6,182,212,0.18);--si2:rgba(6,182,212,0.08); }
.t26-s593 { --sg1:#06B6D4;--sg2:#38BDF8; }
.t26-s594 { --sbw:90%; }
.t26-s595 { --st-d:.3s; }
.t26-s596 { --si1:rgba(245,158,11,0.18);--si2:rgba(245,158,11,0.08); }
.t26-s597 { --sg1:#F59E0B;--sg2:#FCD34D; }
.t26-s598 { --sbw:88%; }
.t26-s599 { display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem; }
.t26-s600 { --bd:.08s;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:1.5rem; }
.t26-s601 { display:flex;gap:.2rem;margin-bottom:.75rem; }
.t26-s602 { color:#F59E0B;font-size:.78rem; }
.t26-s603 { font-size:.85rem;color:rgba(241,245,249,0.8);line-height:1.7;margin:0 0 1.25rem;font-style:italic; }
.t26-s604 { display:flex;align-items:center;gap:.75rem; }
.t26-s605 { border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.1); }
.t26-s606 { font-size:.85rem;font-weight:700;color:rgba(241,245,249,0.95);margin:0 0 .1rem; }
.t26-s607 { font-size:.74rem;color:var(--t26-muted);margin:0; }
.t26-d22-c { color: var(--t26-d22-c); }
.t26-s608 { background:var(--t26-bg2);padding:6rem 0;position:relative;overflow:hidden; }
.t26-s609 { position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,rgba(13,13,43,1) 0%,rgba(7,7,26,1) 100%);border:1px solid rgba(255,255,255,0.07);padding:22px 28px; }
.t26-s610 { position:absolute;width:280px;height:280px;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);top:-120px;right:-40px;opacity:.15;border-radius:50%;animation:orbFloat 9s ease-in-out infinite;pointer-events:none; }
.t26-s611 { background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.25);border-radius:14px;padding:14px;flex-shrink:0; }
.t26-s612 { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.t26-s613 { color:var(--t26-muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.t26-s614 { padding:8px 16px;border-radius:9px;font-size:.85rem; }
.t26-s615 { padding:8px 18px;border-radius:9px;font-size:.85rem;text-decoration:none; }
.t26-s616 { gap:3px;scrollbar-width:none; }
.t26-s617 { border-bottom:1px solid rgba(255,255,255,.07); }
.t26-s618 { font-size:.6rem;color:#fff; }
.t26-s619 { font-size:.75rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:2px; }
.t26-s620 { font-size:.85rem;color:var(--t26-text);font-weight:500; }
.t26-s621 { padding:4px 12px;border-radius:7px;font-size:.75rem; }
.t26-s622 { display:flex;gap:8px;align-items:stretch; }
.t26-s623 { flex-shrink:0;min-width:140px;max-width:220px; }
.t26-s624 { display:flex;align-items:center;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:9px;padding:0 12px;color:var(--t26-muted);font-size:.85rem;flex-shrink:0; }
.t26-s625 { color:var(--t26-muted);font-size:.75rem;margin-top:5px;display:block; }
.t26-s626 { color:#fff;font-size:.85rem; }
.t26-s627 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:20px; }
.t26-s628 { font-size:.78rem;color:var(--t26-muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600;margin:0 0 14px; }
.t26-s629 { width:100%; }
.t26-s630 { padding:0 22px;border-radius:9px;height:42px;font-weight:600;font-size:.875rem; }
.t26-s631 { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:12px;min-height:60px; }
.t26-s632 { color:var(--t26-muted);cursor:grab; }
.t26-s633 { background:rgba(255,255,255,0.08);border-radius:8px;padding:8px 12px; }
.t26-s634 { padding:16px;text-align:center;display:block; }
.t26-s635 { font-size:1.4rem;color:var(--t26-text); }
.t26-s636 { font-size:.72rem;color:var(--t26-muted);font-weight:600; }
.t26-s637 { height:100px;text-align:center; }
.t26-s638 { font-size:.72rem;font-weight:600;color:var(--t26-muted);padding-bottom:6px; }
.t26-d23-h { height: var(--t26-d23-h); }
.t26-s639 { color:var(--t26-muted);font-size:1.5rem; }
.t26-d24-bd { border: var(--t26-d24-bd); }
.t26-s640 { padding:7px 14px;border-radius:8px;font-size:.82rem; }
.t26-s641 { color:var(--t26-muted);display:block;font-size:.76rem;margin-top:4px; }
.t26-d25-h { height: var(--t26-d25-h); }
.t26-s642 { font-size:1.3rem;color:var(--t26-muted); }
.t26-s643 { font-size:.75rem;color:var(--t26-muted);margin:4px 0 0; }
.t26-d26-h { height: var(--t26-d26-h); }
.t26-d27-c { color: var(--t26-d27-c); }
.t26-s644 { background:rgba(0,0,0,0.7);border-radius:8px; }
.t26-s645 { height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px; }
.t26-s646 { font-size:1.3rem;color:var(--t26-text);line-height:1; }
.t26-s647 { font-size:.65rem;color:var(--t26-muted); }
.t26-s648 { border:1px solid rgba(255,255,255,0.1);border-radius:10px; }
.t26-s649 { font-size:1.6rem;color:var(--t26-muted);margin-bottom:8px;display:block; }
.t26-s650 { color:var(--t26-text);font-size:.85rem;font-weight:500; }
.t26-s651 { color:var(--t26-muted);font-size:.75rem;margin-top:4px; }
.t26-s652 { padding:14px 8px 10px;text-align:center;display:block;cursor:pointer; }
.t26-d28-c { color: var(--t26-d28-c); }
.t26-s653 { height:1px;background:var(--t26-border);margin-bottom:18px; }
.t26-s654 { color:var(--t26-primary-light);font-size:.8rem; }
.t26-s655 { color:var(--t26-cyan);font-size:.8rem; }
.t26-s656 { background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);border-radius:9px;padding:8px 10px;margin-right:14px;flex-shrink:0; }
.t26-s657 { color:#34D399;font-size:.9rem; }
.t26-s658 { flex:1; }
.t26-s659 { color:var(--t26-text);font-size:.875rem;margin:0; }
.t26-s660 { color:var(--t26-muted);display:block;font-size:.76rem; }
.t26-s661 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:9px;padding:8px 10px;margin-right:14px;flex-shrink:0; }
.t26-s662 { color:#A78BFA;font-size:.9rem; }
.t26-s663 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);border-radius:9px;padding:8px 10px;margin-right:14px;flex-shrink:0; }
.t26-s664 { color:#22D3EE;font-size:.9rem; }
.t26-s665 { background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);border-radius:9px;padding:8px 10px;margin-right:14px;flex-shrink:0; }
.t26-s666 { color:#F87171;font-size:.9rem; }
.t26-s667 { background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.2);border-radius:9px;padding:8px 10px;margin-right:14px;flex-shrink:0; }
.t26-s668 { color:#FBBF24;font-size:.9rem; }
.t26-s669 { color:var(--t26-muted);font-size:.75rem;margin-top:4px;display:block; }
.t26-s670 { color:var(--t26-muted);font-size:.9rem; }
.t26-s671 { font-size:.82rem;font-weight:600;color:var(--t26-text); }
.t26-s672 { padding:9px 22px;border-radius:9px;font-size:.85rem;font-weight:600; }
.t26-s673 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:10px;position:relative; }
.t26-s674 { background:rgba(0,0,0,0.3);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.4); }
.t26-s675 { background:rgba(255,255,255,0.04);padding:8px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,0.06); }
.t26-s676 { display:flex;gap:5px; }
.t26-s677 { width:8px;height:8px;border-radius:50%;background:rgba(239,68,68,0.5);display:inline-block; }
.t26-s678 { width:8px;height:8px;border-radius:50%;background:rgba(245,158,11,0.5);display:inline-block; }
.t26-s679 { width:8px;height:8px;border-radius:50%;background:rgba(16,185,129,0.5);display:inline-block; }
.t26-s680 { flex:1;background:rgba(255,255,255,0.05);border-radius:5px;padding:3px 10px;font-size:.7rem;color:var(--t26-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.t26-s681 { width:100%;height:520px;border:none;display:block;background:#fff; }
.t26-s682 { width:44px;height:44px;border-radius:12px;background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-s683 { font-size:1.1rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s684 { padding:10px 20px;border-radius:10px;font-size:.875rem;font-weight:600; }
.t26-s685 { overflow:visible;position:relative;z-index:10; }
.t26-s686 { display:flex;align-items:center;gap:8px; }
.t26-s687 { width:32px;height:32px;border-radius:8px;background:rgba(124,58,237,0.12);display:flex;align-items:center;justify-content:center; }
.t26-s688 { font-size:.75rem;color:#A78BFA; }
.t26-s689 { font-size:1rem;font-weight:700;color:var(--t26-text);line-height:1; }
.t26-s690 { font-size:.65rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.04em; }
.t26-s691 { width:1px;height:28px;background:rgba(255,255,255,0.08); }
.t26-s692 { width:32px;height:32px;border-radius:8px;background:rgba(6,182,212,0.1);display:flex;align-items:center;justify-content:center; }
.t26-s693 { font-size:.75rem;color:#22D3EE; }
.t26-s694 { display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:9px;padding:7px 12px; }
.t26-s695 { color:var(--t26-muted);font-size:.75rem;flex-shrink:0; }
.t26-s696 { background:transparent;border:none;color:var(--t26-text);outline:none;font-size:.83rem;width:130px; }
.t26-s697 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:var(--t26-text);border-radius:9px;padding:7px 12px;font-size:.83rem;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap; }
.t26-s698 { border:none;background:rgba(0,0,0,0.45);border-radius:8px;width:30px;height:30px;backdrop-filter:blur(8px); }
.t26-s699 { font-size:.7rem;color:#fff; }
.t26-s700 { margin:5px 0;border-color:rgba(255,255,255,.07); }
.t26-s701 { color:inherit;opacity:.7;text-decoration:none;margin-left:2px; }
.t26-s702 { color:var(--t26-muted);font-size:.7rem; }
.t26-s703 { border-radius:20px; }
.t26-s704 { width:72px;height:72px;border-radius:20px;background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.2);display:flex;align-items:center;justify-content:center;margin:0 auto 20px; }
.t26-s705 { color:var(--t26-muted);font-size:.875rem;margin-bottom:20px; }
.t26-s706 { padding:10px 24px;border-radius:10px;font-size:.875rem;font-weight:600; }
.t26-s707 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden; }
.t26-s708 { border-bottom:1px solid rgba(255,255,255,0.07);padding:20px 24px; }
.t26-s709 { color:var(--t26-muted);font-weight:400;font-size:.75rem; }
.t26-s710 { width:36px;height:36px;border-radius:9px;background:rgba(124,58,237,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-s711 { color:var(--t26-text);font-size:.88rem;display:block; }
.t26-s712 { flex-direction:column;align-items:flex-start; }
.t26-s713 { max-height:100px;object-fit:cover;border:1px solid rgba(255,255,255,0.08); }
.t26-s714 { color:var(--t26-text);font-size:.88rem; }
.t26-s715 { border-top:1px solid rgba(255,255,255,0.07);padding:16px 24px;gap:10px; }
.t26-s716 { background:var(--t26-bg);padding:5rem 0 5rem;position:relative;overflow:hidden; }
.t26-s717 { opacity:.35;top:5%;left:60%; }
.t26-s718 { opacity:.2;top:70%;left:-5%; }
.t26-d29-w { width: var(--t26-d29-w); }
.t26-s719 { font-size:.65rem;color:#fff; }
.t26-s720 { position:absolute;top:-16px;right:-130px;background:rgba(10,10,32,0.9);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:.45rem .85rem;display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;color:rgba(241,245,249,0.9);animation:bio-float 4s ease-in-out infinite;z-index:3;white-space:nowrap; }
.t26-s721 { position:absolute;bottom:10px;right:-130px;background:rgba(10,10,32,0.9);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:.45rem .85rem;display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;color:rgba(241,245,249,0.9);animation:bio-float 4s ease-in-out infinite;animation-delay:2s;z-index:3;white-space:nowrap; }
.t26-s722 { position:absolute;top:30%;left:-145px;background:rgba(10,10,32,0.9);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:.45rem .85rem;display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;animation:bio-float 4s ease-in-out infinite;animation-delay:1.1s;z-index:3;white-space:nowrap; }
.t26-s723 { width:7px;height:7px;border-radius:50%;background:#10B981;display:inline-block;animation:pulse-dot 1.6s ease-in-out infinite; }
.t26-s724 { color:rgba(241,245,249,0.9); }
.t26-s725 { background:rgba(13,13,43,0.9);border:1px solid rgba(255,255,255,0.12);border-radius:24px;padding:2rem;display:inline-block;position:relative;z-index:2; }
.t26-s726 { background:#fff;border-radius:16px;padding:1.2rem;display:inline-block;margin-bottom:1rem; }
.t26-s727 { font-size:.88rem;margin-bottom:.25rem; }
.t26-s728 { color:var(--t26-muted);font-size:.72rem; }
.t26-s729 { display:flex;gap:.4rem;margin-top:.85rem;justify-content:center; }
.t26-s730 { background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.25);border-radius:6px;padding:.25rem .65rem;font-size:.68rem;font-weight:700;color:var(--t26-primary-light); }
.t26-s731 { opacity:.15;top:20%;right:-5%; }
.t26-s732 { font-size:clamp(1.8rem,3.5vw,2.4rem); }
.t26-s733 { color:var(--t26-muted);max-width:540px;margin:0 auto;line-height:1.8; }
.t26-s734 { max-width:300px; }
.t26-s735 { background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);color:var(--t26-primary-light);border-radius:8px;font-size:.8rem;padding:.4rem .9rem; }
.t26-s736 { border-top:1px solid var(--t26-border);padding-top:1rem;margin-top:.5rem; }
.t26-s737 { color:var(--t26-primary-light); }
.t26-s738 { border:1px solid var(--t26-border);border-radius:10px;padding:1rem;margin-bottom:.75rem; }
.t26-s739 { font-size:.875rem;font-weight:700;margin-bottom:.75rem; }
.t26-s740 { max-width:260px; }
.t26-s741 { height:42px; }
.t26-s742 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);border-radius:8px;padding:.75rem;margin-top:.75rem;font-size:.8rem;color:var(--t26-cyan); }
.t26-s743 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.3);border-radius:10px; }
.t26-s744 { background:rgba(255,255,255,0.1);border-radius:8px;padding:.4rem 1rem;color:var(--t26-text);font-weight:600;font-size:.85rem; }
.t26-s745 { border:1px solid var(--t26-border);border-radius:10px;padding:1rem; }
.t26-s746 { justify-content:center; }
.t26-s747 { font-size:.95rem; }
.t26-s748 { background:rgba(255,255,255,0.05);border:1px solid var(--t26-border);border-radius:12px;padding:.75rem; }
.t26-s749 { background:rgba(6,182,212,0.08);border:1px solid rgba(6,182,212,0.2);border-radius:8px;padding:.75rem;margin-top:.75rem;font-size:.75rem;color:var(--t26-muted); }
.t26-s750 { border-color:var(--t26-border);margin:1.25rem 0; }
.t26-s751 { font-size:.9rem; }
.t26-s752 { list-style:none;padding:0;margin:0 0 1rem;font-size:.8rem; }
.t26-s753 { color:#10B981;margin-right:.4rem; }
.t26-s754 { justify-content:center;font-size:.875rem; }
.t26-s755 { background:var(--t26-bg);padding:5rem 0;position:relative;overflow:hidden; }
.t26-s756 { opacity:.2;top:30%;left:-3%; }
.t26-s757 { color:var(--t26-muted);max-width:520px;margin:0 auto;line-height:1.8; }
.t26-d30-w { width: var(--t26-d30-w); }
.t26-s758 { color:var(--t26-muted);font-size:.82rem;line-height:1.65;margin:0; }
.t26-s759 { opacity:.15;top:50%;right:-4%; }
.t26-s760 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:18px;padding:1.8rem;height:100%;transition:transform .3s,border-color .3s; }
.t26-s761 { width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem; }
.t26-s762 { color:var(--t26-muted);font-size:.85rem;line-height:1.7;margin:0; }
.t26-s763 { background:var(--t26-bg);padding:5rem 0; }
.t26-s764 { font-size:clamp(1.6rem,3.5vw,2.2rem); }
.t26-s765 { color:var(--t26-muted);line-height:1.8;margin-bottom:1.75rem; }
.t26-s766 { display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem; }
.t26-s767 { display:flex;align-items:flex-start;gap:.85rem; }
.t26-s768 { width:34px;height:34px;border-radius:9px;background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem; }
.t26-s769 { font-size:.8rem;color:var(--t26-primary-light); }
.t26-s770 { color:rgba(241,245,249,0.85);font-size:.9rem;line-height:1.6; }
.t26-s771 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:2.5rem;display:inline-block; }
.t26-s772 { margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.07); }
.t26-s773 { color:var(--t26-muted);font-size:.72rem;margin-top:.2rem; }
.t26-s774 { border-top:1px solid rgba(255,255,255,0.07); }
.t26-s775 { color:var(--t26-muted);line-height:1.8;margin-bottom:1.5rem; }
.t26-s776 { list-style:none;padding:0;margin:0 0 2rem;font-size:.9rem; }
.t26-s777 { color:#10B981;margin-right:.5rem; }
.t26-s778 { border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,0.08); }
.t26-s779 { background:var(--t26-bg2);padding:4rem 0;border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06); }
.t26-s780 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:18px;padding:1.8rem 1rem; }
.t26-s781 { font-size:2rem;line-height:1.1;margin-bottom:.4rem; }
.t26-s782 { opacity:.18;top:20%;right:10%; }
.t26-s783 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:18px;padding:1.8rem;height:100%; }
.t26-s784 { display:flex;gap:.2rem;margin-bottom:1rem; }
.t26-s785 { color:#F59E0B;font-size:.75rem; }
.t26-s786 { color:rgba(241,245,249,0.85);font-size:.9rem;line-height:1.75;margin-bottom:1.25rem; }
.t26-s787 { display:flex;align-items:center;gap:.75rem;border-top:1px solid rgba(255,255,255,0.06);padding-top:1.1rem; }
.t26-d31-w { width: var(--t26-d31-w); }
.t26-s788 { position:absolute;inset:0;pointer-events:none; }
.t26-s789 { font-size:clamp(1.8rem,4vw,2.8rem); }
.t26-s790 { color:var(--t26-muted);max-width:500px;margin:0 auto 2.5rem;line-height:1.8; }
.t26-s791 { display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem; }
.t26-s792 { font-size:1rem;padding:.85rem 2.2rem; }
.t26-s793 { display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center; }
.t26-s794 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:50px;padding:.3rem .9rem;font-size:.78rem;color:rgba(241,245,249,0.8); }
.t26-s795 { background:var(--t26-bg);display:flex;align-items:flex-start;min-height:calc(100vh - 200px); }
/* API Docs layout classes (moved from inline <style>) */
.api-doc-sidebar{width:240px;flex-shrink:0;position:sticky;top:70px;max-height:calc(100vh - 70px);overflow-y:auto;background:var(--t26-bg2);border-right:1px solid rgba(255,255,255,.06);padding:16px 10px;display:flex!important;flex-direction:column;align-self:flex-start}
.api-doc-sidebar a,.api-doc-sidebar .section-title{display:flex!important;align-items:center;justify-content:space-between;padding:7px 12px;border-radius:8px;font-size:.83rem;color:var(--t26-muted);text-decoration:none;cursor:pointer;transition:background .18s,color .18s;border:none;background:none;width:100%!important;box-sizing:border-box;text-align:left;line-height:1.4;flex-shrink:0}
.api-doc-sidebar a:hover,.api-doc-sidebar .section-title:hover{background:rgba(124,58,237,.1)!important;color:var(--t26-text)!important}
.api-doc-sidebar .section-title{font-weight:600;font-size:.8rem;color:var(--t26-text);margin-top:4px}
.api-doc-sidebar .collapse a,.api-doc-sidebar .collapsing a{padding:5px 12px 5px 22px!important;font-size:.78rem;border-left:2px solid rgba(124,58,237,.2);margin-left:8px;width:calc(100% - 8px)!important;border-radius:0 6px 6px 0}
.api-doc-sidebar .collapse a:hover,.api-doc-sidebar .collapsing a:hover{border-left-color:rgba(124,58,237,.6)}
.api-doc-sidebar .sidebar-divider{height:1px;background:rgba(255,255,255,.07);margin:10px 4px;flex-shrink:0}
.code-block{background:#0D0D1F;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;font-size:.8rem}
.code-block-header{display:flex;align-items:center;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.08);gap:4px}
.code-lang-btn{padding:3px 10px;border-radius:5px;font-size:.75rem;color:var(--t26-muted);text-decoration:none;transition:background .15s,color .15s}
.code-lang-btn.active,.code-lang-btn:hover{background:rgba(124,58,237,.2);color:#A78BFA}
.code-block pre{margin:0;padding:14px 16px;overflow-x:auto}
.code-block code{font-size:.78rem;line-height:1.6}
.endpoint-card{border:1px solid rgba(255,255,255,.07);border-radius:12px;margin-bottom:1.5rem;overflow:hidden;background:rgba(255,255,255,.025)}
.endpoint-card-header{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.07);flex-wrap:wrap;background:rgba(255,255,255,.02)}
.endpoint-card-body{padding:18px}
.method-badge{padding:3px 9px;border-radius:5px;font-size:.72rem;font-weight:700;letter-spacing:.3px}
.method-get{background:rgba(16,185,129,.15);color:#10B981;border:1px solid rgba(16,185,129,.25)}
.method-post{background:rgba(59,130,246,.15);color:#60A5FA;border:1px solid rgba(59,130,246,.25)}
.method-put{background:rgba(245,158,11,.15);color:#FBBF24;border:1px solid rgba(245,158,11,.25)}
.method-delete{background:rgba(239,68,68,.15);color:#F87171;border:1px solid rgba(239,68,68,.25)}
.params-table{width:100%;border-collapse:collapse;font-size:.82rem}
.params-table th{color:var(--t26-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
.params-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--t26-muted);vertical-align:top}
.section-divider{border:none;border-top:1px solid rgba(255,255,255,.07);margin:2.5rem 0}
.api-key-box{background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.2);border-radius:10px;padding:16px}
.api-key-box pre{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:12px;font-size:.8rem;color:#A78BFA;margin:.75rem 0 0;word-break:break-all;white-space:pre-wrap}
.alert-t26-warning{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:10px 14px;font-size:.83rem;color:#FBBF24;margin:.5rem 0}
.alert-t26-info{background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.2);border-radius:8px;padding:10px 14px;font-size:.83rem;color:#67E8F9;margin:.5rem 0}
.code-selector{display:none}.code-selector.active{display:block}
.t26-s796 { padding:8px 12px 12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--t26-muted); }
.t26-s797 { display:flex;align-items:center;gap:5px; }
.t26-s798 { background:rgba(16,185,129,0.2);color:#10B981;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700; }
.t26-s799 { padding:4px 12px 6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--t26-muted); }
.t26-s800 { font-size:.65rem;color:var(--t26-muted);flex-shrink:0; }
.t26-s801 { flex:1;padding:2.5rem 2.5rem;overflow-x:hidden;min-width:0; }
.t26-s802 { margin-bottom:3.5rem; }
.t26-s803 { font-size:1.35rem; }
.t26-s804 { font-size:1rem;display:flex;align-items:center;gap:.5rem; }
.t26-s805 { color:var(--t26-muted);line-height:1.8; }
.t26-s806 { font-weight:600;margin:0;font-size:.875rem; }
.t26-s807 { background:rgba(244,63,94,0.15);border:1px solid rgba(244,63,94,0.3);color:#F43F5E;border-radius:8px;padding:.4rem 1rem;font-size:.8rem;font-weight:600;text-decoration:none; }
.t26-s808 { display:flex;gap:.35rem;flex-wrap:wrap; }
.t26-s809 { background:none;border:none;color:var(--t26-muted);padding:.25rem; }
.t26-s810 { margin-bottom:2rem; }
.t26-s811 { color:var(--t26-muted);line-height:2; }
.t26-s812 { margin-bottom:1.75rem; }
.t26-s813 { color:var(--t26-muted);font-size:.9rem;line-height:2; }
.t26-s814 { margin:0;padding:1rem;font-size:.8rem;color:#e2e8f0; }
.t26-s815 { color:var(--t26-muted);font-size:.9rem;margin-top:.75rem; }
.t26-s816 { margin:2.5rem 0 .5rem;display:flex;align-items:center;gap:.6rem; }
.t26-s817 { color:var(--t26-muted);margin-bottom:2rem; }
.t26-s818 { font-size:.85rem;color:var(--t26-text); }
.t26-s819 { overflow-x:auto;margin-top:1rem; }
.t26-s820 { margin:1.25rem 0 .5rem;font-size:.85rem;color:var(--t26-muted); }
.t26-s821 { background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:8px 16px;cursor:pointer;min-width:220px;gap:8px; }
.t26-s822 { color:var(--t26-muted);font-size:.85rem;flex:1; }
.t26-s823 { display:flex;gap:4px; }
.t26-s824 { background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:5px;padding:2px 6px;font-size:.7rem;color:var(--t26-muted); }
.t26-s825 { font-size:.8rem;padding:6px 14px;border-radius:8px;text-decoration:none; }
.t26-s826 { border:none;background:transparent; }
.t26-s827 { min-width:320px;background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:0;overflow:hidden; }
.t26-s828 { padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.08);font-weight:600;font-size:.85rem;color:var(--t26-text); }
.t26-s829 { max-height:320px;overflow-y:auto; }
.t26-s830 { padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.05);font-size:.83rem;color:var(--t26-muted); }
.t26-s831 { font-size:.75rem;margin-top:4px;opacity:.6; }
.t26-s832 { padding:10px 16px;border-top:1px solid rgba(255,255,255,0.08);text-align:center; }
.t26-s833 { font-size:.82rem;color:var(--t26-accent);text-decoration:none; }
.t26-s834 { text-decoration:none; }
.t26-s835 { font-size:.85rem;color:#F59E0B; }
.t26-s836 { min-width:260px;background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:8px 0;overflow:hidden; }
.t26-s837 { padding:8px 14px;font-size:.75rem;font-weight:600;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.06em; }
.t26-s838 { padding:10px 14px;color:var(--t26-text);text-decoration:none; }
.t26-s839 { width:32px;height:32px;object-fit:cover; }
.t26-s840 { font-size:.83rem;font-weight:600; }
.t26-s841 { font-size:.75rem;color:var(--t26-accent); }
.t26-s842 { border:none;background:transparent;cursor:pointer;padding:4px 8px;border-radius:10px;transition:background .2s; }
.t26-s843 { width:32px;height:32px;object-fit:cover;border:2px solid rgba(124,58,237,0.4); }
.t26-s844 { font-size:.85rem;font-weight:500;color:var(--t26-text); }
.t26-s845 { min-width:220px;background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:8px 0;overflow:hidden; }
.t26-s846 { padding:12px 14px 10px;border-bottom:1px solid rgba(255,255,255,0.07); }
.t26-s847 { width:36px;height:36px;object-fit:cover; }
.t26-s848 { margin-top:8px; }
.t26-s849 { font-size:.72rem;color:#10B981;font-weight:600; }
.t26-s850 { padding:9px 14px;font-size:.83rem;color:var(--t26-text);text-decoration:none; }
.t26-s851 { width:16px;color:var(--t26-muted); }
.t26-s852 { height:1px;background:rgba(255,255,255,0.07);margin:4px 0; }
.t26-s853 { padding:9px 14px;font-size:.83rem;color:#F87171;text-decoration:none; }
.t26-s854 { width:16px; }
.t26-s855 { background:transparent;color:var(--t26-text);padding:14px 16px;font-size:.95rem;box-shadow:none; }
.t26-s856 { background:transparent;color:var(--t26-text);padding:14px 16px;font-size:.95rem;box-shadow:none;resize:none; }
.t26-s857 { background:var(--t26-gradient);border:none;color:#fff;padding:10px 22px;border-radius:10px;font-weight:600;font-size:.9rem;white-space:nowrap;cursor:pointer;flex-shrink:0; }
.t26-s858 { border:1px solid rgba(255,255,255,0.1);border-radius:8px;overflow:hidden; }
.t26-s859 { padding:6px 16px;font-size:.8rem;background:rgba(124,58,237,0.3);color:var(--t26-text);border:none; }
.t26-s860 { padding:6px 16px;font-size:.8rem;background:transparent;color:var(--t26-muted);border:none; }
.t26-s861 { width:100%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:var(--t26-text);border-radius:10px;font-weight:500;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .15s,border-color .15s; }
.t26-s862 { font-size:.65rem;opacity:.6;margin-left:4px;transition:transform .2s; }
.t26-s863 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:6px 0; }
.t26-s864 { border:1px solid rgba(255,255,255,0.1); }
.t26-s865 { padding:8px 16px;border-radius:8px;cursor:pointer; }
.t26-s866 { font-size:.78rem; }
.t26-s867 { background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1);color:var(--t26-muted); }
.t26-s868 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);font-size:.82rem;color:var(--t26-text); }
.t26-s869 { padding:10px 20px;border-radius:10px;font-weight:600;font-size:.9rem;white-space:nowrap; }
.t26-s870 { max-width:460px; }
.t26-s871 { padding:20px 24px 0; }
.t26-s872 { width:38px;height:38px;border-radius:50%;background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.3);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-s873 { color:#10b981;font-size:.85rem; }
.t26-s874 { border:none;background:rgba(255,255,255,0.06);border-radius:8px;flex-shrink:0; }
.t26-s875 { padding:20px 24px 24px; }
.t26-s876 { background:rgba(124,58,237,0.08);border:1.5px solid rgba(124,58,237,0.35);border-radius:12px;padding:13px 16px;color:var(--t26-text);cursor:pointer;gap:10px;transition:background .2s,border-color .2s;text-align:left; }
.t26-s877 { color:#7C3AED;flex-shrink:0;font-size:.85rem; }
.t26-s878 { flex:1;font-size:.88rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.t26-s879 { font-size:.75rem;font-weight:600;color:#7C3AED;white-space:nowrap;background:rgba(124,58,237,0.15);padding:4px 10px;border-radius:6px; }
.t26-s880 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:16px; }
.t26-s881 { display:flex;justify-content:center; }
.t26-s882 { flex:1;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:10px 14px;color:var(--t26-text);text-decoration:none;font-size:.83rem;transition:background .2s; }
.t26-s883 { height:100%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:10px;color:var(--t26-text);padding:10px 14px;font-size:.83rem;font-weight:600;cursor:pointer;white-space:nowrap; }
.t26-s884 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;min-width:90px; }
.t26-s885 { color:var(--t26-text);font-size:.83rem; }
.t26-s886 { font-size:.72rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600; }
.t26-s887 { max-width:100%;max-height:400px;border-radius:8px; }
.t26-s888 { position:sticky;top:0;z-index:1000;background:rgba(7,7,26,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.08);transition:all 0.3s ease; }
.t26-s889 { background:linear-gradient(135deg,#A78BFA 0%,#38BDF8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s890 { color:rgba(241,245,249,0.7);background:rgba(255,255,255,0.06);border-radius:8px;padding:.4rem .6rem; }
.t26-s891 { color:rgba(241,245,249,0.8);font-weight:500;font-size:.9rem;padding:.5rem .8rem;border-radius:8px;transition:all 0.2s; }
.t26-s892 { min-width:280px; }
.t26-s893 { width:36px;height:36px;background:linear-gradient(135deg,rgba(124,58,237,0.3),rgba(6,182,212,0.3)); }
.t26-s894 { color:rgba(241,245,249,0.5);font-size:.75rem; }
.t26-s895 { width:36px;height:36px;background:linear-gradient(135deg,rgba(6,182,212,0.3),rgba(124,58,237,0.3)); }
.t26-s896 { color:#38BDF8;font-size:.85rem; }
.t26-s897 { width:36px;height:36px;background:rgba(124,58,237,0.2); }
.t26-s898 { width:36px;height:36px;background:rgba(6,182,212,0.2); }
.t26-s899 { color:rgba(241,245,249,0.6);font-size:.85rem; }
.t26-s900 { border:2px solid rgba(124,58,237,0.5); }
.t26-s901 { min-width:200px; }
.t26-s902 { color:rgba(241,245,249,0.4);font-size:.85rem; }
.t26-s903 { border-color:rgba(255,255,255,0.08);margin:.5rem 0; }
.t26-s904 { color:#F43F5E!important; }
.t26-s905 { color:rgba(241,245,249,0.8);font-weight:500;font-size:.9rem;padding:.45rem 1rem;border:1.5px solid rgba(255,255,255,0.12);border-radius:8px;background:transparent;transition:all 0.2s;text-decoration:none; }
.t26-s906 { padding:.45rem 1.2rem; }
.t26-s907 { border-radius:50%;object-fit:cover;display:block; }
.t26-s908 { font-size:.875rem;font-weight:600;color:var(--t26-text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;display:inline-block;vertical-align:middle; }
.t26-s909 { width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.2);flex-shrink:0;align-self:center; }
.t26-d32-bg { background: var(--t26-d32-bg); }
.t26-s910 { text-decoration:none;text-align:center; }
.t26-s911 { font-size:.95rem;font-weight:700;color:var(--t26-text);line-height:1; }
.t26-s912 { font-size:.65rem;color:var(--t26-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.04em; }
.t26-s913 { border:none;background:rgba(255,255,255,0.05);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center; }
.t26-s914 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:6px 0;min-width:185px; }
.t26-s915 { background:rgba(7,7,26,0.9);border-top:1px solid rgba(255,255,255,0.08);padding:60px 0 0; }
.t26-s916 { color:rgba(241,245,249,0.5);font-size:.9rem;line-height:1.7;margin-bottom:1.5rem; }
.t26-s917 { width:36px;height:36px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:8px;display:flex;align-items:center;justify-content:center;color:rgba(241,245,249,0.6);transition:all 0.2s;text-decoration:none;font-size:.85rem; }
.t26-s918 { font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(241,245,249,0.35);margin-bottom:1.25rem; }
.t26-s919 { margin:0; }
.t26-s920 { color:rgba(241,245,249,0.6);font-size:.9rem;text-decoration:none;transition:color 0.2s; }
.t26-s921 { border-top:1px solid rgba(255,255,255,0.08);padding:1.5rem 0; }
.t26-s922 { color:rgba(241,245,249,0.4);font-size:.82rem; }
.t26-s923 { color:rgba(241,245,249,0.6);text-decoration:none;font-weight:600; }
.t26-s924 { color:rgba(241,245,249,0.4);font-size:.82rem;text-decoration:none;padding:.2rem .6rem;border-radius:6px;transition:color 0.2s; }
.t26-s925 { color:rgba(241,245,249,0.4);font-size:.82rem;text-decoration:none;padding:.2rem .6rem;border-radius:6px;cursor:pointer; }
.t26-s926 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,.08);border-radius:12px; }
.t26-s927 { font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t26-muted);padding:.25rem .5rem .4rem; }
.t26-s928 { font-size:.83rem;color:var(--t26-text); }
.t26-s929 { width:24px;height:24px;border-radius:50%;object-fit:cover; }
.t26-s930 { font-weight:600; }
.t26-s931 { opacity:.5;font-size:.72rem; }
.t26-s932 { display:flex;align-items:center;justify-content:space-between; }
.t26-s933 { color:var(--t26-muted);text-decoration:none;font-size:.65rem;font-weight:600;display:flex;align-items:center;gap:3px;opacity:.7;transition:opacity .15s; }
.t26-d33-bg { background: var(--t26-d33-bg); }
.t26-s934 { flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.t26-s935 { font-size:.6rem;font-weight:700;color:var(--t26-muted);background:rgba(255,255,255,0.07);border-radius:20px;padding:1px 6px;flex-shrink:0; }
.t26-s936 { color:#C4B5FD;font-weight:600; }
.t26-s937 { font-size:.6rem;font-weight:700;color:#7C3AED;background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.25);border-radius:20px;padding:1px 7px;flex-shrink:0; }
.t26-s938 { padding:.55rem 1rem;font-size:.85rem;border-radius:8px; }
.t26-s939 { --sd:.05s; }
.t26-s940 { --sd:.1s; }
.t26-s941 { --sd:.15s; }
.t26-d34-mg { margin-bottom: var(--t26-d34-mg); }
.t26-d35-mg { margin-bottom: var(--t26-d35-mg); }
.t26-s942 { --c:rgba(129,140,248,0.7); }
.t26-s943 { color:var(--t26-muted);font-size:.85rem;text-align:center;padding:.75rem 0; }
.t26-s944 { margin-bottom:'+(i<d.links.length-1?'.85rem':'0')+'; }
.t26-s945 { display:flex;align-items:center;justify-content:space-between;margin-bottom:4px; }
.t26-s946 { display:flex;align-items:center;gap:6px;min-width:0;flex:1; }
.t26-s947 { width:7px;height:7px;border-radius:50%;background:'+col+';flex-shrink:0; }
.t26-s948 { font-size:.8rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px; }
.t26-s949 { font-size:.78rem;font-weight:700;color:'+col+';flex-shrink:0;margin-left:8px; }
.t26-s950 { background:rgba(255,255,255,0.06);border-radius:4px;height:5px;overflow:hidden; }
.t26-s951 { height:100%;width:0;border-radius:4px;background:'+col+';transition:width .9s cubic-bezier(.22,.68,0,1.2); }
.t26-s952 { padding:14px 16px 10px; }
.t26-s953 { font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--t26-muted);margin-bottom:10px;text-align:center; }
.t26-s954 { display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:3px; }
.t26-s955 { text-align:center;font-size:.6rem;color:var(--t26-muted);font-weight:700;padding:2px 0; }
.t26-s956 { display:grid;grid-template-columns:repeat(7,1fr);gap:3px; }
.t26-s957 { width:28px;height:28px;border-radius:6px; }
.t26-s958 { font-size:.6rem;font-weight:700;color:'+(intensity>.5?'#fff':'rgba(255,255,255,0.7)')+';line-height:1; }
.t26-s959 { font-size:.45rem;color:'+(intensity>.5?'rgba(255,255,255,0.8)':'#A78BFA')+';line-height:1; }
.t26-s960 { background:' + col + '; }
.t26-s961 { color:' + col + '; }
.t26-s962 { position:absolute;width:340px;height:340px;background:radial-gradient(circle,#06B6D4 0%,transparent 70%);top:-130px;right:-60px;opacity:.16;border-radius:50%;animation:orbFloat 8s ease-in-out infinite;pointer-events:none; }
.t26-s963 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.25);border-radius:16px;padding:16px;flex-shrink:0;transition:transform .3s ease; }
.t26-s964 { font-size:1.7rem;color:#22D3EE; }
.t26-s965 { flex:1;min-width:200px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:8px 14px;display:flex;align-items:center;gap:10px; }
.t26-s966 { color:var(--t26-text);box-shadow:none; }
.t26-s967 { padding:8px 14px;min-width:160px;cursor:pointer;border:none;text-align:left;justify-content:space-between; }
.t26-s968 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:6px 0;min-width:180px;z-index:9999; }
.t26-s969 { padding:9px 20px;border-radius:10px;border:none;cursor:pointer; }
.t26-s970 { overflow:visible; }
.t26-s971 { overflow:visible;border-radius:inherit; }
.t26-s972 { width:1%;color:var(--t26-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:14px 20px;background:transparent;border:none; }
.t26-s973 { color:var(--t26-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:14px 20px;background:transparent;border:none; }
.t26-s974 { background:transparent;border:none; }
.t26-s975 { border-bottom:1px solid rgba(255,255,255,0.04); }
.t26-s976 { padding:14px 20px;border:none;vertical-align:middle; }
.t26-s977 { display:flex;align-items:center;gap:10px; }
.t26-s978 { width:36px;height:36px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center; }
.t26-s979 { opacity:.9; }
.t26-s980 { padding:14px 20px;border:none;vertical-align:middle;color:var(--t26-muted);font-size:.875rem; }
.t26-s981 { padding:14px 20px;border:none;vertical-align:middle;text-align:right; }
.t26-s982 { width:64px;height:64px;background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem; }
.t26-s983 { font-size:1.5rem;color:#22D3EE; }
.t26-s984 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,#F472B6 0%,transparent 70%);bottom:-80px;left:30%;opacity:.1;border-radius:50%;animation:orbFloat 11s ease-in-out infinite reverse;pointer-events:none; }
.t26-s985 { flex:1;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:8px 14px;display:flex;align-items:center;gap:10px; }
.t26-s986 { object-fit:cover;border:2px solid rgba(124,58,237,0.3); }
.t26-s987 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:10px;width:52px;height:52px;display:flex;align-items:center;justify-content:center; }
.t26-s988 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,#F472B6 0%,transparent 70%);bottom:-80px;left:25%;opacity:.1;border-radius:50%;animation:orbFloat 11s ease-in-out infinite reverse;pointer-events:none; }
.t26-s989 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:12px;padding:11px;flex-shrink:0; }
.t26-s990 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center; }
.t26-s991 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0;min-width:150px; }
.t26-s992 { color:var(--t26-text);display:block;margin-bottom:4px;font-size:.95rem; }
.t26-s993 { display:inline-block;background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);color:#A78BFA;border-radius:5px;padding:2px 8px;font-size:.73rem;margin-bottom:6px; }
.t26-s994 { overflow-x:auto; }
.t26-s995 { color:var(--t26-text);min-width:600px; }
.t26-s996 { background:rgba(255,255,255,0.02);padding:20px 24px;border:none;width:20%;color:var(--t26-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em; }
.t26-d36-bg { background: var(--t26-d36-bg); }
.t26-s997 { background:rgba(239,68,68,0.15);color:#EF4444;border:1px solid rgba(239,68,68,0.3);border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:700; }
.t26-s998 { background:rgba(124,58,237,0.2);color:#7C3AED;border:1px solid rgba(124,58,237,0.4);border-radius:6px;padding:3px 12px;font-size:.75rem;font-weight:700; }
.t26-s999 { font-size:1.5rem;display:block;margin-bottom:.5rem; }
.t26-s1000 { display:block;font-weight:700;font-size:.95rem;margin-bottom:.75rem;color:var(--t26-text); }
.t26-s1001 { font-size:1.6rem;font-weight:800;margin-bottom:.25rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s1002 { padding:8px 16px;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:700; }
.t26-s1003 { border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:700;padding:8px 16px;text-align:center; }
.t26-s1004 { border-bottom:1px solid rgba(255,255,255,0.06); }
.t26-s1005 { padding:14px 24px;border:none;color:var(--t26-muted);font-weight:600;font-size:.875rem; }
.t26-s1006 { padding:14px 24px;border:none;text-align:center;font-weight:700;color:var(--t26-text); }
.t26-s1007 { color:#EF4444;opacity:.5; }
.t26-s1008 { padding:14px 24px;border:none;text-align:center; }
.t26-s1009 { padding:14px 24px;border:none; }
.t26-s1010 { padding:14px 24px;border:none;text-align:center;color:var(--t26-muted);font-size:.875rem; }
.t26-s1011 { padding:20px 24px;border:none;text-align:center; }
.t26-s1012 { padding:10px 16px;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:700; }
.t26-s1013 { border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:700;padding:10px 16px;text-align:center; }
.t26-s1014 { min-width:600px;border-collapse:separate;border-spacing:0; }
.t26-s1015 { width:22%;background:transparent;border:none;padding:1rem; }
.t26-d37-w { width: var(--t26-d37-w); }
.t26-s1016 { border:none; }
.t26-s1017 { background:transparent;border:none;padding:1rem; }
.t26-s1018 { background:rgba(255,255,255,0.03);border:1px solid var(--t26-border);border-bottom:none;border-radius:16px 16px 0 0;padding:1.5rem;text-align:center;vertical-align:top; }
.t26-s1019 { display:inline-block;background:var(--t26-gradient);color:#fff;border-radius:20px;padding:.2rem 1rem;font-size:.7rem;font-weight:700;margin-bottom:.75rem;letter-spacing:.06em; }
.t26-s1020 { display:inline-block;background:linear-gradient(135deg,#10B981,#059669);color:#fff;border-radius:20px;padding:.2rem .8rem;font-size:.7rem;font-weight:700;margin-bottom:.75rem; }
.t26-s1021 { font-size:1.75rem;margin-bottom:.5rem; }
.t26-s1022 { font-size:1rem; }
.t26-s1023 { font-size:1.8rem;font-weight:800;line-height:1.1; }
.t26-s1024 { color:var(--t26-rose); }
.t26-s1025 { background:rgba(255,255,255,0.03);border:1px solid var(--t26-border);border-top:none;border-radius:0 0 16px 16px;padding:1rem 1.5rem;text-align:center;vertical-align:top; }
.t26-s1026 { color:var(--t26-muted);font-size:.85rem;margin-bottom:.75rem; }
.t26-s1028 { position:absolute;top:-14px;right:16px;background:linear-gradient(135deg,#10B981,#059669);color:#fff;border-radius:20px;padding:.25rem 1rem;font-size:.72rem;font-weight:700;white-space:nowrap; }
.t26-s1029 { font-size:2rem;display:block;margin-bottom:.75rem; }
.t26-s1032 { font-size:.875rem; }
.t26-s1033 { display:block;text-align:center; }
.t26-s1034 { position:absolute;top:-14px;left:50%;transform:translateX(-50%);z-index:10;background:var(--t26-gradient);color:#fff;border-radius:20px;padding:.25rem 1.1rem;font-size:.72rem;font-weight:700;white-space:nowrap; }
.t26-s1035 { font-size:2.2rem;font-weight:800;line-height:1; }
.t26-s1036 { position:sticky;top:80px;z-index:10; }
.t26-s1037 { background:rgba(124,58,237,0.15);border-radius:16px 16px 0 0;padding:1rem 1.5rem;border-bottom:1px solid var(--t26-border); }
.t26-s1038 { background:rgba(124,58,237,0.1);border-radius:16px 16px 0 0;padding:1rem 1.5rem;border-bottom:1px solid var(--t26-border); }
.t26-s1039 { padding:.5rem 0; }
.t26-s1040 { padding:.75rem 1.5rem;border-bottom:1px solid var(--t26-border); }
.t26-s1041 { background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700; }
.t26-s1042 { background:var(--t26-bg);padding:60px 0 80px;position:relative;overflow:hidden; }
.t26-s1043 { position:absolute;width:400px;height:400px;background:rgba(124,58,237,0.12);border-radius:50%;filter:blur(80px);top:-100px;left:-100px;pointer-events:none; }
.t26-s1044 { font-size:clamp(1.8rem,4vw,2.5rem); }
.t26-s1045 { border-radius:12px; }
.t26-s1046 { border-radius:8px;font-size:.8rem; }
.t26-s1047 { width:40px;height:40px;background:rgba(124,58,237,0.2);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0; }
.t26-s1048 { font-size:.875rem;color:var(--t26-primary-light); }
.t26-s1049 { font-size:.8rem;color:var(--t26-muted);margin:0; }
.t26-s1050 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);border-radius:10px;padding:8px 10px; }
.t26-s1051 { color:var(--t26-muted);font-size:.875rem;line-height:1.75;margin-bottom:1rem; }
.t26-s1052 { color:var(--t26-muted);font-size:.875rem;line-height:1.75;margin-bottom:1.25rem; }
.t26-s1053 { color:var(--t26-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem; }
.t26-s1054 { margin-bottom:.25rem;font-weight:600;color:#FBBF24;font-size:.85rem; }
.t26-s1055 { color:var(--t26-muted);font-size:.85rem;margin:0; }
.t26-s1056 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:10px;padding:8px 10px; }
.t26-s1057 { padding:.6rem; }
.t26-s1058 { padding:11px 28px;border-radius:11px;border:none;cursor:pointer;font-size:.9rem; }
.t26-s1059 { background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3); }
.t26-s1060 { background:rgba(245,158,11,0.15);color:#F59E0B;border:1px solid rgba(245,158,11,0.3); }
.t26-s1061 { animation:spin 1.5s linear infinite; }
.t26-s1062 { color:#EF4444;font-size:.82rem;text-decoration:none;padding:5px 10px;border-radius:7px;background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2); }

/* ── Pass-2 extracted styles ── */
.t26-hero-orb { position:absolute; width:340px; height:340px; background:radial-gradient(circle,var(--t26-hero-orb-color,rgba(124,58,237,.5)) 0%,transparent 70%); top:-120px; right:-60px; opacity:.18; border-radius:50%; animation:orbFloat 8s ease-in-out infinite; pointer-events:none; }
.t26-channel-stack { position:relative; z-index:var(--t26-zi,1); }
.t26-channel-badge { display:inline-flex; align-items:center; gap:6px; font-size:.67rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:3px 10px; border-radius:20px; color:var(--t26-cc); background:color-mix(in srgb,var(--t26-cc) 10%,transparent); border:1px solid color-mix(in srgb,var(--t26-cc) 20%,transparent); }
.t26-channel-badge { display:inline-flex; align-items:center; gap:6px; font-size:.67rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:3px 10px; border-radius:20px; }
.t26-input-append { border-radius:0 10px 10px 0; border-left:none; }
.t26-sort-link { display:block; padding:8px 14px; font-size:.82rem; color:var(--t26-slc,var(--t26-text)); text-decoration:none; transition:background .15s; }
.t26-ch-pill { display:inline-flex; align-items:center; gap:4px; font-size:.67rem; font-weight:600; padding:2px 8px; border-radius:20px; }
.t26-tc-badge { display:inline-flex; align-items:center; gap:4px; font-size:.65rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:3px 10px; border-radius:20px; margin-bottom:6px; }
.t26-qr-sel-sq { cursor:pointer; border:2px solid var(--t26-qr-border,rgba(255,255,255,0.08)); border-radius:8px; width:48px; height:48px; background:rgba(255,255,255,0.04); }
.t26-qr-sel-logo { cursor:pointer; border:2px solid var(--t26-qr-border,rgba(255,255,255,0.08)); border-radius:8px; padding:4px; background:rgba(255,255,255,0.04); }
.t26-qr-sel-btn { cursor:pointer; border:2px solid var(--t26-qr-border,rgba(255,255,255,0.08)); border-radius:8px; padding:6px 10px; background:rgba(255,255,255,0.04); }
.t26-qr-type-btn { background:var(--tc,rgba(255,255,255,0.04)); }
.t26-qr-sel-sm { cursor:pointer; border:2px solid var(--t26-qr-border,rgba(255,255,255,0.08)); border-radius:8px; padding:5px 10px; background:rgba(255,255,255,0.04); }
.t26-bio-anim { animation-delay:var(--bd,0s); }
.t26-bio-grid-item { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.07); border-radius:12px; padding:1.25rem .6rem; text-align:center; transition:transform .25s,border-color .25s,background .25s; cursor:default; animation-delay:var(--bd,0s); }
.t26-bio-font-btn { background:var(--bfi1,rgba(255,255,255,0.04)); color:var(--bfc,var(--t26-text)); border-color:var(--bfi2,rgba(255,255,255,0.08)); }
.t26-banner-rm { display:var(--t26-banner-rm-d,none); position:absolute; top:6px; right:6px; width:26px; height:26px; border-radius:50%; background:rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.2); color:#fff; align-items:center; justify-content:center; cursor:pointer; font-size:.7rem; line-height:1; z-index:2; }
.t26-bio-preview-btn { font-size:.75rem; }
.t26-bio-mode-btn { padding:7px 14px; border-radius:8px; font-size:.82rem; }
.t26-bio-prev-link { padding:7px 12px; font-size:.72rem; color:var(--t26-text); font-weight:500; transition:all .2s; letter-spacing:.01em; }
.t26-qrp-icon { font-size:1.1rem; color:var(--t26-ic,var(--t26-text)); }
.t26-qrp-uc-icon { font-size:1.3rem; color:var(--t26-ic,var(--t26-text)); }
.t26-qrp-st-icon { font-size:1.6rem; color:var(--t26-ic,var(--t26-text)); margin-bottom:.75rem; }
.t26-api-method-get { background:rgba(16,185,129,0.2); color:#10B981; border-radius:4px; padding:1px 6px; font-size:.65rem; font-weight:700; }
.t26-sidebar-ch-wrap { border-radius:9px; margin-top:2px; }
.t26-stat-kpi { color:var(--c,var(--t26-text)); background:var(--bg,transparent); border-color:var(--bd,rgba(255,255,255,0.08)); }
.t26-has-c { color:var(--c,inherit); }
.t26-stat-lc { color:var(--lc,var(--t26-muted)); }
.t26-has-bar-vars { background:var(--bar-bg,rgba(124,58,237,0.45)); }
.t26-gradient-text { background:var(--t26-gradient-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.t26-color-green { color:#10B981; }
.t26-color-rose { color:var(--t26-rose); }
.t26-color-muted { color:var(--t26-muted); }
.t26-price-badge-sm { font-size:.65rem; font-weight:600; }
.t26-price-desc { display:block; margin-bottom:.75rem; color:var(--t26-muted); font-size:.85rem; }
.t26-price-tagline { font-size:.75rem; font-weight:500; color:var(--t26-muted); }
.t26-price-sub { color:var(--t26-muted); font-size:.8rem; margin:.5rem 0 0; }
.t26-price-period { font-size:.95rem; font-weight:500; color:var(--t26-muted); }
.t26-price-feat-muted { color:var(--t26-muted); font-size:.875rem; margin-bottom:0; }
.t26-price-feat-sm { font-size:.85rem; font-weight:500; color:var(--t26-muted); }
.t26-plan-card { transition:border-color .2s,box-shadow .2s; }

/* ── Pass-3 extracted styles ── */
.t26-hero-card { background:var(--t26-hbg,rgba(255,255,255,0.04)); border:1px solid var(--t26-hbd,rgba(255,255,255,0.08)); border-radius:16px; padding:16px; flex-shrink:0; }
.t26-links-tab { border-radius:9px; text-decoration:none; background:var(--t26-tab-bg,transparent); transition:background .2s; }
.t26-ch-tab-bar { height:3px; background:var(--t26-cc,rgba(124,58,237,0.6)); border-radius:14px 14px 0 0; opacity:var(--t26-ch-op,0.9); }
.t26-ch-dot { width:10px; height:10px; border-radius:50%; background:var(--t26-cc); box-shadow:0 0 8px color-mix(in srgb,var(--t26-cc) 53%,transparent); flex-shrink:0; }
.t26-ch-pill-color { color:var(--t26-cc); background:color-mix(in srgb,var(--t26-cc) 10%,transparent); border:1px solid color-mix(in srgb,var(--t26-cc) 20%,transparent); }
.t26-qr-type-bar { height:3px; background:linear-gradient(90deg,var(--t26-tc),transparent); opacity:var(--t26-tc-op,0.8); border-radius:0 0 6px 6px; }
.t26-bio-p-icon { font-size:1.1rem; color:var(--t26-ic,var(--t26-text)); }
.t26-bio-feature-icon { width:36px; height:36px; border-radius:10px; background:var(--t26-fbg,rgba(255,255,255,0.04)); border:1px solid var(--t26-fbd,rgba(255,255,255,0.08)); color:var(--t26-fc,var(--t26-text)); display:flex; align-items:center; justify-content:center; font-size:.85rem; flex-shrink:0; }
.t26-bio-ai-icon { font-size:.88rem; flex-shrink:0; margin-top:.05rem; color:var(--t26-ic,var(--t26-text)); }
.t26-bio-ig-icon { font-size:2rem; margin-bottom:.55rem; color:var(--t26-ic,var(--t26-text)); }
.t26-bio-hl-icon { width:44px; height:44px; border-radius:12px; background:var(--t26-hbg,rgba(124,58,237,0.15)); display:flex; align-items:center; justify-content:center; margin:0 auto .75rem; font-size:1rem; }
.t26-has-ic { color:var(--t26-ic,inherit); }
.t26-bio-banner-upload { height:80px; background:rgba(255,255,255,0.04); border:1px dashed rgba(255,255,255,0.1); border-radius:12px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:border-color .2s; text-align:center; }
.t26-bio-banner-preview { border:1px solid rgba(255,255,255,0.1); display:var(--t26-bp-d,none); position:relative; overflow:hidden; border-radius:12px; }
.t26-bio-theme-swatch { height:80px; border-color:var(--t26-sw-bd,rgba(255,255,255,0.08)); border-radius:10px; background-color:var(--t26-sw-bg,rgba(255,255,255,0.04)); }
.t26-bio-theme-preview { height:80px; }
.t26-bio-preview-text { font-size:.9rem; color:var(--t26-ptc,var(--t26-text)); }
.t26-bio-btn-preview { }
.t26-bio-tab-lbl { font-size:.69rem; font-weight:var(--t26-tfw,400); text-transform:capitalize; transition:color .2s; color:var(--t26-tlc,var(--t26-muted)); }
.t26-qrp-avatar { width:32px; height:32px; border-radius:50%; border:2px solid var(--t26-bg); background:var(--t26-avbg,rgba(124,58,237,0.2)); overflow:hidden; }
.t26-qrp-feat-icon { width:44px; height:44px; border-radius:12px; background:var(--t26-fibg,rgba(124,58,237,0.15)); border:1px solid var(--t26-fibd,rgba(124,58,237,0.25)); display:flex; align-items:center; justify-content:center; margin-bottom:1rem; }
.t26-qrp-step-num { width:38px; height:38px; border-radius:50%; background:var(--t26-snbg,rgba(124,58,237,0.3)); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.78rem; color:#fff; flex-shrink:0; }
.t26-sidebar-ch-dot { background:var(--t26-cc); box-shadow:0 0 6px color-mix(in srgb,var(--t26-cc) 53%,transparent); width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.t26-stat-link-row { margin-bottom:var(--t26-mb,0); }
.t26-stat-ref-row { margin-bottom:var(--t26-mb,0); }
.t26-plan-tab-btn { background:rgba(255,255,255,0.02); padding:20px 24px; border:none; width:var(--t26-tab-w,auto); }
.t26-color-red-dim { color:#EF4444; opacity:.5; }
.t26-plan-tab-cell { width:var(--t26-tab-w,auto); background:transparent; border:none; padding:1rem; text-align:center; }

/* ── Pass-4b styles ── */
.t26-qr-type-bar2 { height:3px; background:linear-gradient(90deg,var(--t26-tc),transparent); opacity:.75; border-radius:16px 16px 0 0; }
.t26-qrp-avatar-grad { width:32px; height:32px; border-radius:50%; border:2px solid var(--t26-bg); background:linear-gradient(135deg,rgba(124,58,237,0.6),rgba(6,182,212,0.6)); display:flex; align-items:center; justify-content:center; }
.t26-tc-badge { color:var(--t26-tc0); background:var(--t26-tc2); border-color:var(--t26-tc1); }
.t26-ch-pill { background:color-mix(in srgb,var(--t26-cc) 13%,transparent); color:var(--t26-cc); border:1px solid color-mix(in srgb,var(--t26-cc) 25%,transparent); }
/* ── Pass-5 extracted inline styles ── */
.t26-p5-1 { color:var(--t26-text); }
.t26-p5-2 { color:var(--t26-muted);font-size:.875rem; }
.t26-opacity-70 { opacity:.7; }
.t26-p5-3 { border-bottom:1px solid rgba(255,255,255,0.08); }
.t26-p5-4 { color:var(--t26-muted); }
.t26-p5-5 { color:var(--t26-muted);font-size:.8rem; }
.t26-p5-6 { color:#7C3AED; }
.t26-p5-7 { position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.03) 1px,transparent 1px);background-size:32px 32px;pointer-events:none; }
.t26-p5-8 { color:#34D399; }
.t26-p5-9 { color:var(--t26-text);text-decoration:none;display:flex;align-items:center;gap:.5rem;font-weight:600; }
.t26-p5-10 { border-radius:10px;border:none;cursor:pointer; }
.t26-p5-11 { border-radius:10px; }
.t26-p5-12 { font-size:1.4rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-13 { color:var(--t26-muted);font-size:.78rem;margin-top:.3rem; }
.t26-p5-14 { position:relative;z-index:1; }
.t26-p5-15 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:14px;padding:12px;margin-right:1rem;flex-shrink:0; }
.t26-p5-16 { color:var(--t26-muted);margin:0;font-size:.9rem; }
.t26-p5-17 { top:80px; }
.t26-p5-18 { color:#10B981; }
.t26-p5-19 { width:19px;height:19px; }
.t26-p5-20 { padding:9px 20px;border-radius:9px;text-decoration:none; }
.t26-p5-21 { font-size:.875rem;color:var(--t26-muted); }
.t26-p5-22 { text-align:center;margin-bottom:1.75rem; }
.t26-p5-23 { color:var(--t26-primary-light); }
.t26-p5-24 { margin-bottom:1rem; }
.t26-p5-25 { color:var(--t26-muted); }
.t26-p5-26 { color:var(--t26-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em; }
.t26-p5-27 { padding:14px 20px;border:none; }
.t26-p5-28 { border-bottom:1px solid rgba(255,255,255,0.08);padding:20px 24px; }
.t26-p5-29 { color:var(--t26-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:14px 20px;background:transparent;border:none; }
.t26-p5-30 { color:var(--t26-text);font-size:.9rem; }
.t26-p5-31 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px;color:var(--t26-text);font-size:.85rem;margin-bottom:0; }
.t26-p5-32 { color:#EF4444; }
.t26-p5-33 { font-size:.75rem;color:var(--t26-muted); }
.t26-p5-34 { color:var(--t26-text);font-size:.875rem; }
.t26-p5-35 { color:var(--t26-muted);font-size:.85rem; }
.t26-p5-36 { font-size:1.4rem;color:var(--t26-primary-light); }
.t26-p5-37 { color:var(--t26-muted);font-size:.88rem;margin:0; }
.t26-p5-38 { min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:var(--t26-bg); }
.t26-p5-39 { text-align:center;margin-bottom:2rem; }
.t26-p5-40 { font-size:1.4rem;font-weight:800;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none; }
.t26-p5-41 { background:rgba(13,13,43,0.8);border:1px solid var(--t26-border);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem; }
.t26-p5-42 { border-top:1px solid rgba(255,255,255,0.08);padding:16px 24px;gap:10px; }
.t26-p5-43 { padding:9px 20px;border-radius:9px; }
.t26-appearance-auto { appearance:auto; }
.t26-p5-44 { border-radius:10px;text-decoration:none; }
.t26-p5-45 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:16px; }
.t26-p5-46 { border:none;background:rgba(255,255,255,0.06);border-radius:8px;margin-left:auto; }
.t26-p5-47 { color:var(--t26-muted);font-size:.875rem;margin-bottom:1rem; }
.t26-p5-48 { border-color:rgba(255,255,255,0.08);margin:1rem 0; }
.t26-p5-49 { font-size:.8rem; }
.t26-p5-50 { padding:.5rem; }
.t26-p5-51 { border-bottom:1px solid rgba(255,255,255,0.06); }
.t26-p5-52 { text-align:center;position:relative;z-index:10;max-width:500px; }
.t26-p5-53 { width:100%;max-width:440px;position:relative;z-index:10; }
.t26-p5-54 { color:var(--t26-muted);font-size:.9rem;margin:0; }
.t26-p5-55 { margin-bottom:1.25rem; }
.t26-p5-56 { font-size:.8rem;color:var(--t26-muted); }
.t26-p5-57 { color:var(--t26-rose); }
.t26-p5-58 { display:inline-block;background:rgba(124,58,237,0.12);color:var(--t26-primary-light,#9F67FF);border:1px solid rgba(124,58,237,0.2);border-radius:20px;padding:.2rem .85rem;font-size:.8rem;text-decoration:none;transition:all .2s; }
.t26-p5-59 { font-size:.7rem; }
.t26-p5-60 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:8px 14px; }
.t26-p5-61 { color:var(--t26-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:14px 20px;background:transparent;border:none; }
.t26-p5-62 { padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px; }
.t26-p5-63 { border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px; }
.t26-p5-64 { color:#FCD34D; }
.t26-p5-65 { width:56px;height:56px;background:rgba(124,58,237,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-66 { font-size:1.6rem;font-weight:800;margin-bottom:.4rem; }
.t26-p5-67 { text-align:center;margin-top:1.5rem;font-size:.8rem;color:var(--t26-muted); }
.t26-p5-68 { color:var(--t26-muted);font-weight:600; }
.t26-p5-69 { margin-bottom:1.1rem; }
.t26-p5-70 { width:17px;height:17px; }
.t26-p5-71 { width:100%;justify-content:center; }
.t26-p5-72 { color:var(--t26-cyan); }
.t26-p5-73 { font-size:clamp(2rem,5vw,3.5rem); }
.t26-p5-74 { padding-bottom:80px;position:relative;z-index:1; }
.t26-p5-75 { padding:14px 20px;border:none;vertical-align:middle; }
.t26-p5-76 { background:rgba(6,182,212,0.06);border:1px solid rgba(6,182,212,0.15);border-radius:12px;padding:1.1rem;text-align:center; }
.t26-p5-77 { font-size:1.5rem;color:var(--t26-cyan);margin-bottom:.5rem;display:block; }
.t26-p5-78 { font-size:.85rem;font-weight:600;margin-bottom:.25rem; }
.t26-p5-79 { position:absolute;width:400px;height:400px;background:rgba(124,58,237,0.1);border-radius:50%;filter:blur(80px);top:-100px;left:-100px;pointer-events:none; }
.t26-p5-80 { color:var(--t26-muted);font-size:.9rem; }
.t26-p5-81 { color:var(--t26-muted);font-size:.875rem;margin-bottom:.75rem; }
.t26-p5-82 { width:44px;height:44px;background:#fff;border-radius:10px;padding:8px;margin-right:12px; }
.t26-p5-83 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px; }
.t26-p5-84 { color:#fff;background-color:#000!important; }
.t26-p5-85 { display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(255,255,255,0.06);border:1px solid var(--t26-border);border-radius:12px;color:var(--t26-muted);transition:all .2s;font-size:1rem; }
.t26-p5-86 { color:var(--t26-text);box-shadow:none;min-width:200px; }
.t26-p5-87 { min-height:200px; }
.t26-p5-88 { color:var(--t26-muted);font-size:.85rem;font-weight:500; }
.t26-p5-89 { border-collapse: collapse;display: table;width: 100%;background-color:transparent; }
.t26-p5-90 { width:500px; }
.t26-p5-91 { font-size:.85rem;color:var(--t26-muted); }
.t26-p5-92 { font-size:.9rem; }
.t26-p5-93 { color:#A78BFA; }
.t26-p5-94 { color:#38BDF8; }
.t26-p5-95 { color:#FB7185; }
.t26-p5-96 { color:var(--t26-muted);font-size:.95rem;line-height:1.7;margin-bottom:1.75rem; }
.t26-p5-97 { color:#fff; }
.t26-p5-98 { padding:14px 20px;border:none;text-align:end; }
.t26-p5-99 { font-size:1rem;font-weight:700;margin-bottom:.5rem; }
.t26-p5-100 { margin-bottom:1.5rem; }
.t26-p5-101 { color:var(--t26-primary-light);font-weight:600; }
.t26-p5-102 { padding:20px 24px; }
.t26-p5-103 { top:80px; }
.t26-p5-104 { font-size:1.3rem;line-height:1;min-width:28px;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-105 { color:var(--t26-text);font-size:.875rem;line-height:1.4;font-weight:500; }
.t26-p5-106 { position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,rgba(13,13,43,1) 0%,rgba(7,7,26,1) 100%);border:1px solid rgba(255,255,255,0.07);padding:28px 32px; }
.t26-p5-107 { position:relative;z-index:1; }
.t26-p5-108 { color:var(--t26-muted);margin:0;font-size:.88rem; }
.t26-p5-109 { text-align:center; }
.t26-p5-110 { color:var(--t26-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px; }
.t26-p5-111 { padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,0.05); }
.t26-p5-112 { min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative; }
.t26-p5-113 { background:var(--t26-bg);padding:50px 0 80px;position:relative;overflow:hidden; }
.t26-p5-114 { background:transparent;font-size:.85rem; }
.t26-p5-115 { width:32px;height:32px;background:rgba(124,58,237,0.2);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.75rem; }
.t26-p5-116 { color:var(--t26-primary-light);font-size:.8rem; }
.t26-p5-117 { line-height:1.4; }
.t26-p5-118 { color:var(--t26-text);text-decoration:none; }
.t26-p5-119 { color:var(--t26-muted);font-size:.78rem;margin-top:auto;display:block; }
.t26-p5-120 { padding:8px 20px;border-radius:9px;text-decoration:none;font-size:.875rem; }
.t26-p5-121 { color:var(--t26-muted);font-size:.8rem;margin-top:.4rem; }
.t26-p5-122 { background:var(--t26-bg)!important; }
.t26-p5-123 { background:var(--t26-gradient);border:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff; }
.t26-p5-124 { color:var(--t26-muted);font-weight:400; }
.t26-p5-125 { font-size:1rem; }
.t26-p5-126 { border:2px solid rgba(255,255,255,0.08); }
.t26-p5-127 { padding:14px 20px;border:none;color:var(--t26-muted);font-size:.875rem; }
.t26-p5-128 { vertical-align: top; }
.t26-p5-129 { margin: 0 auto; min-width: 320px; max-width: 500px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: transparent; }
.t26-p5-130 { padding-right: 0px;padding-left: 0px; }
.t26-p5-131 { background-color:transparent;width:500px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; }
.t26-p5-132 { min-width: 320px; max-width: 500px; display: table-cell; vertical-align: top; width: 500px; }
.t26-p5-133 { padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif; }
.t26-p5-134 { color:rgba(241,245,249,0.55);font-size:.92rem;margin-bottom:1.25rem;text-align:left; }
.t26-p5-135 { font-size:.82rem;color:var(--t26-primary-light);text-decoration:none; }
.t26-p5-136 { color:#C4B5FD; }
.t26-p5-137 { background:#FB7185; }
.t26-p5-138 { background:#FCD34D; }
.t26-p5-139 { background:#34D399; }
.t26-p5-140 { background:rgba(6,182,212,0.15);border-color:rgba(6,182,212,0.3);color:#38BDF8; }
.t26-p5-141 { background:rgba(16,185,129,0.15);border-color:rgba(16,185,129,0.3);color:#34D399; }
.t26-p5-142 { color:#4FC3F7; }
.t26-p5-143 { width:90px;height:90px;background:rgba(124,58,237,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem; }
.t26-p5-144 { display:inline-block;padding:.4rem 1.2rem;border-radius:999px;background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.3);font-size:.82rem;font-weight:600;color:var(--t26-primary-light);margin-bottom:1rem; }
.t26-p5-145 { font-size:2rem;font-weight:800;margin-bottom:.75rem; }
.t26-p5-146 { color:var(--t26-muted);max-width:380px;margin:0 auto 2rem;font-size:.95rem; }
.t26-p5-147 { font-size:1.4rem;color:#10B981; }
.t26-p5-148 { font-size:.82rem;color:var(--t26-muted); }
.t26-p5-149 { color:var(--t26-text); }
.t26-p5-150 { width:100%;max-width:460px;position:relative;z-index:10; }
.t26-p5-151 { font-size:1.3rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-152 { font-size:1.5rem;font-weight:800;margin-bottom:.4rem;color:var(--t26-text); }
.t26-p5-153 { padding:10px;border-radius:10px;text-decoration:none; }
.t26-p5-154 { font-size:.88rem;color:var(--t26-muted); }
.t26-p5-155 { font-size:.84rem;color:var(--t26-muted); }
.t26-p5-156 { min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden;background:var(--t26-bg); }
.t26-p5-157 { opacity:.4;top:5%;left:65%; }
.t26-p5-158 { opacity:.25;top:70%;left:-8%; }
.t26-p5-159 { opacity:.15;top:40%;left:45%; }
.t26-p5-160 { position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.025) 1px,transparent 1px);background-size:32px 32px;pointer-events:none; }
.t26-p5-161 { width:100%;max-width:480px;position:relative;z-index:10; }
.t26-p5-162 { font-size:1.5rem;font-weight:800;text-decoration:none; }
.t26-p5-163 { display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem; }
.t26-p5-164 { font-size:.84rem; }
.t26-p5-165 { color:#10B981; }
.t26-p5-166 { text-align:center;margin-top:1.5rem;font-size:.78rem;color:rgba(148,163,184,0.45); }
.t26-p5-167 { color:rgba(148,163,184,0.55);font-weight:600; }
.t26-p5-168 { color:#F43F5E; }
.t26-p5-169 { color:var(--t26-muted);font-size:.78rem;margin-top:.3rem;display:block; }
.t26-p5-170 { color:var(--t26-text);font-size:1rem; }
.t26-p5-171 { border:none;background:rgba(255,255,255,0.06);border-radius:8px; }
.t26-p5-172 { height:1px;flex:1;background:rgba(255,255,255,.06); }
.t26-p5-173 { min-width:0;flex:1; }
.t26-p5-174 { color:var(--t26-text);font-size:.85rem; }
.t26-p5-175 { color:var(--t26-muted);max-width:480px;margin:0 auto; }
.t26-p5-176 { margin:0 .3rem;opacity:.4; }
.t26-p5-177 { width:80px;height:80px;background:rgba(124,58,237,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem; }
.t26-p5-178 { font-size:2rem;color:var(--t26-primary-light); }
.t26-p5-179 { background:var(--t26-bg);padding:60px 0 80px; }
.t26-p5-180 { font-size:.95rem; }
.t26-p5-181 { background:transparent;border:none; }
.t26-p5-182 { border-bottom:1px solid rgba(255,255,255,0.04); }
.t26-p5-183 { padding:14px 20px;border:none;vertical-align:middle;color:var(--t26-muted); }
.t26-p5-184 { color:var(--t26-muted);margin-bottom:1.5rem; }
.t26-p5-185 { transition:transform .3s ease,box-shadow .3s ease; }
.t26-p5-186 { color:var(--t26-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.4px; }
.t26-p5-187 { color:var(--t26-muted);font-size:.875rem;line-height:1.6; }
.t26-p5-188 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:10px; }
.t26-p5-189 { display:inline-flex;align-items:center;gap:.5rem;text-decoration:none; }
.t26-p5-190 { display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem; }
.t26-p5-191 { font-size:.78rem;color:var(--t26-muted); }
.t26-p5-192 { width:100%;max-width:700px;position:relative;z-index:10; }
.t26-p5-193 { padding:2rem; }
.t26-p5-194 { flex-shrink:0; }
.t26-p5-195 { width:80px;height:80px;border-radius:12px;object-fit:cover;border:2px solid rgba(124,58,237,0.3); }
.t26-p5-196 { flex-shrink:0;text-align:center; }
.t26-p5-197 { font-size:2.5rem;font-weight:800;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-198 { text-align:center;margin-top:1.25rem;font-size:.85rem;color:var(--t26-muted); }
.t26-p5-199 { min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden; }
.t26-p5-200 { color:var(--t26-muted);font-size:.9rem;margin-bottom:.75rem; }
.t26-p5-201 { width:90px;height:90px;border-radius:50%;border:3px solid rgba(124,58,237,0.4);margin-bottom:1rem;object-fit:cover; }
.t26-p5-202 { display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.06);border:1px solid var(--t26-border);border-radius:10px;transition:all .2s; }
.t26-p5-203 { width:64px;height:64px;background:rgba(124,58,237,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem; }
.t26-p5-204 { font-size:1.25rem; }
.t26-p5-205 { font-size:clamp(1.4rem,3vw,2rem); }
.t26-p5-206 { color:var(--t26-muted);margin-bottom:1.5rem; }
.t26-p5-207 { font-size:clamp(1.5rem,3vw,2rem); }
.t26-p5-208 { position:absolute;width:340px;height:340px;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);top:-130px;right:-60px;opacity:.18;border-radius:50%;animation:orbFloat 8s ease-in-out infinite;pointer-events:none; }
.t26-p5-209 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,#06B6D4 0%,transparent 70%);bottom:-80px;left:25%;opacity:.1;border-radius:50%;animation:orbFloat 11s ease-in-out infinite reverse;pointer-events:none; }
.t26-p5-210 { background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.25);border-radius:16px;padding:16px;flex-shrink:0;transition:transform .3s ease; }
.t26-p5-211 { font-size:1.7rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-212 { position:relative;overflow:hidden; }
.t26-p5-213 { background:rgba(7,7,26,0.75);backdrop-filter:blur(3px);border-radius:16px;z-index:2; }
.t26-p5-214 { font-size:1.4rem;color:var(--t26-muted); }
.t26-p5-215 { position:absolute;top:0;left:0;right:0;height:3px;background:var(--t26-gradient);border-radius:16px 16px 0 0; }
.t26-p5-216 { color:var(--t26-muted);font-size:.875rem;flex:1;line-height:1.6; }
.t26-p5-217 { border-top:1px solid rgba(255,255,255,0.08); }
.t26-p5-218 { color:var(--t26-muted);font-size:.875rem;padding-left:1.25rem; }
.t26-p5-219 { color:var(--t26-muted);font-size:.875rem;margin-bottom:1.25rem; }
.t26-p5-220 { color:var(--t26-muted);font-size:.875rem;margin-bottom:0; }
.t26-p5-221 { color:var(--t26-text);font-size:.8rem; }
.t26-p5-222 { color:#10B981;font-size:1.1rem; }
.t26-p5-223 { background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);border-radius:10px; }
.t26-p5-224 { color:#EF4444;font-size:.875rem; }
.t26-p5-225 { color:var(--t26-muted);font-size:.875rem;padding-left:1.25rem;margin-bottom:1.5rem; }
.t26-p5-226 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px;color:var(--t26-text);font-size:.85rem; }
.t26-p5-227 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px;color:var(--t26-text);font-size:.8rem;overflow-x:auto; }
.t26-p5-228 { object-fit:cover; }
.t26-p5-229 { color:#000;background-color:#fff !important; }
.t26-p5-230 { background-color:#008aff; }
.t26-p5-231 { padding:6px 16px;border-radius:8px;text-decoration:none;font-size:.85rem; }
.t26-p5-232 { font-size:.8rem;color:var(--t26-muted);flex-shrink:0; }
.t26-p5-233 { font-size:clamp(2rem,4vw,2.8rem); }
.t26-p5-234 { color:var(--t26-muted);margin-bottom:2rem; }
.t26-p5-235 { padding:8px 18px;border-radius:9px; }
.t26-p5-236 { border:2px solid rgba(255,255,255,0.08);max-height:100px;object-fit:cover; }
.t26-p5-237 { padding:8px 18px;border-radius:9px;cursor:pointer; }
.t26-p5-238 { color:var(--t26-muted);text-decoration:none; }
.t26-p5-239 { color:var(--t26-muted);opacity:.7; }
.t26-p5-240 { padding:8px;border-radius:9px;text-decoration:none; }
.t26-p5-241 { background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:5px;padding:2px 8px;font-size:.75rem;margin-right:6px; }
.t26-p5-242 { padding:20px 24px;font-size:.87rem;color:var(--t26-muted); }
.t26-p5-243 { margin: 0; padding: 20px; -webkit-text-size-adjust: 100%; background-color: #07071A; }
.t26-p5-244 { table-layout: fixed; vertical-align: top; min-width: 320px; margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #07071A; width: 100%; }
.t26-p5-245 { word-break: break-word; vertical-align: top; }
.t26-p5-246 { background-color:#07071A; }
.t26-p5-247 { background-color:transparent;width:166px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; }
.t26-p5-248 { display: table-cell; vertical-align: top; max-width: 320px; min-width: 164px; width: 166px; }
.t26-p5-249 { line-height:0px; }
.t26-p5-250 { background-color:transparent;width:333px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; }
.t26-p5-251 { display: table-cell; vertical-align: top; min-width: 320px; max-width: 328px; width: 333px; }
.t26-p5-252 { table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
.t26-p5-253 { word-break: break-word; vertical-align: top; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.t26-p5-254 { table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-tspace: 0; mso-table-rspace: 0; mso-table-bspace: 0; mso-table-lspace: 0; }
.t26-p5-255 { vertical-align: top; display: inline-block; text-align: right; }
.t26-p5-256 { margin: 20px auto; min-width: 320px; max-width: 500px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #0D0D2B; border-radius: 12px; border: 1px solid rgba(255,255,255,0.08); }
.t26-p5-257 { color:#F1F5F9;font-family:Inter, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;line-height:1.6;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px; }
.t26-p5-258 { height:4px;background:linear-gradient(135deg,#7C3AED 0%,#06B6D4 100%);border-radius:4px 4px 0 0;margin-bottom:20px;margin-left:-24px;margin-right:-24px;margin-top:-20px; }
.t26-p5-259 { font-size: 14px; line-height: 1.6; color: #F1F5F9; font-family: Inter, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; mso-line-height-alt: 22px; }
.t26-p5-260 { font-size: 14px; line-height: 1.6; mso-line-height-alt: 22px; margin: 0; }
.t26-p5-261 { color:rgba(241,245,249,0.45);font-family:Inter, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;line-height:1.5;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px; }
.t26-p5-262 { font-size: 12px; line-height: 1.5; color: rgba(241,245,249,0.45); font-family: Inter, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; mso-line-height-alt: 18px; }
.t26-p5-263 { font-size: 12px; line-height: 1.5; word-break: break-word; text-align: center; mso-line-height-alt: 18px; margin: 0; }
.t26-p5-264 { z-index:10; }
.t26-p5-265 { font-size:.8rem;color:var(--t26-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.t26-p5-266 { background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.2);border-radius:10px; }
.t26-p5-267 { font-size:.8rem;padding:.4rem 1rem;white-space:nowrap; }
.t26-p5-268 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:1rem; }
.t26-p5-269 { text-align:center;margin-bottom:.5rem;font-size:.8rem;color:rgba(241,245,249,0.45); }
.t26-p5-270 { display:flex;align-items:center;padding:0 .75rem;color:rgba(241,245,249,0.4);font-size:.85rem;white-space:nowrap;flex-shrink:0;border-right:1px solid rgba(255,255,255,0.08); }
.t26-p5-271 { color:rgba(241,245,249,0.45);max-width:500px;margin:.75rem auto 0;font-size:.95rem; }
.t26-p5-272 { background:linear-gradient(135deg,#34D399,#06B6D4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-273 { background:linear-gradient(135deg,#FB7185,#FCD34D);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-274 { color:var(--t26-muted);font-size:.75rem; }
.t26-p5-275 { color:var(--t26-muted);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem; }
.t26-p5-276 { color:rgba(255,255,255,0.7); }
.t26-p5-277 { width:72%;background:linear-gradient(90deg,#7C3AED,#A78BFA); }
.t26-p5-278 { width:45%;background:linear-gradient(90deg,#06B6D4,#38BDF8); }
.t26-p5-279 { width:28%;background:linear-gradient(90deg,#10B981,#34D399); }
.t26-p5-280 { color:rgba(241,245,249,0.45);max-width:560px;margin:.75rem auto 0;font-size:.95rem; }
.t26-p5-281 { color:#FF9800; }
.t26-p5-282 { color:#5B9BD5; }
.t26-p5-283 { color:rgba(241,245,249,0.95);font-size:.95rem; }
.t26-p5-284 { color:var(--t26-muted);font-size:.8rem;margin-left:.5rem; }
.t26-p5-285 { background:linear-gradient(135deg,#7C3AED,#A78BFA); }
.t26-p5-286 { background:linear-gradient(135deg,#06B6D4,#38BDF8); }
.t26-p5-287 { background:linear-gradient(135deg,#10B981,#34D399); }
.t26-p5-288 { margin-top:1rem; }
.t26-p5-289 { color:rgba(241,245,249,0.45);max-width:580px;margin:.75rem auto 0;font-size:.95rem; }
.t26-p5-290 { color:#FDA4AF; }
.t26-p5-291 { padding:9px 18px;border-radius:9px;text-decoration:none; }
.t26-p5-292 { font-size:1.4rem;font-weight:800;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-293 { background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:8px;padding:6px 18px;font-size:.9rem;font-weight:700; }
.t26-p5-294 { background:rgba(245,158,11,0.15);color:#F59E0B;border:1px solid rgba(245,158,11,0.3);border-radius:8px;padding:6px 18px;font-size:.9rem;font-weight:700; }
.t26-p5-295 { border-color:rgba(255,255,255,0.08);margin:1.5rem 0; }
.t26-p5-296 { color:var(--t26-muted);font-size:.875rem;margin:.25rem 0; }
.t26-p5-297 { color:var(--t26-muted);font-size:.875rem;margin:0;line-height:1.6; }
.t26-p5-298 { border:1px solid rgba(255,255,255,0.08);border-radius:10px;overflow:hidden; }
.t26-p5-299 { background:rgba(255,255,255,0.03);padding:14px 20px;border:none;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--t26-muted); }
.t26-p5-300 { background:rgba(255,255,255,0.03);padding:14px 20px;border:none; }
.t26-p5-301 { background:rgba(255,255,255,0.03);padding:14px 20px;border:none;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--t26-muted);text-align:end; }
.t26-p5-302 { padding:14px 20px;border:none;color:var(--t26-muted);font-size:.875rem;text-align:end; }
.t26-p5-303 { background:rgba(255,255,255,0.03); }
.t26-p5-304 { padding:14px 20px;border:none;font-weight:700;text-align:end; }
.t26-p5-305 { padding:14px 20px;border:none;font-weight:700;text-align:end;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-306 { display:block;margin-bottom:2rem; }
.t26-p5-307 { display:block;margin-bottom:2rem;font-size:1.3rem;font-weight:800;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none; }
.t26-p5-308 { font-size:2.2rem;color:var(--t26-primary-light);animation:spin-slow 4s linear infinite; }
.t26-p5-309 { color:var(--t26-muted);max-width:400px;margin:0 auto 2rem;font-size:.95rem; }
.t26-p5-310 { color:var(--t26-muted);font-size:1.6rem;margin-right:.75rem; }
.t26-p5-311 { color:var(--t26-muted);font-size:1.6rem; }
.t26-p5-312 { display:block;margin-bottom:2rem;text-decoration:none; }
.t26-p5-313 { font-size:1.3rem;font-weight:800;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-314 { font-size:2.2rem;color:var(--t26-primary-light); }
.t26-p5-315 { font-size:2.4rem;font-weight:800;margin-bottom:.75rem; }
.t26-p5-316 { font-size:1.4rem;font-weight:700;margin-bottom:.75rem; }
.t26-p5-317 { max-width:640px; }
.t26-p5-318 { font-size:2rem;font-weight:800;margin-bottom:.5rem; }
.t26-p5-319 { color:var(--t26-muted);font-size:.95rem;margin:0; }
.t26-p5-320 { max-width:700px; }
.t26-p5-321 { font-size:.85rem;font-weight:600;color:var(--t26-muted);margin-bottom:.5rem;display:block; }
.t26-p5-322 { display:flex;gap:.5rem;align-items:stretch; }
.t26-p5-323 { display:block;text-align:center;margin-top:.6rem;font-size:.78rem;color:var(--t26-muted); }
.t26-p5-324 { max-width:900px; }
.t26-p5-325 { font-size:1.3rem;font-weight:700;text-align:center;margin-bottom:1.5rem; }
.t26-p5-326 { width:56px;height:56px;background:rgba(124,58,237,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-327 { width:56px;height:56px;background:rgba(16,185,129,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-328 { width:56px;height:56px;background:rgba(244,63,94,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-329 { font-size:1.4rem;color:#F43F5E; }
.t26-p5-330 { text-align:center;font-size:1.6rem;font-weight:700;letter-spacing:.3em; }
.t26-p5-331 { text-align:right;margin-top:.5rem; }
.t26-p5-332 { border-color:var(--t26-border); }
.t26-p5-333 { width:48px;height:48px;background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-334 { font-size:.8rem;color:#7C3AED;text-decoration:none; }
.t26-p5-335 { display:flex;align-items:center;gap:.75rem;padding:14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;margin-bottom:1rem; }
.t26-p5-336 { flex-shrink:0; }
.t26-p5-337 { color:var(--t26-text);display:block; }
.t26-p5-338 { color:var(--t26-muted);font-size:.875rem;margin-bottom:.75rem; }
.t26-p5-339 { color:var(--t26-muted);font-size:.875rem;padding-left:1.25rem;margin:0;display:flex;flex-direction:column;gap:.4rem; }
.t26-p5-340 { color:var(--t26-muted);font-size:.8rem;text-align:center;margin-top:1.25rem;margin-bottom:0; }
.t26-p5-341 { text-align:center;padding:1rem 0; }
.t26-p5-342 { background:rgba(248,113,113,0.1);border:1px solid rgba(248,113,113,0.3);border-radius:12px;padding:16px;margin-bottom:1.5rem; }
.t26-p5-343 { color:#f87171;font-size:1.5rem;margin-bottom:.5rem;display:block; }
.t26-p5-344 { color:#f87171;margin:0;font-size:.9rem; }
.t26-p5-345 { padding:10px 24px;border-radius:10px;text-decoration:none; }
.t26-p5-346 { width:56px;height:56px;background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-347 { font-size:1.5rem;font-weight:800;margin-bottom:.4rem; }
.t26-p5-348 { color:var(--t26-muted);font-size:.875rem;margin:0; }
.t26-p5-349 { display:block;font-size:.8rem;font-weight:600;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem; }
.t26-p5-350 { text-align:center;font-size:1.4rem;letter-spacing:.3em;font-weight:700; }
.t26-p5-351 { font-size:.8rem;color:var(--t26-muted);text-decoration:none;transition:color .2s; }
.t26-p5-352 { border-radius:12px;border:none;cursor:pointer;padding:13px;font-size:.95rem;font-weight:700;width:100%;display:block;text-align:center; }
.t26-p5-353 { text-align:center;margin-top:1.25rem; }
.t26-p5-354 { text-align:center;margin-top:1.25rem;font-size:.88rem;color:var(--t26-muted); }
.t26-p5-355 { background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.25);border-radius:10px;padding:.85rem 1rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem; }
.t26-p5-356 { color:#10B981;font-size:1.1rem; }
.t26-p5-357 { text-align:center;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--t26-border); }
.t26-p5-358 { font-size:.88rem;color:var(--t26-primary-light);font-weight:600;margin-left:.4rem; }
.t26-p5-359 { ; }
.t26-p5-360 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:18px;overflow:hidden; }
.t26-p5-361 { height:3px;background:linear-gradient(135deg,#7C3AED 0%,#06B6D4 100%);flex-shrink:0; }
.t26-p5-362 { border-bottom:1px solid rgba(255,255,255,0.07);padding:18px 24px; }
.t26-p5-363 { background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.25);border-radius:10px;padding:9px 11px; }
.t26-p5-364 { font-size:.9rem;background:linear-gradient(135deg,#7C3AED,#06B6D4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-365 { font-size:.75rem;color:var(--t26-muted); }
.t26-p5-366 { position:relative; }
.t26-p5-367 { position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--t26-muted);font-size:.8rem;pointer-events:none; }
.t26-p5-368 { width:100%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;color:var(--t26-text);padding:10px 14px 10px 38px;font-size:.875rem;outline:none;transition:border-color .2s; }
.t26-p5-369 { display:flex;align-items:center;gap:10px;margin-bottom:12px;margin-top:24px; }
.t26-p5-370 { font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t26-muted);white-space:nowrap;padding:3px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:20px; }
.t26-p5-371 { display:flex; }
.t26-p5-372 { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:12px;padding:14px;opacity:0.5;cursor:not-allowed; }
.t26-p5-373 { background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:9px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; }
.t26-p5-374 { color:var(--t26-muted);font-size:.75rem;opacity:.7;line-height:1.4;margin-top:2px; }
.t26-p5-375 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:14px;transition:all .2s ease; }
.t26-p5-376 { ', 'style=; }
.t26-p5-377 { color:var(--t26-muted);font-size:.75rem;line-height:1.4;margin-top:2px; }
.t26-p5-378 { color:var(--t26-muted);font-size:.7rem;opacity:.5;flex-shrink:0;margin-top:4px; }
.t26-p5-379 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:16px;overflow:hidden; }
.t26-p5-380 { height:3px;background:linear-gradient(135deg,#EF4444,#F97316); }
.t26-p5-381 { background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);border-radius:9px;padding:8px 10px; }
.t26-p5-382 { color:#F87171;font-size:.9rem; }
.t26-p5-383 { color:var(--t26-text);font-size:.95rem; }
.t26-p5-384 { padding:20px 24px;color:var(--t26-muted);font-size:.875rem;line-height:1.6; }
.t26-p5-385 { padding:9px 28px;border-radius:9px;background:linear-gradient(135deg,#EF4444,#F97316)!important; }
.t26-p5-386 { border-bottom:1px solid var(--t26-border); }
.t26-p5-387 { min-width:220px; }
.t26-p5-388 { gap:0; }
.t26-p5-389 { border-radius:10px 0 0 10px!important;padding-left:1rem;font-size:.875rem; }
.t26-p5-390 { border-radius:0 10px 10px 0;padding:.6rem 1rem; }
.t26-p5-391 { display:block;aspect-ratio:16/9;overflow:hidden;background:rgba(124,58,237,0.2); }
.t26-p5-392 { object-fit:cover;object-position:center;transition:transform 0.4s ease; }
.t26-p5-393 { background:linear-gradient(135deg,rgba(124,58,237,0.3) 0%,rgba(6,182,212,0.2) 100%); }
.t26-p5-394 { font-size:3rem;color:rgba(255,255,255,0.2); }
.t26-p5-395 { padding:1.5rem; }
.t26-p5-396 { display:inline-block;background:rgba(124,58,237,0.2);color:var(--t26-primary-light);border-radius:20px;padding:.2rem .75rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.75rem;text-decoration:none; }
.t26-p5-397 { line-height:1.4;color:var(--t26-text); }
.t26-p5-398 { color:var(--t26-muted);font-size:.875rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem; }
.t26-p5-399 { width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--t26-border); }
.t26-p5-400 { font-size:.8rem;color:var(--t26-muted); }
.t26-p5-401 { padding:.3rem .9rem;font-size:.8rem; }
.t26-p5-402 { font-size:.85rem;background:transparent;padding:0; }
.t26-p5-403 { display:inline-block;background:rgba(124,58,237,0.2);color:var(--t26-primary-light);border-radius:20px;padding:.25rem 1rem;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:1rem;text-decoration:none; }
.t26-p5-404 { font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2;letter-spacing:-.02em; }
.t26-p5-405 { border-top:1px solid var(--t26-border);border-bottom:1px solid var(--t26-border); }
.t26-p5-406 { width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--t26-border); }
.t26-p5-407 { margin:0 .4rem; }
.t26-p5-408 { border-radius:16px;overflow:hidden;aspect-ratio:21/9;border:1px solid var(--t26-border); }
.t26-p5-409 { object-fit:cover;object-position:center; }
.t26-p5-410 { padding-top:60px;border-top:1px solid var(--t26-border); }
.t26-p5-411 { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 1) 50%); }
.t26-p5-412 { max-height: 200px; }
.t26-p5-413 { max-width: 200px; }
.t26-p5-414 { background: linear-gradient(220.55deg, '.$config->homecolor->c2.' 0%, '.$config->homecolor->c1.' 100%) !important; }
.t26-p5-415 { position:absolute;width:340px;height:340px;background:radial-gradient(circle,#10B981 0%,transparent 70%);top:-130px;right:-60px;opacity:.15;border-radius:50%;animation:orbFloat 8s ease-in-out infinite;pointer-events:none; }
.t26-p5-416 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);bottom:-80px;left:25%;opacity:.1;border-radius:50%;animation:orbFloat 11s ease-in-out infinite reverse;pointer-events:none; }
.t26-p5-417 { background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.25);border-radius:16px;padding:16px;flex-shrink:0;transition:transform .3s ease; }
.t26-p5-418 { font-size:1.7rem;color:#34D399; }
.t26-p5-419 { padding:10px 22px;border-radius:11px;text-decoration:none;font-size:.9rem; }
.t26-p5-420 { background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.2);border-radius:7px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-p5-421 { color:#34D399;font-size:.75rem; }
.t26-p5-422 { display:inline-block;background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:6px;padding:2px 10px;font-size:.73rem;font-weight:600; }
.t26-p5-423 { display:inline-block;background:rgba(245,158,11,0.15);color:#F59E0B;border:1px solid rgba(245,158,11,0.3);border-radius:6px;padding:2px 10px;font-size:.73rem;font-weight:600; }
.t26-p5-424 { display:inline-block;background:rgba(239,68,68,0.15);color:#EF4444;border:1px solid rgba(239,68,68,0.3);border-radius:6px;padding:2px 10px;font-size:.73rem;font-weight:600; }
.t26-p5-425 { padding:14px 20px;border:none;vertical-align:middle;text-align:right; }
.t26-p5-426 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center; }
.t26-p5-427 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0;min-width:160px; }
.t26-p5-428 { color:var(--t26-text);padding:8px 16px;font-size:.875rem; }
.t26-p5-429 { border-color:rgba(255,255,255,0.08);margin:4px 0; }
.t26-p5-430 { color:#EF4444;padding:8px 16px;font-size:.875rem; }
.t26-p5-431 { width:64px;height:64px;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem; }
.t26-p5-432 { font-size:1.5rem;color:#34D399; }
.t26-p5-433 { background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);border-radius:8px;padding:7px 9px; }
.t26-p5-434 { color:#34D399; }
.t26-p5-435 { color:var(--t26-muted);font-size:.85rem;line-height:1.7;margin-bottom:1rem; }
.t26-p5-436 { background:rgba(16,185,129,0.07);border:1px solid rgba(16,185,129,0.2);border-radius:10px; }
.t26-p5-437 { color:#34D399;font-size:.88rem;font-family:monospace; }
.t26-p5-438 { padding:20px 24px;color:var(--t26-muted);font-size:.9rem; }
.t26-p5-439 { padding:9px 28px;border-radius:9px; }
.t26-p5-440 { border-radius:9px;text-decoration:none;border:1px solid rgba(124,58,237,0.6);background:rgba(124,58,237,0.15);color:var(--t26-text);font-size:.875rem;transition:all .2s; }
.t26-p5-441 { border-radius:9px;text-decoration:none;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);color:var(--t26-text);font-size:.875rem;transition:all .2s; }
.t26-p5-442 { background:rgba(255,255,255,0.06);border-radius:8px;overflow:hidden;height:10px;margin-bottom:8px; }
.t26-p5-443 { font-size:clamp(80px,18vw,120px);font-weight:900;line-height:1;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem; }
.t26-p5-444 { font-size:1.8rem;font-weight:700;margin-bottom:.75rem; }
.t26-p5-445 { display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem; }
.t26-p5-446 { display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;font-size:.85rem; }
.t26-p5-447 { width:100px;height:100px;background:rgba(244,63,94,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:pulse-icon 2s ease-in-out infinite; }
.t26-p5-448 { font-size:2.8rem;color:var(--t26-rose); }
.t26-p5-449 { display:inline-block;padding:.4rem 1.2rem;border-radius:999px;background:rgba(244,63,94,0.12);border:1px solid rgba(244,63,94,0.3);font-size:.82rem;font-weight:600;color:var(--t26-rose);margin-bottom:1rem; }
.t26-p5-450 { font-size:2rem;font-weight:800;margin-bottom:.75rem;color:var(--t26-rose); }
.t26-p5-451 { color:var(--t26-muted);max-width:420px;margin:0 auto 1.5rem;font-size:.95rem; }
.t26-p5-452 { background:rgba(244,63,94,0.06);border:1px solid rgba(244,63,94,0.2);border-radius:14px;padding:1.5rem;margin:0 auto 2rem;max-width:420px;text-align:left; }
.t26-p5-453 { font-size:1rem;font-weight:700;margin-bottom:1rem;color:var(--t26-rose); }
.t26-p5-454 { list-style:none;padding:0;margin:0;color:var(--t26-muted);font-size:.88rem; }
.t26-p5-455 { padding:.5rem 0; }
.t26-p5-456 { position:relative;width:100px;height:100px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center; }
.t26-p5-457 { position:absolute;inset:0;border:2px solid var(--t26-cyan);border-radius:50%;animation:pulse-ring 2s ease-out infinite; }
.t26-p5-458 { position:absolute;inset:0;border:2px solid var(--t26-cyan);border-radius:50%;animation:pulse-ring 2s ease-out infinite;animation-delay:.5s; }
.t26-p5-459 { width:80px;height:80px;background:rgba(6,182,212,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center; }
.t26-p5-460 { font-size:2.2rem;color:var(--t26-cyan);animation:clock-tick 2s ease-in-out infinite; }
.t26-p5-461 { display:inline-block;padding:.4rem 1.2rem;border-radius:999px;background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.3);font-size:.82rem;font-weight:600;color:var(--t26-cyan);margin-bottom:1rem; }
.t26-p5-462 { color:var(--t26-muted);max-width:380px;margin:0 auto 1.5rem;font-size:.95rem; }
.t26-p5-463 { display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 auto 2rem;max-width:420px; }
.t26-p5-464 { display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;font-size:.82rem;margin-bottom:1rem; }
.t26-p5-465 { width:100%;max-height:280px;object-fit:cover; }
.t26-p5-466 { flex:1; }
.t26-p5-467 { display:block;font-size:1.1rem;margin-bottom:.5rem; }
.t26-p5-468 { color:var(--t26-muted);font-size:.9rem;margin-bottom:1rem; }
.t26-p5-469 { display:inline-block;background:var(--t26-gradient);color:#fff;border-radius:10px;padding:.5rem 1.25rem;font-weight:600;font-size:.875rem;text-decoration:none; }
.t26-p5-470 { margin:0;color:var(--t26-muted);font-size:.85rem; }
.t26-p5-471 { max-width:100%;filter:brightness(0.9); }
.t26-p5-472 { display:inline-block;background:rgba(16,185,129,0.15);color:#10B981;border-radius:20px;padding:.25rem 1rem;font-size:.75rem;font-weight:700;margin-bottom:1rem;letter-spacing:.06em;text-transform:uppercase; }
.t26-p5-473 { font-size:1.4rem; }
.t26-p5-474 { color:var(--t26-muted);font-size:.9rem;margin-bottom:1.5rem; }
.t26-p5-475 { background:rgba(13,13,43,0.98);padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--t26-border);position:fixed;top:0;left:0;right:0;z-index:100;height:56px; }
.t26-p5-476 { height:32px; }
.t26-p5-477 { color:var(--t26-text);font-weight:700;font-size:1rem; }
.t26-p5-478 { flex:1;text-align:center; }
.t26-p5-479 { color:var(--t26-muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s; }
.t26-p5-480 { border:0;width:100%;height:100%;position:fixed;top:56px;left:0;right:0;bottom:0;z-index:1; }
.t26-p5-481 { width:100%;max-width:680px;position:relative;z-index:10; }
.t26-p5-482 { display:inline-block;width:36px;height:36px;background:rgba(124,58,237,0.2);border-radius:50%;line-height:36px;text-align:center;margin:0 .25rem;color:var(--t26-primary-light);transition:all .2s; }
.t26-p5-483 { display:flex;flex-direction:column;gap:1rem; }
.t26-p5-484 { padding:1rem 1.5rem;text-align:center;font-weight:600;color:var(--t26-text);text-decoration:none;display:block; }
.t26-p5-485 { opacity:.6; }
.t26-p5-486 { color:var(--t26-muted);font-weight:600;font-size:.9rem; }
.t26-p5-487 { background:var(--t26-bg);padding:50px 0 80px;position:relative; }
.t26-p5-488 { color:var(--t26-muted);font-size:.875rem; }
.t26-p5-489 { color:var(--t26-muted);font-size:.875rem;margin-top:.75rem;margin-bottom:0; }
.t26-p5-490 { border-color:var(--t26-border);margin:1rem 0; }
.t26-p5-491 { font-size:1.5rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-492 { color:var(--t26-muted);font-size:.9rem; }
.t26-p5-493 { min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden; }
.t26-p5-494 { width:100%;max-width:800px;position:relative;z-index:10; }
.t26-p5-495 { width:100%;height:200px;object-fit:cover; }
.t26-p5-496 { flex:1;min-width:0; }
.t26-p5-497 { color:var(--t26-muted);font-size:.9rem;margin-bottom:1.25rem; }
.t26-p5-498 { font-size:1.1rem;color:var(--t26-muted); }
.t26-p5-499 { border-color:var(--t26-border);margin:1.5rem 0; }
.t26-p5-500 { color:var(--t26-muted);font-size:.8rem;margin:0; }
.t26-p5-501 { margin-right:1.25rem;text-align:center;flex-shrink:0; }
.t26-p5-502 { font-size:2.5rem; }
.t26-p5-503 { font-size:2.5rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-504 { font-size:clamp(1.6rem,3.5vw,2.5rem); }
.t26-p5-505 { color:var(--t26-muted);font-size:1.05rem;margin:0; }
.t26-p5-506 { background:var(--t26-bg);position:relative;overflow:hidden; }
.t26-p5-507 { text-decoration:none;display:block;text-align:center; }
.t26-p5-508 { font-size:2.5rem;display:block;margin-bottom:.75rem; }
.t26-p5-509 { font-size:2.5rem;display:block;margin-bottom:.75rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-510 { color:var(--t26-primary-light);font-size:.8rem;font-weight:600; }
.t26-p5-511 { font-size:1.75rem;color:var(--t26-primary-light); }
.t26-p5-512 { font-size:clamp(1.4rem,3vw,2rem);font-weight:700;margin-bottom:.5rem; }
.t26-p5-513 { color:var(--t26-muted);font-size:.85rem;margin-bottom:2rem; }
.t26-p5-514 { text-align:center;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--t26-border); }
.t26-p5-515 { color:var(--t26-muted);margin-bottom:1rem; }
.t26-p5-516 { color:var(--t26-muted);font-size:.875rem;padding:.5rem .75rem;border-radius:8px;transition:all .2s;border:1px solid transparent;display:block; }
.t26-p5-517 { padding:80px 0 60px;text-align:center;position:relative; }
.t26-p5-518 { font-size:clamp(1.8rem,4vw,2.8rem); }
.t26-p5-519 { border-radius:50px;background:rgba(255,255,255,0.06);border:1.5px solid var(--t26-border,rgba(255,255,255,0.08));padding:.5rem .5rem .5rem 1rem;display:flex;align-items:center;gap:.75rem; }
.t26-p5-520 { color:var(--t26-muted,rgba(241,245,249,0.55)); }
.t26-p5-521 { flex:1;background:transparent;border:none;outline:none;color:var(--t26-text,#F1F5F9);font-size:1rem; }
.t26-p5-522 { background:linear-gradient(135deg,#7C3AED 0%,#06B6D4 100%);border:none;color:#fff;border-radius:50px;padding:.6rem 1.5rem;font-weight:600;transition:all .3s; }
.t26-p5-523 { margin-top:1.25rem; }
.t26-p5-524 { color:var(--t26-muted,rgba(241,245,249,0.55));font-size:.8rem;margin-bottom:.75rem; }
.t26-p5-525 { font-size:.72rem;color:#10B981;font-weight:600; }
.t26-p5-526 { color:var(--t26-muted);transition:color .2s; }
.t26-p5-527 { background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);border-radius:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-p5-528 { color:#7C3AED;font-size:1.1rem; }
.t26-p5-529 { background:rgba(255,233,41,0.15);border:1px solid rgba(255,233,41,0.3);border-radius:10px;padding:8px 10px;margin-right:12px;display:inline-flex;align-items:center; }
.t26-p5-530 { color:#FFE929;font-size:1.2rem; }
.t26-p5-531 { color:var(--t26-muted);font-size:.8rem;margin-top:.5rem; }
.t26-p5-532 { background:rgba(124,58,237,0.15);color:#A78BFA;border:1px solid rgba(124,58,237,0.3);border-radius:6px;padding:2px 8px;font-size:.75rem; }
.t26-p5-533 { border-color:rgba(245,158,11,0.3); }
.t26-p5-534 { color:#F59E0B; }
.t26-p5-535 { font-size:1.2rem; }
.t26-p5-536 { padding:8px 20px;border-radius:9px;text-decoration:none; }
.t26-p5-537 { color:var(--t26-muted);font-size:.8rem;word-break:break-all; }
.t26-p5-538 { color:var(--t26-muted);font-size:.8rem;word-break:break-all;margin-bottom:0; }
.t26-p5-539 { color:var(--t26-text);background:rgba(124,58,237,0.15);border-radius:8px;text-decoration:none;font-size:.875rem; }
.t26-p5-540 { color:var(--t26-muted);border-radius:8px;text-decoration:none;font-size:.875rem; }
.t26-p5-541 { background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.2);border-radius:10px; }
.t26-p5-542 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px;color:var(--t26-text);font-size:.8rem;overflow-x:auto;margin-bottom:0; }
.t26-p5-543 { background:var(--t26-gradient);border:none;color:#fff; }
.t26-p5-544 { background:var(--t26-bg)!important; }
.t26-p5-545 { border-radius:0!important;background:rgba(16,185,129,0.2)!important;border:none!important;border-bottom:1px solid rgba(16,185,129,0.3)!important; }
.t26-p5-546 { background:rgba(255,255,255,0.1);color:var(--t26-text);border:1px solid rgba(255,255,255,0.2);border-radius:8px; }
.t26-p5-547 { max-height:30px; }
.t26-p5-548 { background:var(--t26-gradient);font-size:.65rem; }
.t26-p5-549 { font-size:.85rem; }
.t26-p5-550 { cursor:pointer;color:var(--t26-muted); }
.t26-p5-551 { display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:199; }
.t26-p5-552 { max-width:460px; }
.t26-p5-553 { background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);border-radius:10px;color:#EF4444;font-size:.875rem; }
.t26-p5-554 { color:#7C3AED;font-size:.8rem; }
.t26-p5-555 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px; }
.t26-p5-556 { width:56px;height:56px;background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem; }
.t26-p5-557 { color:var(--t26-text);font-size:1rem;display:block;margin-bottom:.75rem; }
.t26-p5-558 { background-color:#fff;color:#000; }
.t26-p5-559 { color:var(--t26-text);font-size:.875rem;font-weight:500; }
.t26-p5-560 { background:rgba(255,255,255,0.06);border-radius:6px;height:6px;overflow:hidden; }
.t26-p5-561 { color:var(--t26-muted);font-size:.85rem;margin-top:1rem;margin-bottom:0; }
.t26-p5-562 { background:var(--t26-bg);padding:80px 0 60px;position:relative;overflow:hidden; }
.t26-p5-563 { padding:2rem 1rem 4rem; }
.t26-p5-564 { display:inline-flex;align-items:center;gap:.5rem;background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);border-radius:50px;padding:.4rem 1.1rem;font-size:.8rem;font-weight:600;color:var(--t26-primary-light);letter-spacing:.08em;margin-bottom:1.5rem; }
.t26-p5-565 { font-size:clamp(2rem,5vw,3.5rem);line-height:1.15; }
.t26-p5-566 { color:var(--t26-muted);font-size:1.15rem;max-width:600px;margin:0 auto 2.5rem; }
.t26-p5-567 { width:56px;height:56px;background:rgba(124,58,237,0.15);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-568 { width:56px;height:56px;background:rgba(6,182,212,0.15);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-569 { font-size:1.4rem;color:var(--t26-cyan); }
.t26-p5-570 { width:56px;height:56px;background:rgba(16,185,129,0.15);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-571 { background:var(--t26-bg2);padding:60px 0 80px; }
.t26-p5-572 { font-size:clamp(1.6rem,3vw,2.2rem); }
.t26-p5-573 { font-size:.9rem;padding:.7rem 1.75rem; }
.t26-p5-574 { width:100%;max-width:600px;position:relative;z-index:10; }
.t26-p5-575 { width:64px;height:64px;background:rgba(16,185,129,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem; }
.t26-p5-576 { font-size:1.5rem;color:#10B981; }
.t26-p5-577 { color:var(--t26-muted);text-align:center;margin-bottom:2rem; }
.t26-p5-578 { background:var(--t26-bg);padding:60px 0 80px;position:relative;overflow:hidden; }
.t26-p5-579 { width:44px;height:44px;background:rgba(124,58,237,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-p5-580 { width:44px;height:44px;background:rgba(6,182,212,0.15);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-p5-581 { height:140px; }
.t26-p5-582 { margin-top:1rem;padding:.75rem 1rem;background:rgba(124,58,237,0.08);border-radius:10px;font-size:.8rem;color:var(--t26-muted);display:flex;align-items:center;gap:.5rem; }
.t26-p5-583 { background:var(--t26-bg);padding:20px 0 60px; }
.t26-p5-584 { color:var(--t26-muted);font-size:.85rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,0.08); }
.t26-p5-585 { color:rgba(255,255,255,0.8);line-height:1.8; }
.t26-p5-586 { padding:80px 0 50px;position:relative;overflow:hidden;background:var(--t26-bg); }
.t26-p5-587 { position:absolute;width:400px;height:400px;background:rgba(124,58,237,0.12);border-radius:50%;filter:blur(80px);top:-100px;left:-100px;pointer-events:none; }
.t26-p5-588 { font-size:clamp(2rem,5vw,3rem); }
.t26-p5-589 { background:var(--t26-bg);padding:50px 0 80px; }
.t26-p5-590 { width:36px;height:36px;background:rgba(16,185,129,0.15);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-p5-591 { width:36px;height:36px;background:rgba(124,58,237,0.15);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-p5-592 { color:var(--t26-primary-light);font-size:.85rem; }
.t26-p5-593 { font-size:1.15rem; }
.t26-p5-594 { height:200px; }
.t26-p5-595 { object-fit:cover;transition:transform .4s ease; }
.t26-p5-596 { color:var(--t26-text);text-decoration:none;font-size:1rem;line-height:1.5;transition:color .2s; }
.t26-p5-597 { color:var(--t26-muted);font-size:.78rem; }
.t26-p5-598 { color:var(--t26-muted);font-size:.85rem;line-height:1.7;margin-top:10px;margin-bottom:0; }
.t26-p5-599 { padding:12px 16px 16px;border-top:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:space-between; }
.t26-p5-600 { width:28px;height:28px;border-radius:50%;background:var(--t26-gradient);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff; }
.t26-p5-601 { font-size:.72rem;font-weight:600;background:rgba(124,58,237,0.15);color:#A78BFA;border:1px solid rgba(124,58,237,0.25);border-radius:20px;padding:3px 10px;text-decoration:none; }
.t26-p5-602 { vertical-align:middle; }
.t26-p5-603 { padding:8px 18px;border-radius:9px;text-decoration:none;font-size:.875rem; }
.t26-p5-604 { color:var(--t26-muted);max-width:520px;margin:0 auto; }
.t26-p5-605 { position:relative;z-index:1;padding-bottom:80px; }
.t26-p5-606 { display:inline-flex;gap:.5rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:50px;padding:.4rem; }
.t26-p5-607 { position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#10B981,#059669);color:#fff;border-radius:20px;padding:.1rem .5rem;font-size:.65rem;font-weight:700;white-space:nowrap; }
.t26-p5-608 { color:var(--t26-muted);margin:0; }
.t26-p5-609 { padding:80px 0 0; }
.t26-p5-610 { font-size:clamp(1.6rem,3vw,2.5rem); }
.t26-p5-611 { overflow:hidden;border-radius:0 0 16px 16px; }
.t26-p5-612 { max-height:200px;object-fit:cover; }
.t26-p5-613 { min-height:38px; }
.t26-p5-614 { padding:10px;border-radius:10px; }
.t26-p5-615 { height:500px; }
.t26-p5-616 { color:var(--t26-text);box-shadow:none;min-width:220px; }
.t26-p5-617 { background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:6px;padding:3px 10px;font-size:.8rem; }
.t26-p5-618 { background:rgba(124,58,237,0.15);color:#a78bfa;border:1px solid rgba(124,58,237,0.3);border-radius:6px;padding:3px 10px;font-size:.8rem; }
.t26-p5-619 { width:44px;height:44px;object-fit:cover;border:2px solid rgba(255,255,255,0.08); }
.t26-p5-620 { color:var(--t26-text);text-decoration:none; }
.t26-p5-621 { min-height:36px; }
.t26-p5-622 { color:var(--t26-text);font-size:.875rem;font-weight:600; }
.t26-p5-623 { opacity:.6; }
.t26-p5-624 { appearance:auto;height:180px; }
.t26-p5-625 { max-height:260px;overflow:auto; }
.t26-p5-626 { border-bottom:1px solid rgba(255,255,255,0.06);min-height:38px; }
.t26-p5-627 { color:var(--t26-text);text-decoration:none;font-size:.85rem; }
.t26-p5-628 { height:320px; }
.t26-p5-629 { color:var(--t26-text);font-size:1.1rem; }
.t26-p5-630 { color:#7C3AED;text-decoration:none; }
.t26-p5-631 { padding:9px 16px;border-radius:9px;font-size:.85rem;text-decoration:none; }
.t26-p5-632 { padding:10px 20px;border-radius:11px;font-size:.9rem;border:none;cursor:pointer; }
.t26-p5-633 { display:flex;align-items:center;gap:8px; }
.t26-p5-634 { background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.15);border-radius:6px;padding:4px 8px;font-family:monospace;font-size:.78rem;color:var(--t26-muted); }
.t26-p5-635 { color:#7C3AED;font-size:.75rem;text-decoration:none; }
.t26-p5-636 { padding:14px 20px;border:none;vertical-align:middle;font-size:.85rem;color:var(--t26-muted); }
.t26-p5-637 { color:var(--t26-muted);font-size:.82rem; }
.t26-p5-638 { padding:14px 20px;border:none;vertical-align:middle;font-size:.82rem;color:var(--t26-muted); }
.t26-p5-639 { font-size:.78rem;padding:5px 12px;border-radius:7px;background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);color:#F87171;text-decoration:none;white-space:nowrap;transition:all .2s; }
.t26-p5-640 { padding:48px 20px;text-align:center; }
.t26-p5-641 { width:48px;height:48px;background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-642 { color:#A78BFA; }
.t26-p5-643 { color:var(--t26-muted);font-size:.87rem;margin:0; }
.t26-p5-644 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:8px;padding:7px 9px; }
.t26-p5-645 { background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-646 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center; }
.t26-p5-647 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0; }
.t26-p5-648 { display:block;padding:8px 14px;font-size:.82rem;color:#F87171;text-decoration:none; }
.t26-p5-649 { font-size:.82rem;color:var(--t26-muted);line-height:1.65;margin-bottom:16px; }
.t26-p5-650 { font-size:.79rem; }
.t26-p5-651 { position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:.75rem;padding:4px 10px;border-radius:7px;background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);color:var(--t26-accent);text-decoration:none;white-space:nowrap; }
.t26-p5-652 { border-left:3px solid rgba(124,58,237,0.4); }
.t26-p5-653 { color:var(--t26-muted);font-size:.82rem;line-height:1.75;padding-left:1.2rem;margin:0; }
.t26-p5-654 { padding:8px;border-radius:9px;font-size:.82rem;text-decoration:none; }
.t26-p5-655 { padding:9px 24px;border-radius:9px;border:none;cursor:pointer; }
.t26-p5-656 { padding:9px 24px;border-radius:9px; }
.t26-p5-657 { padding:9px 24px;border-radius:9px;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.3);color:#F87171;cursor:pointer; }
.t26-p5-658 { font-size:3rem;color:var(--t26-muted);opacity:.3; }
.t26-p5-659 { color:var(--t26-muted);font-size:.9rem;margin-bottom:0; }
.t26-p5-660 { padding:20px 24px;border-bottom:1px solid rgba(255,255,255,0.06); }
.t26-p5-661 { width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,rgba(124,58,237,0.3),rgba(6,182,212,0.3));border:1px solid rgba(124,58,237,0.3);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-p5-662 { font-size:.85rem;color:var(--t26-accent); }
.t26-p5-663 { color:var(--t26-muted);font-size:.85rem;line-height:1.6;margin-bottom:8px; }
.t26-p5-664 { font-size:.75rem;color:var(--t26-muted);opacity:.7; }
.t26-p5-665 { width:28px;height:28px;border-radius:6px;background:'+bg+';border:1px solid '+border+';'
                    +'display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;'
                    +todayRing
                    +'cursor:'+(hasCnt?'pointer':'default')+';transition:transform .12s,box-shadow .12s; }
.t26-p5-666 { color:#10B981;font-size:1.2rem; }
.t26-p5-667 { color:var(--t26-muted);font-size:.9rem;margin-bottom:1rem; }
.t26-p5-668 { color:var(--t26-muted);font-size:.9rem;margin-bottom:2rem; }
.t26-p5-669 { padding:.6rem; }
.t26-p5-670 { color:#EF4444;font-weight:600; }
.t26-p5-671 { color:#10B981;font-weight:600; }
.t26-p5-672 { color:#7C3AED;font-weight:600; }
.t26-p5-673 { color:var(--t26-muted);font-size:.8rem;margin-top:.25rem; }
.t26-p5-674 { border-bottom:1px solid rgba(255,255,255,0.05); }
.t26-p5-675 { padding:14px 20px;border:none;font-weight:600; }
.t26-p5-676 { background:rgba(245,158,11,0.15);color:#F59E0B;border:1px solid rgba(245,158,11,0.3);border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:600; }
.t26-p5-677 { background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:600; }
.t26-p5-678 { background:rgba(239,68,68,0.15);color:#EF4444;border:1px solid rgba(239,68,68,0.3);border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:600; }
.t26-p5-679 { font-size:2rem;font-weight:800;background:linear-gradient(135deg,#7C3AED,#06B6D4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-dyn-bg { background-color:var(--t26-bg); }
.t26-dyn-color { color:var(--t26-color); }
.t26-dyn-w { width:var(--t26-dyn-w); }

/* ── Pass-5b: dynamic custom-property classes ── */
.t26-bio-mode-active { background:rgba(124,58,237,0.2); border-color:rgba(124,58,237,0.5); }
.t26-dyn-poll { background-color:var(--t26-poll-bg); color:var(--t26-poll-c); }
.t26-dyn-poll-btn { background-color:var(--t26-poll-btnbg); color:var(--t26-poll-btnc); }
.t26-poll-bar { background:var(--t26-gradient-text); height:100%; width:var(--t26-dyn-w); border-radius:6px; }
.t26-dyn-label { background-color:var(--t26-label-bg); color:var(--t26-label-c); }
.t26-dyn-msg-btn { display:var(--t26-msg-d, inline-block); background-color:var(--t26-msg-btnbg); color:var(--t26-msg-btnc); }
.t26-dyn-profile-bg { background-color:var(--t26-pbg); background-image:var(--t26-pbgi, none); background-size:cover; }
.t26-domain-tab { border-radius:9px; text-decoration:none; border:1px solid var(--t26-dtbd); background:var(--t26-dtbg); color:var(--t26-text); font-size:.875rem; transition:all .2s; }
.t26-sidebar-ch-inactive { background:rgba(124,58,237,0.06); border:1px solid rgba(124,58,237,0.12); }
.t26-avatar-overlap { margin-left:-8px; }
.t26-progress-bar { height:100%; background:linear-gradient(135deg,#7C3AED,#06B6D4); border-radius:8px; width:var(--t26-dyn-w); }
.t26-widget-icon { background:var(--t26-wibg); border:1px solid var(--t26-wibd); border-radius:9px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px; overflow:hidden; }
.t26-widget-icon i { color:var(--t26-wic,#A78BFA); font-size:1rem; line-height:1; }
.t26-widget-icon img { width:22px; height:22px; object-fit:contain; }


/* ====== DASHBOARD (user/index) ====== */
@keyframes db-fade-up   { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
@keyframes db-bar-fill  { from{width:0%} }
@keyframes db-pulse-ring{ 0%{transform:scale(1);opacity:.6} 100%{transform:scale(1.8);opacity:0} }
@keyframes db-shimmer   { 0%{background-position:-400px 0} 100%{background-position:400px 0} }
@keyframes db-float     { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
.db-section { opacity:0; animation:db-fade-up .5s ease both; }
.db-card { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:20px; position:relative; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.db-card:hover { transform:translateY(-3px); box-shadow:0 12px 40px rgba(0,0,0,.25); border-color:rgba(124,58,237,.3); }
.db-card::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(124,58,237,.05) 0%,rgba(6,182,212,.02) 100%); opacity:0; transition:opacity .25s; pointer-events:none; }
.db-card:hover::before { opacity:1; }
.db-stat-icon { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.db-counter { font-size:1.85rem; font-weight:800; line-height:1; background:var(--t26-gradient-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; font-variant-numeric:tabular-nums; }
.db-progress-bar  { height:5px; border-radius:99px; background:rgba(255,255,255,.07); overflow:hidden; margin-top:10px; }
.db-progress-fill { height:100%; border-radius:99px; background:var(--t26-gradient); animation:db-bar-fill .9s cubic-bezier(.4,0,.2,1) both; }
.db-live-dot { width:8px; height:8px; border-radius:50%; background:#10B981; position:relative; flex-shrink:0; }
.db-live-dot::after { content:''; position:absolute; inset:-3px; border-radius:50%; background:rgba(16,185,129,.35); animation:db-pulse-ring 1.4s cubic-bezier(.4,0,.6,1) infinite; }
.db-activity-item { border-radius:12px; padding:12px 14px; border:1px solid rgba(255,255,255,.05); background:rgba(255,255,255,.025); transition:background .2s, border-color .2s; margin-bottom:8px; }
.db-activity-item:hover { background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.1); }
.db-aud-bar  { height:6px; border-radius:99px; background:rgba(255,255,255,.07); overflow:hidden; }
.db-aud-fill { height:100%; border-radius:99px; background:var(--t26-gradient); animation:db-bar-fill .8s cubic-bezier(.4,0,.2,1) both; }
.db-quick-btn { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:20px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); text-decoration:none; color:var(--t26-text); transition:transform .2s, background .2s, border-color .2s, box-shadow .2s; cursor:pointer; }
.db-quick-btn:hover { transform:translateY(-3px); background:rgba(124,58,237,.1); border-color:rgba(124,58,237,.3); box-shadow:0 8px 24px rgba(124,58,237,.15); color:var(--t26-text); }
.db-quick-btn .db-quick-icon { width:42px; height:42px; border-radius:12px; background:rgba(124,58,237,.15); display:flex; align-items:center; justify-content:center; transition:background .2s; }
.db-quick-btn:hover .db-quick-icon { background:rgba(124,58,237,.25); }
.db-welcome-card { background:linear-gradient(135deg,rgba(124,58,237,.18) 0%,rgba(6,182,212,.08) 100%); border:1px solid rgba(124,58,237,.25); border-radius:20px; padding:24px 28px; position:relative; overflow:hidden; }
.db-welcome-card::before { content:''; position:absolute; right:-60px; top:-60px; width:200px; height:200px; border-radius:50%; background:radial-gradient(circle,rgba(124,58,237,.25) 0%,transparent 70%); pointer-events:none; }
.db-welcome-card::after  { content:''; position:absolute; right:40px; bottom:-40px; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle,rgba(6,182,212,.15) 0%,transparent 70%); pointer-events:none; }
.db-ring { transform:rotate(-90deg); transform-origin:50% 50%; }
.db-ring-track { fill:none; stroke:rgba(255,255,255,.07); stroke-width:4; }
.db-ring-fill  { fill:none; stroke-width:4; stroke-linecap:round; stroke:url(#ringGrad); transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1); }
.db-shorten-card { background:linear-gradient(135deg,rgba(124,58,237,.12) 0%,rgba(6,182,212,.06) 100%); border:1px solid rgba(124,58,237,.22); border-radius:20px; padding:28px; position:relative; overflow:hidden; margin-bottom:1.5rem; isolation:isolate; }
.db-shorten-card::before { content:''; position:absolute; right:-80px; top:-80px; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle,rgba(124,58,237,.18) 0%,transparent 70%); pointer-events:none; }
.db-shorten-card::after  { content:''; position:absolute; left:-40px; bottom:-60px; width:160px; height:160px; border-radius:50%; background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%); pointer-events:none; }
.db-shorten-inner { position:relative; z-index:1; }
.daterangepicker { background:var(--t26-bg2)!important; border:1px solid rgba(255,255,255,.1)!important; border-radius:14px!important; box-shadow:0 20px 60px rgba(0,0,0,.5)!important; color:var(--t26-text)!important; font-family:inherit!important; }
.daterangepicker::before, .daterangepicker::after { display:none!important; }
.daterangepicker .calendar-table { background:transparent!important; border:none!important; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { color:var(--t26-text)!important; border-radius:8px!important; }
.daterangepicker .calendar-table th { color:rgba(255,255,255,.4)!important; font-size:.72rem; text-transform:uppercase; letter-spacing:.05em; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background:rgba(124,58,237,.25)!important; color:#fff!important; }
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background:transparent!important; color:rgba(255,255,255,.15)!important; }
.daterangepicker td.in-range { background:rgba(124,58,237,.15)!important; color:var(--t26-text)!important; }
.daterangepicker td.active, .daterangepicker td.active:hover { background:linear-gradient(135deg,#7C3AED,#06B6D4)!important; color:#fff!important; border-radius:8px!important; }
.daterangepicker td.start-date.end-date { border-radius:8px!important; }
.daterangepicker td.start-date { border-radius:8px 0 0 8px!important; }
.daterangepicker td.end-date   { border-radius:0 8px 8px 0!important; }
.daterangepicker .drp-buttons { border-top:1px solid rgba(255,255,255,.08)!important; background:transparent!important; padding:12px 16px!important; }
.daterangepicker .btn-primary { background:linear-gradient(135deg,#7C3AED,#06B6D4)!important; border:none!important; border-radius:8px!important; font-size:.8rem!important; }
.daterangepicker .btn-default { background:rgba(255,255,255,.06)!important; border:1px solid rgba(255,255,255,.1)!important; color:var(--t26-text)!important; border-radius:8px!important; font-size:.8rem!important; }
.daterangepicker .ranges ul { padding:8px!important; }
.daterangepicker .ranges li { border-radius:8px!important; color:rgba(255,255,255,.65)!important; font-size:.8rem!important; padding:7px 12px!important; margin-bottom:2px!important; }
.daterangepicker .ranges li:hover { background:rgba(124,58,237,.2)!important; color:#fff!important; }
.daterangepicker .ranges li.active { background:rgba(124,58,237,.3)!important; color:#fff!important; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect { background:rgba(255,255,255,.06)!important; border:1px solid rgba(255,255,255,.1)!important; color:var(--t26-text)!important; border-radius:6px!important; font-size:.8rem!important; }
.daterangepicker .drp-calendar.left { border-right:1px solid rgba(255,255,255,.07)!important; }
.daterangepicker .drp-selected { color:rgba(255,255,255,.4)!important; font-size:.75rem!important; }