/* cspell:ignore TRIOSHOT Avant Satoshi Tajawal Csvg Crect */
/* ═══════════════════════════════════════════════════════════════════════════
   TRIOSHOT — DESIGN SYSTEM
   Aesthetic: Modern Editorial / Avant-Garde Luxury Tech
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── TOKENS ───────────────────────────────────────────────────────────────
   Rebased onto the TrioShot design system (trioshot.css). These local aliases
   now consume the canonical --ts-* tokens so there is a single source of truth;
   spacing/motion/fonts come straight from trioshot.css (incl. its responsive
   compression of --space-*). Do not reintroduce literal brand hexes here.      */
:root {
    /* Palette — mapped onto the brand spectrum */
    --obsidian:    var(--ts-gray-50);
    --obsidian-2:  var(--ts-gray-100);
    --obsidian-3:  var(--ts-gray-200);
    --surface:     var(--ts-white);
    --border:      var(--ts-gray-300);
    --border-lite: var(--ts-gray-200);
    --muted:       var(--ts-gray-500);
    --text:        var(--ts-gray-700);
    --text-bright: var(--ts-gray-900);
    --purple:      var(--ts-violet);
    --purple-dim:  var(--ts-violet-dim);
    --purple-light:var(--ts-violet-light);
    --teal:        var(--ts-teal);
    --teal-dim:    var(--ts-teal-dim);
    --cyan:        var(--ts-cyan);
    --cyan-dim:    var(--ts-cyan-dim);
    --cyan-bright: var(--ts-cyan-bright);
    /* Legacy alias — maps gold refs to violet so all existing var(--gold) calls resolve */
    --gold:        var(--ts-violet);
    --gold-dim:    var(--ts-violet-dim);
    /* --font-display, --font-body, --space-*, --ease-out come from trioshot.css */
}

/* Arabic / RTL uses the British Council Arabic brand face (with Tajawal/Cairo fallbacks) */
[dir="rtl"] {
  --font-display: var(--font-arabic);
  --font-body: var(--font-arabic);
}

/* ── RESET ──────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--font-body);
    font-weight: 400;
    color: var(--text);
    background: var(--obsidian);
    line-height: 1.7;
    overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
ul { list-style: none; }

/* ── TYPOGRAPHY ─────────────────────────────────────────────────────────── */
h1, h2, h3, h4 {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--text-bright);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.text-gold, .text-purple { color: var(--purple); }
.text-cyan { color: var(--cyan); }
.text-teal { color: var(--teal); }

/* ── BUTTONS ────────────────────────────────────────────────────────────── */
.btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.84rem 2rem;
    background: var(--ts-gradient-brand);
    color: var(--ts-white);
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: all 0.3s var(--ease-out);
    clip-path: var(--clip-notch);
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--purple-dim) 0%, var(--teal-dim) 100%);
    color: var(--ts-white);
    transform: translateY(-2px);
    box-shadow: var(--shadow-violet);
}

.btn-ghost {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.84rem 2rem;
    background: transparent;
    color: var(--text-bright);
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 0.9rem;
    letter-spacing: 0.04em;
    border: 1px solid var(--border-lite);
    cursor: pointer;
    transition: all 0.3s var(--ease-out);
}

.btn-ghost:hover {
    border-color: var(--purple);
    color: var(--purple);
}

.btn-lg { padding: 1rem 2.4rem; font-size: 1rem; }

/* ── NAVIGATION ─────────────────────────────────────────────────────────── */
#site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(var(--blur-glass));
    -webkit-backdrop-filter: blur(var(--blur-glass));
    border-bottom: 1px solid var(--border);
    transition: background 0.3s;
}

#main-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem 2rem;
}

.nav-logo {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 1.3rem;
    letter-spacing: 0.08em;
    color: var(--text-bright);
}

.logo-mark {
    color: var(--gold);
    font-size: 1.4rem;
}

.logo-accent { color: var(--purple); }

/* Brand logo image */
.ts-nav__logo {
    display: inline-flex;
    align-items: flex-start;
    height: 60px;
    width: 60px;
    overflow: hidden;
    position: relative;
}

.ts-nav__logo img {
    height: 120px;
    width: auto;
    object-fit: cover;
    object-position: top center;
    margin-top: -10px;
    display: block;
}

.logo-img {
    height: 120px;
    width: auto;
    display: block;
}

.logo-img-sm {
    height: 96px;
    width: auto;
    display: block;
}

.logo-img-lg {
    height: 200px;
    width: auto;
    display: block;
}

.nav-links {
    display: flex;
    gap: 2.4rem;
}

.nav-link {
    font-family: var(--font-body);
    font-weight: 500;
    font-size: 0.88rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted);
    transition: color 0.3s;
    position: relative;
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--purple);
    transition: width 0.3s var(--ease-out);
}

.nav-link:hover,
.nav-link.active {
    color: var(--text-bright);
}

.nav-link:hover::after,
.nav-link.active::after {
    width: 100%;
}

.nav-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
}

#lang-toggle {
    font-size: 0.8rem;
    padding: 0.4rem 1rem;
    border-color: var(--border);
}

.hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
}

.hamburger span {
    width: 24px;
    height: 2px;
    background: var(--text-bright);
    transition: all 0.3s;
}

/* ── NAVBAR DROPDOWNS ───────────────────────────────────────────────────── */
/* padding-bottom extends the <li> hit area to bridge the visual gap between
   the button and the menu — without it the cursor exits :hover in the gap. */
.ts-nav__dropdown { position: relative; padding-bottom: 0.74rem; }

.ts-nav__dropdown-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: .82rem;
    font-weight: var(--fw-medium);
    letter-spacing: var(--tracking-nav);
    text-transform: uppercase;
    color: var(--text-muted);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: color var(--duration);
    font-family: inherit;
}
.ts-nav__dropdown-btn:hover,
.ts-nav__dropdown-btn[aria-expanded="true"] { color: var(--text-strong); }

.ts-nav__chevron {
    flex-shrink: 0;
    transition: transform 0.2s var(--ease-out);
    stroke: currentColor;
}
.ts-nav__dropdown:hover .ts-nav__chevron,
.ts-nav__dropdown-btn[aria-expanded="true"] .ts-nav__chevron { transform: rotate(180deg); }

.ts-nav__dropdown-menu {
    position: absolute;
    top: 100%; /* gap is now covered by padding-bottom on the parent <li> */
    left: 50%;
    transform: translateX(-50%) translateY(-6px);
    min-width: 260px;
    background: var(--surface-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: var(--shadow-card);
    list-style: none;
    padding: .4rem;
    opacity: 0;
    pointer-events: none;
    /* Small delay on hide gives the cursor time to reach the menu */
    transition: opacity 0.15s 0.08s, transform 0.15s 0.08s var(--ease-out);
    z-index: 200;
}
.ts-nav__dropdown:hover .ts-nav__dropdown-menu,
.ts-nav__dropdown-btn[aria-expanded="true"] + .ts-nav__dropdown-menu {
    transition: opacity 0.15s, transform 0.15s var(--ease-out); /* no delay on show */
}
.ts-nav__dropdown:hover .ts-nav__dropdown-menu,
.ts-nav__dropdown-btn[aria-expanded="true"] + .ts-nav__dropdown-menu {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

.ts-nav__dropdown-menu li a {
    display: flex;
    align-items: center;
    gap: .74rem;
    padding: .6rem .8rem;
    border-radius: 7px;
    font-size: .84rem;
    color: var(--text);
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
    transition: background 0.15s;
}
.ts-nav__dropdown-menu li a:hover { background: var(--surface-sunken); color: var(--text-strong); }

.ts-nav__dropdown-menu li a strong { display: block; font-weight: 600; color: var(--text-strong); font-size: .84rem; margin-bottom: .04rem; }
.ts-nav__dropdown-menu li a small { display: block; font-size: .74rem; color: var(--text-muted); font-weight: 400; line-height: 1.3; }

.ts-nav__dd-icon {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(139, 92, 246, 0.09);
    color: var(--ts-violet);
}
.ts-nav__dd-icon svg { width: 17px; height: 17px; }

/* Currency selector — compact, sits left of the language toggle */
.ts-cur-form { display: inline-flex; align-items: center; margin: 0; }
.ts-cur-select {
    font: inherit;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .04em;
    color: var(--text-muted);
    background: transparent;
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: .3rem .4rem;
    cursor: pointer;
    appearance: auto;
}
.ts-cur-select:hover { color: var(--text-strong); border-color: var(--border-lite); }

/* Services flyout sub-dropdown inside About dropdown */
.ts-nav__has-sub { position: relative; }

.ts-nav__sub-trigger {
    display: flex !important;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
}

.ts-nav__sub-menu {
    position: absolute;
    left: 100%;
    top: -4px;
    min-width: 250px;
    background: var(--surface-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: var(--shadow-card);
    list-style: none;
    padding: .4rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s 0.08s;
    z-index: 300;
}

.ts-nav__has-sub:hover .ts-nav__sub-menu,
.ts-nav__has-sub:focus-within .ts-nav__sub-menu {
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0s;
}

.ts-nav__sub-menu li a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: .55rem .65rem;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.12s;
}
.ts-nav__sub-menu li a:hover { background: var(--surface-sunken); color: var(--text-strong); }
.ts-nav__sub-menu li a strong { display: block; font-weight: 600; color: var(--text-strong); font-size: .84rem; }
.ts-nav__sub-menu li a small { display: block; font-size: .74rem; color: var(--text-muted); font-weight: 400; line-height: 1.3; }

/* Mobile: nested "Services" sub-menu becomes a collapsible accordion too,
   with the SAME +/− toggle behavior as the top level (sub-sub consistency). */
@media (max-width: 768px) {
    .ts-nav__sub-trigger {
        justify-content: flex-start;
        gap: .5rem;
        width: 100%;
    }
    /* +/− marker at the END of the Services trigger (so its label/icon align with
       the sibling items); the desktop flyout chevron is hidden */
    .ts-nav__sub-trigger > svg:last-child { display: none; }
    .ts-nav__sub-trigger::after {
        content: "+";
        flex-shrink: 0;
        margin-inline-start: auto; /* end side: right in LTR, left in RTL */
        width: 16px; height: 16px;
        display: inline-flex; align-items: center; justify-content: center;
        font-size: 1rem; font-weight: 700; line-height: 1;
        border: 1px solid var(--border); border-radius: 4px;
        color: var(--text-muted);
        transition: color .15s, border-color .15s;
    }
    .ts-nav__sub-trigger[aria-expanded="true"]::after { content: "\2212"; color: var(--text-strong); border-color: var(--text-strong); }

    /* Collapsed by default; expands only when its trigger is toggled open. */
    .ts-nav__sub-menu {
        position: static;
        box-shadow: none;
        border: none;
        border-radius: 6px;
        min-width: 0;
        margin: 0 0 .3rem 0;
        padding: .1rem 0;
        /* one shade deeper than the parent panel to signal the extra level */
        background: rgba(0, 0, 0, .05);
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        pointer-events: none;
        transition: opacity .2s, max-height .3s var(--ease-out);
    }
    .ts-nav__sub-trigger[aria-expanded="true"] + .ts-nav__sub-menu {
        opacity: 1;
        max-height: 400px;
        pointer-events: auto;
    }
    /* neutralize the desktop hover-flyout on touch */
    .ts-nav__has-sub:hover .ts-nav__sub-menu { opacity: 0; max-height: 0; pointer-events: none; }
    .ts-nav__sub-trigger[aria-expanded="true"] + .ts-nav__sub-menu { opacity: 1 !important; max-height: 400px !important; pointer-events: auto !important; }
}

/* Mobile: dropdown stacks inline in the nav drawer */
@media (max-width: 768px) {
    .ts-nav__dropdown-btn {
        display: flex;
        width: 100%;
        padding: .6rem 0;
        font-size: .94rem;
        justify-content: flex-start;
        gap: .5rem;
    }
    /* Remove the desktop hover-bridge padding so parent rows line up with plain
       items (HOME / LIBRARY / BLOG) at an equal vertical rhythm. */
    .ts-nav__dropdown { padding-bottom: 0; }
    /* Replace the desktop chevron with the +/− tree marker at the END, so the
       label left-aligns with the plain items above and below it. */
    .ts-nav__dropdown-btn .ts-nav__chevron { display: none; }
    .ts-nav__dropdown-btn::after {
        content: "+";
        flex-shrink: 0;
        margin-inline-start: auto; /* push marker to the end (right in LTR, left in RTL) */
        width: 16px;
        height: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1;
        border: 1px solid var(--border);
        border-radius: 4px;
        color: var(--text-muted);
        transition: color .15s, border-color .15s;
    }
    .ts-nav__dropdown-btn[aria-expanded="true"]::after { content: "\2212"; color: var(--text-strong); border-color: var(--text-strong); }
    .ts-nav__dropdown-menu {
        position: static;
        transform: none !important;
        box-shadow: none;
        border: none;
        border-radius: 6px;
        margin: 0; /* collapsed dropdowns add no vertical gap */
        padding: 0;
        /* Expanded submenu on a subtly recessed panel, same indentation as parent */
        background: var(--surface-sunken);
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity 0.2s, max-height 0.3s var(--ease-out);
        pointer-events: none;
    }
    .ts-nav__dropdown-btn[aria-expanded="true"] + .ts-nav__dropdown-menu {
        opacity: 1;
        max-height: 500px;
        pointer-events: auto;
        margin: .1rem 0 .4rem;
        padding: .14rem 0;
    }
    .ts-nav__dropdown:hover .ts-nav__dropdown-menu { opacity: 0; max-height: 0; pointer-events: none; }
    .ts-nav__dropdown-btn[aria-expanded="true"] + .ts-nav__dropdown-menu { opacity: 1 !important; max-height: 500px !important; pointer-events: auto !important; }
    .ts-nav__dropdown-menu li a { padding: .44rem .6rem; border-radius: 5px; font-size: .88rem; }
    /* NOTE: the account-menu inline stacking is handled in a later media block
       (after the desktop .ts-nav__account rules) so it wins by source order. */
}

/* ── HERO CAROUSEL ──────────────────────────────────────────────────────── */
.hero-carousel {
    position: relative;
    min-height: 72vh;
    overflow: hidden;
}

/* Each slide occupies the full carousel area */
.hero-slide {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    padding: var(--space-lg) var(--space-md);
    padding-top: var(--space-lg);
    /* Left content — pushed further right */
    padding-left: max(10vw, var(--space-lg));
    opacity: 0;
    transition: opacity 0.7s ease;
    pointer-events: none;
}
.hero-slide--active {
    opacity: 1;
    pointer-events: auto;
    position: relative; /* active slide contributes to height */
}

/* Background layers */
.hero-slide__bg-img {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    z-index: 0;
}
.hero-slide__bg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.hero-slide__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* Grain & orbs layering */
.hero-grain {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 2;
}

.hero-content {
    position: relative;
    z-index: 4;
    max-width: 720px;
}

/* Navigation arrows */
.hero-carousel__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: background 0.2s;
    backdrop-filter: blur(8px);
}
.hero-carousel__arrow:hover { background: rgba(255,255,255,0.18); }
.hero-carousel__arrow--prev { left: 1.24rem; }
.hero-carousel__arrow--next { right: 1.24rem; }

/* Dot indicators */
.hero-carousel__dots {
    position: absolute;
    bottom: 1.4rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    gap: 0.4rem;
    align-items: center;
}
.hero-carousel__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.35);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background 0.2s, transform 0.2s;
}
.hero-carousel__dot--active {
    background: #fff;
    transform: scale(1.4);
}

/* ── HERO CONTENT (shared across slides) ───────────────────────────────── */

.hero-eyebrow {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 0.84rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: var(--space-sm);
    opacity: 0;
    animation: fadeUp 0.8s var(--ease-out) 0.2s forwards;
}

.hero-headline {
    font-size: clamp(3rem, 7vw, 5.4rem);
    margin-bottom: var(--space-md);
    opacity: 0;
    animation: fadeUp 0.8s var(--ease-out) 0.4s forwards;
}

.hero-gradient-text {
    background: linear-gradient(135deg, var(--purple) 0%, var(--teal) 50%, var(--cyan) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-sub {
    font-size: 1.14rem;
    color: var(--muted);
    max-width: 550px;
    margin-inline: auto;
    margin-bottom: var(--space-lg);
    text-align: center;
    opacity: 0;
    animation: fadeUp 0.8s var(--ease-out) 0.6s forwards;
}

.hero-cta-row {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    opacity: 0;
    animation: fadeUp 0.8s var(--ease-out) 0.8s forwards;
}

/* Hero orbs — ambient depth */
.hero-visual {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}

.hero-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.4;
}

.hero-orb-1 {
    width: 600px;
    height: 600px;
    background: var(--purple);
    top: -10%;
    right: -5%;
    animation: float 12s ease-in-out infinite;
}

.hero-orb-2 {
    width: 400px;
    height: 400px;
    background: var(--teal);
    bottom: 10%;
    right: 20%;
    animation: float 10s ease-in-out infinite reverse;
}

.hero-orb-3 {
    width: 300px;
    height: 300px;
    background: var(--purple-light);
    top: 30%;
    left: -8%;
    animation: float 14s ease-in-out infinite;
    opacity: 0.3;
}

/* ── SERVICES ───────────────────────────────────────────────────────────── */
.services {
    padding: var(--space-lg) var(--space-md) 4rem;
    max-width: 1400px;
    margin: 0 auto;
}

.section-header {
    text-align: center;
    max-width: 720px;
    margin-inline: auto;
    margin-bottom: var(--space-md);
}

.section-eyebrow {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 0.8rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--cyan);
    margin-bottom: 0.4rem;
}

.section-title {
    font-size: clamp(2rem, 4vw, 3.4rem);
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
}

.service-card {
    background: var(--surface);
    padding: var(--space-md);
    border: 1px solid var(--border);
    transition: all 0.5s var(--ease-out);
    position: relative;
    overflow: hidden;
}

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--purple), var(--teal));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s var(--ease-out);
}

.service-card:hover {
    background: var(--obsidian-3);
    transform: translateY(-4px);
    border-color: var(--border-lite);
}

.service-card:hover::before {
    transform: scaleX(1);
}

.service-card-accent {
    background: var(--obsidian-2);
    border-color: var(--gold-dim);
}

.service-icon {
    color: var(--gold);
    margin-bottom: var(--space-md);
}

.service-card h3 {
    font-size: 1.4rem;
    margin-bottom: var(--space-sm);
}

.service-card p {
    color: var(--muted);
    font-size: 0.94rem;
    line-height: 1.8;
}

/* ── PROOF / STATS ──────────────────────────────────────────────────────── */
.proof {
    padding: var(--space-lg) var(--space-md) 4rem;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.proof-stats {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    gap: var(--space-md);
}

.stat-number {
    font-family: var(--font-display);
    font-size: clamp(3rem, 5vw, 4rem);
    font-weight: 700;
    color: var(--text-bright);
    line-height: 1;
}

.stat-suffix {
    font-family: var(--font-display);
    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 300;
    color: var(--gold);
}

.stat-label {
    display: block;
    margin-top: 0.4rem;
    font-size: 0.84rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--muted);
}

/* ── CTA BANNER ─────────────────────────────────────────────────────────── */
.cta-banner {
    padding: var(--space-lg) var(--space-md) 4rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.cta-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.08) 0%, transparent 70%);
    pointer-events: none;
}

.cta-banner-content {
    position: relative;
    z-index: 1;
}

.cta-banner h2 {
    font-size: clamp(2rem, 4vw, 3rem);
    margin-bottom: var(--space-sm);
}

.cta-banner p {
    color: var(--muted);
    font-size: 1.1rem;
    margin-bottom: var(--space-md);
}

/* ── FOOTER ─────────────────────────────────────────────────────────────── */
#site-footer {
    background: var(--obsidian-2);
    border-top: 1px solid var(--border);
    padding: var(--space-lg) var(--space-md) var(--space-md);
}

.footer-grid {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: var(--space-lg);
}

.footer-brand img {
    height: 200px;
    max-width: 100%;
    width: auto;
    display: block;
    margin-bottom: 0.75rem;
}

.footer-brand .logo-mark {
    font-size: 2rem;
}

.footer-brand .logo-text {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: 0.08em;
}

.footer-tagline {
    color: var(--muted);
    margin-top: 0.4rem;
    font-size: 0.9rem;
}

.footer-col h4 {
    font-family: var(--font-display);
    font-size: 0.8rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--text-bright);
    margin-bottom: var(--space-sm);
}

.footer-col a {
    display: block;
    color: var(--muted);
    font-size: 0.9rem;
    margin-bottom: 0.6rem;
    transition: color 0.3s;
}

.footer-col a:hover { color: var(--purple); }

.footer-social-link {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
}
.footer-social-link svg { flex-shrink: 0; opacity: 0.7; }

.footer-bar {
    max-width: 1400px;
    margin: 0 auto;
    border-top: 1px solid var(--border);
    padding: 1.25rem var(--space-md);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
}

.footer-copy {
    margin: 0;
    font-size: 0.78rem;
    color: var(--muted);
}

.footer-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.footer-link {
    font-size: 0.78rem;
    color: var(--muted);
    transition: color 0.2s;
}

.footer-link:hover {
    color: var(--purple);
}

/* Cookie Consent Dialog */
.cookie-consent-box {
    position: fixed;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    max-width: 680px;
    margin: 0 auto;
    background: var(--surface-card, #fff);
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: var(--shadow-card, 0 10px 30px rgba(0,0,0,0.15));
    padding: 1.25rem 1.4rem;
    z-index: 1000;
}

.cookie-consent-title {
    margin: 0 0 0.5rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text-strong);
}

.cookie-consent-desc {
    margin: 0 0 1rem;
    font-size: 0.83rem;
    color: var(--text-muted);
    line-height: 1.55;
}

.cookie-consent-prefs {
    display: none;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
    border-top: 1px solid var(--border);
    padding-top: 0.9rem;
}

.cookie-consent-label {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    font-size: 0.82rem;
    color: var(--text-muted);
}

.cookie-consent-actions {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* ── ANIMATIONS ─────────────────────────────────────────────────────────── */
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(30px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes float {
    0%, 100% { transform: translate(0, 0); }
    50%      { transform: translate(20px, -30px); }
}

/* Scroll-triggered reveals */
[data-reveal] {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s var(--ease-out), transform 0.8s var(--ease-out);
}

[data-reveal].revealed {
    opacity: 1;
    transform: translateY(0);
}

/* ── RESPONSIVE ─────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .services-grid { grid-template-columns: 1fr; }
    .footer-grid   { grid-template-columns: 1fr 1fr 1fr; gap: 1.5rem; }
}

@media (max-width: 768px) {
    .nav-links,
    .nav-actions { display: none; }
    .hamburger   { display: flex; }

    .nav-links.open {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--obsidian);
        padding: var(--space-md);
        border-bottom: 1px solid var(--border);
        gap: 1rem;
    }

    .nav-actions.open {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: calc(100% + 200px);
        left: 0;
        right: 0;
        background: var(--obsidian);
        padding: 0 var(--space-md) var(--space-md);
        border-bottom: 1px solid var(--border);
    }

    .hero-slide { padding-top: 4rem; padding-left: var(--space-md); }
    .hero-headline { font-size: 2.4rem; }
    .proof-stats   { grid-template-columns: 1fr; gap: var(--space-lg); }
    .footer-grid   { grid-template-columns: 1fr; }
}

/* ── PAGE LAYOUTS & COMPONENTS ──────────────────────────────────────────── */

/* Page Hero */
.page-hero {
    position: relative;
    padding: var(--space-lg) var(--space-md) 4rem;
    text-align: center;
    border-bottom: 1px solid var(--border);
    overflow: hidden;
}

.page-hero-compact {
    padding-bottom: var(--space-lg);
}

.page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin: 0 auto;
}

/* About Page */
.about-story {
    padding: var(--space-lg) var(--space-md) 4rem;
    max-width: 1400px;
    margin: 0 auto;
}

.story-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-2xl);
    align-items: center;
}

.story-body {
    color: var(--muted);
    font-size: 1.1rem;
    margin-bottom: var(--space-sm);
    line-height: 1.8;
}

.story-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-md);
    padding: var(--space-md);
    background: var(--surface);
    border: 1px solid var(--border);
}

.metric-block {
    display: flex;
    flex-direction: column;
}

.metric-number {
    font-family: var(--font-display);
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--gold);
    line-height: 1;
}

.metric-label {
    font-size: 0.84rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 0.4rem;
}

.about-values {
    padding: var(--space-lg) var(--space-md) 4rem;
    background: var(--obsidian-2);
}

.values-grid {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: var(--border);
}

.value-card {
    background: var(--obsidian-2);
    padding: var(--space-md);
    transition: background 0.3s;
}

.value-card:hover {
    background: var(--obsidian-3);
}

.value-num {
    font-family: var(--font-display);
    color: var(--cyan);
    font-size: 0.9rem;
    font-weight: 500;
}

.value-card h3 {
    margin: var(--space-sm) 0;
    font-size: 1.2rem;
}

.value-card p {
    color: var(--muted);
    font-size: 0.94rem;
}

/* Work Page */
.work-cases {
    padding: var(--space-lg) var(--space-md) 4rem;
    max-width: 1400px;
    margin: 0 auto;
}

.cases-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.case-card {
    position: relative;
    background: var(--surface);
    padding: var(--space-md);
    border: 1px solid var(--border);
    min-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    transition: transform 0.5s var(--ease-out);
}

.case-card-wide {
    grid-column: 1 / -1;
    min-height: 300px;
}

.case-card:hover {
    transform: translateY(-4px);
    border-color: var(--gold-dim);
}

.case-tag {
    font-size: 0.8rem;
    color: var(--cyan);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: var(--space-xs);
    display: inline-block;
}

.case-card h3 {
    font-size: 2rem;
    margin-bottom: var(--space-sm);
}

.case-card p {
    color: var(--muted);
    margin-bottom: var(--space-md);
    max-width: 600px;
}

.case-stats {
    display: flex;
    gap: var(--space-md);
    border-top: 1px solid var(--border-lite);
    padding-top: var(--space-sm);
}

.case-stats span {
    font-size: 0.9rem;
    color: var(--muted);
}

.case-stats strong {
    color: var(--text-bright);
    font-weight: 600;
}

.work-process {
    padding: var(--space-lg) var(--space-md) 4rem;
    background: var(--obsidian-2);
}

.process-steps {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
}

.process-step {
    flex: 1;
}

.step-num {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--cyan);
    border-radius: 50%;
    color: var(--cyan);
    font-family: var(--font-display);
    font-size: 0.9rem;
    margin-bottom: var(--space-sm);
}

.process-connector {
    flex: 0 0 40px;
    height: 1px;
    background: var(--border);
    margin-top: 20px;
}

.process-step h3 {
    font-size: 1.2rem;
    margin-bottom: var(--space-sm);
}

.process-step p {
    color: var(--muted);
    font-size: 0.94rem;
}

/* Pricing Page */
.pricing-section {
    padding: var(--space-lg) var(--space-md) 4rem;
    max-width: 1400px;
    margin: 0 auto;
}

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
    align-items: center;
}

.pricing-card {
    background: var(--surface);
    border: 1px solid var(--border);
    padding: var(--space-md) var(--space-md);
    transition: transform 0.3s;
    position: relative;
}

.pricing-card-featured {
    background: var(--obsidian-3);
    border-color: var(--gold);
    padding: calc(var(--space-md) + 1rem) var(--space-md);
    z-index: 2;
}

.pricing-badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--gold);
    color: var(--obsidian);
    padding: 0.4rem 1.2rem;
    font-family: var(--font-display);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.pricing-header h3 {
    font-size: 1.4rem;
}

.pricing-desc {
    color: var(--muted);
    font-size: 0.9rem;
    margin-top: var(--space-xs);
}

.pricing-amount {
    margin: var(--space-md) 0;
    display: flex;
    align-items: flex-end;
    gap: 0.2rem;
}

.price-currency {
    font-size: 1rem;
    color: var(--muted);
    margin-bottom: 0.4rem;
}

.price-value {
    font-family: var(--font-display);
    font-size: 3.4rem;
    font-weight: 600;
    color: var(--text-bright);
    line-height: 1;
}

.price-period {
    color: var(--muted);
    margin-bottom: 0.4rem;
}

.pricing-custom {
    font-size: 2.4rem;
}

.pricing-features {
    margin-bottom: var(--space-md);
}

.pricing-features li {
    padding: 0.8rem 0;
    border-bottom: 1px solid var(--border-lite);
    font-size: 0.94rem;
    color: var(--text);
}

.pricing-features li:last-child {
    border-bottom: none;
}

.feature-muted {
    color: var(--muted) !important;
}

.btn-block {
    width: 100%;
    justify-content: center;
}

.pricing-faq {
    padding: var(--space-lg) var(--space-md) 4rem;
    max-width: 800px;
    margin: 0 auto;
}

.faq-list {
    border-top: 1px solid var(--border);
}

.faq-item {
    border-bottom: 1px solid var(--border);
}

.faq-item summary {
    padding: var(--space-md) 0;
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
    position: relative;
    padding-right: 2rem;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--purple);
    font-size: 1.4rem;
    font-weight: 300;
}

.faq-item[open] summary::after {
    content: '−';
}

.faq-item p {
    padding-bottom: var(--space-md);
    color: var(--muted);
    font-size: 0.94rem;
}

/* Contact Page */
.contact-section {
    padding: var(--space-lg) var(--space-md) 4rem;
    max-width: 1400px;
    margin: 0 auto;
}

.contact-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--space-2xl);
}

.contact-form-wrap h2 {
    font-size: 2rem;
    margin-bottom: var(--space-xs);
}

.form-subtitle {
    color: var(--muted);
    margin-bottom: var(--space-lg);
}

.lead-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.form-row {
    display: flex;
    gap: var(--space-md);
}

.form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.form-group-full {
    flex: 1 1 100%;
}

.lead-form label {
    font-size: 0.84rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text);
}

.lead-form input,
.lead-form textarea {
    background: var(--obsidian-2);
    border: 1px solid var(--border);
    padding: 1rem;
    color: var(--text-bright);
    font-family: var(--font-body);
    font-size: 1rem;
    transition: border-color 0.3s;
}

.lead-form input:focus,
.lead-form textarea:focus {
    outline: none;
    border-color: var(--cyan);
}

.contact-info {
    padding: var(--space-md);
    background: var(--obsidian-2);
    border: 1px solid var(--border);
    height: fit-content;
}

.info-block {
    margin-bottom: var(--space-lg);
}

.info-block:last-child {
    margin-bottom: 0;
}

.info-block h4 {
    font-family: var(--font-display);
    color: var(--gold);
    font-size: 0.84rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: var(--space-sm);
}

.info-block p,
.info-block a {
    color: var(--text);
    font-size: 1rem;
}

.info-block a:hover {
    color: var(--cyan);
}

.social-links {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

/* Responsive updates for new pages */
@media (max-width: 1024px) {
    .story-grid { grid-template-columns: 1fr; }
    .values-grid { grid-template-columns: repeat(2, 1fr); }
    .pricing-grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }
    .pricing-card-featured { padding: var(--space-md) var(--space-md); }
    .contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .values-grid { grid-template-columns: 1fr; }
    .cases-grid { grid-template-columns: 1fr; }
    .process-steps { flex-direction: column; }
    .process-connector { width: 1px; height: 30px; margin: 0 0 0 20px; }
    .form-row { flex-direction: column; gap: var(--space-md); }

    /* Nav drawer: forms + their buttons (lang toggle, login, demo) go full-width */
    .ts-nav__actions form,
    .ts-nav__actions form > .ts-btn { width: 100%; }
    /* Hero CTAs stack full-width on phones */
    .hero-cta-row { flex-direction: column; }
    .hero-cta-row > .btn-primary,
    .hero-cta-row > .btn-ghost { width: 100%; justify-content: center; }
}

/* ── Native <dialog> — centered + dark backdrop ─────────────────────── */
dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    max-height: 88vh;
    overflow-y: auto;
}
dialog::backdrop {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(3px);
}

/* ── Public-site floating widgets (site-assistant.js) ────────────────────
   Two floating buttons in the bottom-right corner:
   • .ts-bubble       — opens the AI assistant panel (always present)
   • .ts-totop        — appears after scrolling, scrolls to top smoothly
   On RTL pages both mirror to the bottom-left automatically.            */
.ts-bubble {
    position: fixed; bottom: 1.4rem; inset-inline-end: 1.4rem; z-index: 90;
    width: 56px; height: 56px; border-radius: 50%; border: none;
    background: var(--ts-gradient-brand); color: #fff;
    box-shadow: var(--shadow-violet); cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: transform .2s var(--ease-out), box-shadow .2s;
}
.ts-bubble:hover { transform: translateY(-3px); box-shadow: 0 12px 36px rgba(139,92,246,0.5); }
.ts-bubble svg { width: 26px; height: 26px; }
.ts-bubble__spark { position: absolute; top: -4px; inset-inline-end: -4px; font-size: 14px; background: #fff; color: var(--ts-violet); width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(16,24,40,0.15); }
.ts-bubble[hidden] { display: none; }

.ts-bubble-panel {
    position: fixed; bottom: 1.4rem; inset-inline-end: 1.4rem; z-index: 95;
    width: min(380px, calc(100vw - 2rem)); height: min(560px, calc(100vh - 3rem));
    background: var(--surface); border: 1px solid var(--border); border-radius: 12px;
    box-shadow: 0 20px 60px rgba(16,24,40,0.18);
    display: flex; flex-direction: column; overflow: hidden;
}
.ts-bubble-panel[hidden] { display: none; }
.ts-bubble-panel__head { display: flex; align-items: center; justify-content: space-between; padding: 0.84rem 1rem; background: var(--ts-gradient-brand); color: #fff; }
.ts-bubble-panel__meta { font-size: 0.72rem; opacity: 0.85; margin-top: 0.14rem; }
.ts-bubble-panel__close { background: transparent; border: none; color: #fff; font-size: 1.6rem; line-height: 1; padding: 0 0.4rem; cursor: pointer; }
.ts-bubble-panel__log { flex: 1; overflow-y: auto; padding: 1rem; display: flex; flex-direction: column; gap: 0.6rem; background: var(--obsidian); }
.ts-bubble-msg { padding: 0.54rem 0.8rem; border-radius: 10px; font-size: 0.9rem; line-height: 1.45; max-width: 88%; white-space: pre-wrap; word-wrap: break-word; }
.ts-bubble-msg--user { background: rgba(139,92,246,0.12); align-self: flex-end; color: var(--text-bright); }
.ts-bubble-msg--assistant { background: var(--surface); border: 1px solid var(--border-lite); align-self: flex-start; color: var(--text); }
.ts-bubble-panel__form { display: flex; gap: 0.4rem; padding: 0.74rem; border-top: 1px solid var(--border); background: var(--surface); }
.ts-bubble-panel__form textarea { flex: 1; padding: 0.54rem 0.7rem; border: 1px solid var(--border); border-radius: 8px; font: inherit; resize: none; background: var(--obsidian); }

.ts-totop {
    position: fixed; bottom: calc(1.4rem + 56px + 0.74rem); inset-inline-end: 1.84rem; z-index: 89;
    width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--border);
    background: var(--surface); color: var(--text-bright);
    box-shadow: 0 4px 12px rgba(16,24,40,0.12); cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    opacity: 0; transform: translateY(8px); pointer-events: none;
    transition: opacity .25s, transform .25s;
}
.ts-totop.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
.ts-totop:hover { color: var(--ts-violet); border-color: var(--ts-violet); }
.ts-totop svg { width: 20px; height: 20px; }
@media (max-width: 540px) {
    .ts-bubble { width: 50px; height: 50px; }
    .ts-bubble svg { width: 22px; height: 22px; }
    .ts-bubble-panel { width: calc(100vw - 1.4rem); inset-inline-end: 0.74rem; bottom: 0.74rem; height: min(70vh, 500px); }
    .ts-totop { width: 38px; height: 38px; bottom: calc(0.74rem + 50px + 0.4rem); inset-inline-end: 1rem; }
}

/* ═══════════════════════════════════════════════════════════════════
   LEARNING PATHS — Public pages
   ═══════════════════════════════════════════════════════════════════ */
.paths-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.path-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.28s var(--ease-out), box-shadow 0.28s var(--ease-out);
    display: flex;
    flex-direction: column;
}

.path-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(139, 92, 246, 0.15);
    border-color: rgba(139, 92, 246, 0.3);
}

.path-card-thumb {
    height: 160px;
    overflow: hidden;
}

.path-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.path-card-thumb--gradient {
    background: linear-gradient(135deg, rgba(139,92,246,0.25) 0%, rgba(45,212,191,0.15) 100%);
}

.path-card-body {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.75rem;
}

.path-type-badge {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border: 1px solid;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    width: fit-content;
}

.path-card-title {
    font-size: 1.1rem;
    margin: 0;
}

.path-card-desc {
    color: var(--muted);
    font-size: 0.88rem;
    line-height: 1.6;
    margin: 0;
}

.path-card-meta {
    display: flex;
    gap: 1rem;
    font-size: 0.8rem;
    color: var(--muted);
}

.path-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border);
}

.path-price { font-size: 1rem; }

/* PathDetail */
.path-detail-grid {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: var(--space-md);
    max-width: 1100px;
    margin: 0 auto;
    align-items: start;
}

.path-courses-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.path-course-item {
    display: flex;
    gap: 1.25rem;
    padding: 1.25rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    transition: border-color 0.2s;
}

.path-course-item:hover { border-color: rgba(139,92,246,0.3); }

.path-course-num {
    width: 36px;
    height: 36px;
    min-width: 36px;
    background: linear-gradient(135deg, var(--ts-violet), var(--ts-teal));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.82rem;
    color: #fff;
}

.path-course-content { flex: 1; }
.path-course-title { font-size: 1rem; margin: 0 0 0.35rem; }
.path-course-desc { color: var(--muted); font-size: 0.85rem; line-height: 1.5; margin: 0 0 0.5rem; }
.path-course-meta { display: flex; gap: 1rem; font-size: 0.78rem; color: var(--muted); }

.path-enroll-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: var(--space-md);
}

.path-enroll-price {
    text-align: center;
    margin-bottom: 1.25rem;
}

.path-price-amount {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--text-bright);
}

.path-price-currency {
    font-size: 1rem;
    color: var(--muted);
    margin-left: 0.25rem;
}

.path-price-label {
    font-size: 2rem;
    font-weight: 700;
    color: var(--ts-teal);
}

.path-enroll-features {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.path-enroll-features li {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.88rem;
    color: var(--text);
}

@media (max-width: 800px) {
    .path-detail-grid { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════════════════════════
   CASE STUDY — Public detail page (light design system)
   ═══════════════════════════════════════════════════════════════════ */
.cs-stats-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-md);
    padding: var(--space-md);
    border-bottom: 1px solid var(--border);
}

.cs-stat-value {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    line-height: 1;
    color: var(--purple);
}

.cs-stat-label {
    font-size: 0.85rem;
    color: var(--muted);
    margin-top: 0.25rem;
}

/* Account dropdown — right-aligned, no translateX offset */
.ts-nav__dropdown-menu--right {
    left: auto;
    right: 0;
    transform: translateY(-6px);   /* override: no translateX(-50%) */
}

.ts-nav__dropdown:hover .ts-nav__dropdown-menu--right,
.ts-nav__dropdown-btn[aria-expanded="true"] + .ts-nav__dropdown-menu--right {
    transform: translateY(0);      /* override: no translateX(-50%) */
}

/* Account wrapper — compact; hover bridge is the padding-bottom on .ts-nav__dropdown */
.ts-nav__account {
    display: flex;
    align-items: center;
}

/* Account menu: tighter gap + longer hide delay for easier cursor travel */
.ts-nav__account .ts-nav__dropdown-menu {
    min-width: 210px;
    margin-top: -0.5rem;     /* close most of the padding-bottom visual gap */
    transition: opacity 0.15s 0.22s, transform 0.15s 0.22s var(--ease-out);
}

.ts-nav__account:hover .ts-nav__dropdown-menu {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.12s, transform 0.12s var(--ease-out);
}

/* Mobile override — MUST come after the desktop account rules above, because
   equal-specificity rules win by source order regardless of media query. On
   mobile the account menu stacks inline below its button like the others. */
@media (max-width: 768px) {
    .ts-nav__account { display: block; width: 100%; }
    .ts-nav__account .ts-nav__dropdown-menu {
        min-width: 0;
        margin-top: 0;
        transform: none !important;
    }
    .ts-nav__account:hover .ts-nav__dropdown-menu { opacity: 0; max-height: 0; pointer-events: none; }
    .ts-nav__account .ts-nav__dropdown-btn[aria-expanded="true"] + .ts-nav__dropdown-menu {
        opacity: 1 !important; max-height: 500px !important; pointer-events: auto !important;
    }
}

.ts-nav__dd-logout form { display: contents; }

.ts-nav__dd-logout button {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    padding: 0.6rem 1rem;
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-align: left;
}

.ts-nav__dd-logout button:hover {
    background: var(--surface-2, #f3f4f6);
}

.ts-nav__dd-logout button .ts-nav__dd-icon {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(239,68,68,0.09);
    color: var(--red, #ef4444);
}

.ts-nav__dd-logout button strong { color: var(--red, #ef4444); }

.article-hero {
    position: relative;
    min-height: 50vh;
    display: flex;
    align-items: center;
}

.cs-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.72) 100%);
    z-index: 1;
}

.article-hero .page-hero-content { color: #fff; }

.article-hero .hero-headline {
    color: #fff;
    text-shadow: 0 2px 16px rgba(0,0,0,0.45);
}

.article-hero .page-hero-content [style*="color:var(--muted)"],
.article-hero .page-hero-content span { color: rgba(255,255,255,0.75); }

.cs-results-html ul {
    padding-left: 1.5rem;
    list-style: disc;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.cs-results-html li { color: var(--text); }

/* ═══════════════════════════════════════════════════════════════════
   BLOG — Public pages
   ═══════════════════════════════════════════════════════════════════ */
.blog-featured-card {
    border-radius: 12px;
    overflow: hidden;
    min-height: 400px;
    display: flex;
    align-items: flex-end;
    position: relative;
    border: 1px solid var(--border);
}

.blog-featured-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(5,5,12,0.92) 0%, rgba(5,5,12,0.3) 60%, transparent 100%);
}

.blog-featured-content {
    position: relative;
    z-index: 1;
    padding: var(--space-md);
}

.blog-featured-link { display: block; }
.blog-featured-link:hover .blog-featured-card { transform: translateY(-2px); }

.blog-featured-content h2 { color: #fff; }
.blog-featured-content p  { color: rgba(255,255,255,0.78); }
.blog-featured-content span { color: rgba(255,255,255,0.9); }

.blog-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.25s var(--ease-out), box-shadow 0.25s var(--ease-out);
    display: flex;
    flex-direction: column;
}

.blog-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(139,92,246,0.1);
    border-color: rgba(139,92,246,0.25);
}

.article-text a { color: var(--ts-violet); text-decoration: underline; }
.article-text p { margin-bottom: 1rem; }
.article-text ul, .article-text ol { padding-left: 1.5rem; margin-bottom: 1rem; }
.article-text li { margin-bottom: 0.4rem; }
.article-text h2 { margin: 2rem 0 1rem; }
.article-text h3 { margin: 1.5rem 0 0.75rem; }

/* ts-pill extras for blog status */
.ts-pill--yellow { background: rgba(234,179,8,0.15); color: #ca8a04; border-color: rgba(234,179,8,0.4); }
.ts-pill--red { background: rgba(239,68,68,0.15); color: #dc2626; border-color: rgba(239,68,68,0.4); }
.ts-pill--green { background: rgba(34,197,94,0.15); color: #16a34a; border-color: rgba(34,197,94,0.4); }
.ts-pill--gray { background: rgba(107,114,128,0.12); color: var(--muted); border-color: rgba(107,114,128,0.25); }

/* ── Language toggle compact variant ──────────────────────────────────── */
.ts-lang-btn--sm {
    padding: 0.35rem 0.5rem;
    min-width: 0;
}

/* ── Latest Articles grid (homepage) ─────────────────────────────────── */
.latest-articles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-md);
}
.latest-article-card {
    background: var(--ts-white);
    border: 1px solid var(--border-lite);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
.latest-article-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(139,92,246,.10);
    border-color: rgba(139,92,246,.25);
}
.latest-article-card__img {
    display: block;
    height: 180px;
    background-size: cover;
    background-position: center;
    background-color: var(--obsidian-2);
}
.latest-article-card__body {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.5rem;
}
.latest-article-card__date {
    font-size: 0.75rem;
    color: var(--muted);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.latest-article-card__title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--text-bright);
    margin: 0;
}
.latest-article-card__title a { color: inherit; text-decoration: none; }
.latest-article-card__title a:hover { color: var(--purple); }
.latest-article-card__excerpt {
    font-size: 0.875rem;
    color: var(--muted);
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.latest-article-card__cta {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--purple);
    text-decoration: none;
    margin-top: auto;
    padding-top: 0.5rem;
}
.latest-article-card__cta:hover { text-decoration: underline; }

/* ── Assets store page ────────────────────────────────────────────────── */
.assets-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--space-md);
}
.asset-card {
    background: var(--ts-white);
    border: 1px solid var(--border-lite);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
.asset-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(139,92,246,.10);
    border-color: rgba(139,92,246,.25);
}
.asset-card__thumb {
    display: block;
    height: 160px;
    background-size: cover;
    background-position: center;
    background-color: var(--obsidian-2);
    background-image: linear-gradient(135deg, rgba(108, 71, 255, 0.25), rgba(0, 200, 150, 0.2));
    position: relative;
}
.asset-card__type-badge {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    background: rgba(0,0,0,.55);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}
.asset-card__body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.4rem;
}
.asset-card__title { font-size: 0.95rem; font-weight: 700; color: var(--text-bright); margin: 0; }
.asset-card__desc { font-size: 0.8rem; color: var(--muted); line-height: 1.4; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.asset-card__footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 0.75rem; border-top: 1px solid var(--border-lite); }
.asset-card__credit { font-size: 0.85rem; font-weight: 700; color: var(--purple); }
.asset-card__cta { font-size: 0.78rem; font-weight: 600; color: var(--purple); border: 1px solid var(--purple); padding: 0.3rem 0.7rem; border-radius: 5px; text-decoration: none; }
.asset-card__cta:hover { background: var(--purple); color: #fff; }

/* ═══════════════════════════════════════════════════════════════════════════
   SPRINT C — UTILITY CLASSES (extracted from inline styles)
   These replace all style="..." attributes in Razor views so that
   'unsafe-inline' can be removed from CSP style-src.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Display ─────────────────────────────────────────────────────────────── */
.d-none { display: none; }
.d-inline { display: inline; }
.d-block { display: block; }
.d-contents { display: contents; }

/* ── Flex layouts ────────────────────────────────────────────────────────── */
.flex-row { display: flex; }
.flex-col { display: flex; flex-direction: column; }
.flex-between { display: flex; justify-content: space-between; align-items: center; }
.flex-between-top { display: flex; justify-content: space-between; align-items: flex-start; }
.flex-wrap { flex-wrap: wrap; }
.flex-1 { flex: 1; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }

/* ── Grid layouts ────────────────────────────────────────────────────────── */
.grid-2col { display: grid; grid-template-columns: 1fr 1fr; }
.grid-3col { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.detail-grid { display: grid; grid-template-columns: auto 1fr; gap: 0.6rem 1.5rem; font-size: 0.9rem; }

/* ── Gap ─────────────────────────────────────────────────────────────────── */
.gap-xxs { gap: 0.25rem; }
.gap-xs { gap: 0.5rem; }
.gap-sm { gap: 0.75rem; }
.gap-md { gap: 1rem; }
.gap-lg { gap: 1.5rem; }
.gap-xl { gap: 2rem; }

/* ── Margins ─────────────────────────────────────────────────────────────── */
.m-0 { margin: 0; }
.mt-xs { margin-top: 0.25rem; }
.mt-sm { margin-top: 0.5rem; }
.mt-md { margin-top: 1rem; }
.mb-0 { margin-bottom: 0; }
.mb-xs { margin-bottom: 0.5rem; }
.mb-md { margin-bottom: 1rem; }
.mb-lg { margin-bottom: 1.5rem; }
.mb-xl { margin-bottom: 2rem; }
.mx-auto { margin-left: auto; margin-right: auto; }

/* ── Padding ─────────────────────────────────────────────────────────────── */
.p-0 { padding: 0; }
.p-compact { padding: 0.5rem 0.6rem; }
.py-lg { padding: var(--space-lg) 0; }
.px-md { padding-left: 1rem; padding-right: 1rem; }

/* ── Width / Sizing ──────────────────────────────────────────────────────── */
.w-full { width: 100%; }
.box-border { box-sizing: border-box; }
.resize-y { resize: vertical; }
.max-w-form { max-width: 680px; }
.max-w-detail { max-width: 720px; }
.max-w-wide { max-width: 800px; }
.container-narrow { max-width: 560px; margin: 0 auto; padding: var(--space-lg) var(--space-md); }

/* ── Typography ──────────────────────────────────────────────────────────── */
.text-xxs { font-size: 0.68rem; }
.text-xs { font-size: 0.78rem; }
.text-sm { font-size: 0.85rem; }
.text-base { font-size: 0.9rem; }
.text-lg { font-size: 1.1rem; }
.text-xl { font-size: 1.3rem; }
.text-mono { font-family: monospace; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-muted { color: var(--muted); }
.text-bright { color: var(--text-bright); }
.text-purple { color: var(--purple); }
.text-cyan { color: var(--cyan); }
.text-teal { color: var(--ts-teal); }
.text-danger { color: var(--danger); }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.tracking-wide { letter-spacing: 0.1em; }
.uppercase { text-transform: uppercase; }
.break-all { word-break: break-all; }
.lh-relaxed { line-height: 1.7; }

/* ── Field/section labels ────────────────────────────────────────────────── */
.field-label { display: block; font-size: 0.75rem; color: var(--muted); margin-bottom: 0.3rem; text-transform: uppercase; }
.section-label { font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); margin: 0 0 1rem; }
.label-strong { font-size: 0.8rem; font-weight: 600; color: var(--text-bright); }

/* ── Page elements ───────────────────────────────────────────────────────── */
.page-title { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; color: var(--text-bright); margin: 0 0 0.5rem; }
.page-subtitle { color: var(--muted); line-height: 1.7; margin: 0 0 1.5rem; }
.text-title-sm { font-size: 1.1rem; color: var(--text-bright); margin: 0; }
.text-amount { font-weight: 600; font-size: 1.3rem; color: var(--text-bright); }

/* ── Pills/badges ────────────────────────────────────────────────────────── */
.pill-sm { font-size: 0.78rem; padding: 0.35rem 0.7rem; }

/* ── Status indicators ───────────────────────────────────────────────────── */
.status-on { color: var(--ts-teal); font-weight: 600; }
.status-off { color: var(--danger); font-weight: 600; }
.icon-inline { vertical-align: -1px; margin-right: 3px; }
.checkbox-styled { width: 16px; height: 16px; accent-color: var(--cyan); }

/* ── Alerts/banners ──────────────────────────────────────────────────────── */
.alert-success-box { background: rgba(45,212,191,0.12); border: 1px solid rgba(45,212,191,0.25); color: var(--ts-success-ink); padding: 0.75rem 1rem; border-radius: 6px; }
.alert-danger-box { color: var(--danger); margin-bottom: 1rem; padding: 0.9rem 1.1rem; border: 1px solid var(--danger); border-radius: 8px; background: rgba(220,50,50,0.08); font-size: 0.9rem; }
.alert-success-inline { background: rgba(0,200,150,0.1); border: 1px solid rgba(0,200,150,0.3); border-radius: 8px; padding: 0.8rem 1.1rem; margin-bottom: 1rem; color: var(--ts-teal); font-size: 0.9rem; }
.alert-danger-inline { background: rgba(220,50,50,0.1); border: 1px solid rgba(220,50,50,0.3); border-radius: 8px; padding: 0.8rem 1.1rem; margin-bottom: 1rem; color: var(--danger); font-size: 0.9rem; }
.empty-state { text-align: center; color: var(--muted); padding: 3rem; }
.empty-state-sm { text-align: center; color: var(--muted); padding: 2rem; }

/* ── Code blocks ─────────────────────────────────────────────────────────── */
.code-block { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; font-family: monospace; font-size: 1.05rem; letter-spacing: 0.08em; color: var(--text-bright); word-break: break-all; margin: 0.6rem 0; padding: 0.8rem 1rem; }
.code-value { font-family: monospace; font-size: 1rem; letter-spacing: 0.06em; color: var(--text-bright); }
.pre-block { background: var(--surface-sunken); padding: 0.6rem; border-radius: 4px; font-size: 0.8rem; overflow: auto; }

/* ── 2FA specific ────────────────────────────────────────────────────────── */
.recovery-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; padding: 1rem; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; margin-bottom: 1.5rem; }
.form-inline-narrow { display: flex; flex-direction: column; gap: 0.75rem; max-width: 280px; }

/* ── Validation messages ─────────────────────────────────────────────────── */
.validation-box { color: var(--ts-danger); margin-bottom: 1rem; padding: 0.75rem 1rem; border: 1px solid var(--ts-danger); background: rgba(255,107,107,0.1); border-radius: 6px; }

/* ── Generated fallback classes (Sprint C) ─────────────────── */
.u-f18de1 { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.5rem }
.u-3207e3 { color:var(--purple); font-size:0.85rem }
.u-8390a1 { font-size:0.88rem }
.u-bd80de { vertical-align:-2px; margin-right:0.4rem }
.u-e799e9 { background:#fff; border:2px solid #e0e0e0; border-radius:16px; max-width:800px; margin:0 auto; padding:4rem; text-align:center; position:relative; box-shadow:0 8px 40px rgba(0,0,0,0.12) }
.u-537db9 { position:absolute; inset:12px; border:1px solid #c9b8f0; border-radius:10px; pointer-events:none }
.u-c1adc3 { height:48px }
.u-80884b { font-size:0.75rem; letter-spacing:0.15em; text-transform:uppercase; color:#7c3aed; font-weight:700; margin:0.4rem 0 0 }
.u-5f8fd3 { font-size:0.85rem; letter-spacing:0.1em; text-transform:uppercase; color:#888; margin:0 0 1rem }
.u-aac964 { font-size:1.5rem; font-weight:300; color:#1a1a2e; margin:0 0 0.5rem }
.u-b9918a { font-size:2rem; font-weight:800; color:#7c3aed; margin:0.5rem 0 1rem; word-break:break-all }
.u-6ddd33 { font-size:1rem; color:#444; margin:0 0 0.5rem }
.u-4c2f83 { font-size:1.6rem; font-weight:700; color:#1a1a2e; margin:0.5rem 0 1.5rem }
.u-812a46 { font-size:0.9rem; color:#666; margin:0 0 2.5rem }
.u-05c86a { display:flex; align-items:center; gap:1rem; margin-bottom:2rem }
.u-6989c7 { flex:1; height:1px; background:linear-gradient(to right,transparent,#c9b8f0) }
.u-1e467e { flex:1; height:1px; background:linear-gradient(to left,transparent,#c9b8f0) }
.u-831304 { font-size:0.72rem; color:#aaa; letter-spacing:0.08em; font-family:monospace; margin:0 0 0.4rem }
.u-27adba { font-size:0.68rem; color:#aaa; letter-spacing:0.04em; margin:0 }
.u-31549e { color:#7c3aed }
.u-85d53c { max-width:800px; margin:1.5rem auto 0; display:flex; gap:.75rem; justify-content:center; align-items:center; flex-wrap:wrap }
.u-c4945b { text-align:center; margin-top:1.5rem }
.u-a46309 { background:rgba(0,200,150,0.1); border:1px solid rgba(0,200,150,0.3); border-radius:8px; padding:0.8rem 1.2rem; margin:1rem auto; max-width:1100px; color:var(--ts-teal); font-size:0.9rem }
.u-cca077 { background:rgba(220,50,50,0.1); border:1px solid rgba(220,50,50,0.3); border-radius:8px; padding:0.8rem 1.2rem; margin:1rem auto; max-width:1100px; color:var(--danger); font-size:0.9rem }
.u-d9ea25 { background:rgba(100,100,255,0.1); border:1px solid rgba(100,100,255,0.3); border-radius:8px; padding:0.8rem 1.2rem; margin:1rem auto; max-width:1100px; color:var(--purple); font-size:0.9rem }
.u-fb0597 { position:absolute; inset:0; background:linear-gradient(to bottom,transparent 30%,var(--bg) 100%) }
.u-e262d6 { padding:var(--space-lg) 0; display:grid; grid-template-columns:1fr 320px; gap:2rem; align-items:start }
.u-c87310 { color:var(--purple); font-size:0.82rem; display:inline-block; margin-bottom:1rem }
.u-aa1fe2 { display:flex; gap:0.5rem; flex-wrap:wrap; margin-bottom:0.75rem }
.u-edb437 { font-size:clamp(1.5rem,3vw,2.2rem); font-weight:800; color:var(--text-bright); margin:0 0 1rem; text-align:center }
.u-ddddf8 { font-size:1rem; color:var(--muted); margin:0 0 1.5rem; line-height:1.6 }
.u-dfb141 { font-size:0.85rem; color:var(--muted); margin:0 0 1.5rem }
.u-ec768a { color:var(--text-bright); font-weight:600 }
.u-a163c4 { display:flex; justify-content:space-between; font-size:0.8rem; color:var(--muted); margin-bottom:0.4rem }
.u-3dca4c { background:var(--border); border-radius:99px; height:8px; overflow:hidden }
.u-9c570f { font-size:1rem; font-weight:700; color:var(--text-bright); margin:0 0 1rem; letter-spacing:0.02em }
.u-e4df3d { border:1px solid var(--border); border-radius:10px; overflow:hidden }
.u-915d34 { padding:0.9rem 1.1rem; background:var(--surface); display:flex; justify-content:space-between; align-items:center }
.u-064e60 { font-weight:600; color:var(--text-bright); font-size:0.92rem }
.u-093dbd { font-size:0.75rem; color:var(--muted) }
.u-e4327c { padding:0.5rem 0 }
.u-ec9480 { color:var(--muted); font-size:0.88rem }
.u-44f171 { font-size:0.62rem; margin-left:auto }
.u-c384ba { font-size:0.75rem; color:var(--muted); margin-left:auto }
.u-61b4a6 { position:sticky; top:1.5rem }
.u-88c937 { text-align:center; padding:0.75rem 0 }
.u-a492a6 { font-size:2rem; font-weight:800; color:var(--ts-teal) }
.u-f9fe1e { font-size:2rem; font-weight:800; color:var(--purple) }
.u-3343bc { font-size:1rem; color:var(--muted); font-weight:400 }
.u-ba2978 { display:grid; grid-template-columns:1fr 1fr; gap:0.5rem; text-align:center }
.u-87087a { background:var(--surface); border-radius:8px; padding:0.6rem }
.u-0b06a5 { font-size:1.1rem; font-weight:700; color:var(--text-bright) }
.u-7c82ef { background:var(--surface); border-radius:6px; padding:0.6rem 0.8rem; font-size:0.8rem; color:var(--muted); display:flex; justify-content:space-between }
.u-aab071 { text-align:center; padding:0.75rem; background:rgba(0,200,150,0.1); border-radius:8px; color:var(--ts-teal); font-weight:600; font-size:0.9rem }
.u-c42041 { display:flex; justify-content:space-between; font-size:0.75rem; color:var(--muted); margin-bottom:0.3rem }
.u-2f7f7f { background:var(--border); border-radius:99px; height:6px }
.u-dea9f4 { width:100%; text-align:center; cursor:pointer }
.u-630224 { text-align:center; display:block }
.u-d356f8 { font-size:0.75rem; color:var(--muted); text-align:center; margin:0 }
.u-4d0656 { background:var(--obsidian); padding:var(--space-xl) 0 var(--space-lg); border-bottom:1px solid var(--border); text-align:center }
.u-da716c { display:flex; flex-direction:column; align-items:center }
.u-6c943a { font-size:0.75rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--purple); font-weight:600; margin:0 0 0.75rem }
.u-4afd4d { font-size:clamp(2rem,5vw,3.5rem); font-weight:800; color:var(--text-bright); margin:0 0 1rem; line-height:1.1 }
.u-3cd346 { color:var(--muted); font-size:1.05rem; max-width:560px; margin:0 0 2rem }
.u-57c048 { display:flex; gap:0.75rem; flex-wrap:wrap; align-items:center; justify-content:center }
.u-169141 { width:220px; background:var(--surface); border-color:var(--border) }
.u-e4e49c { display:flex; gap:0.4rem }
.u-4cc943 { cursor:pointer; text-decoration:none; padding:0.35rem 0.8rem }
.u-328ce5 { background:rgba(0,200,150,0.1); border:1px solid rgba(0,200,150,0.3); border-radius:8px; padding:0.8rem 1.2rem; margin:1.5rem auto; max-width:1100px; color:var(--ts-teal); font-size:0.9rem }
.u-4fc29d { background:rgba(220,50,50,0.1); border:1px solid rgba(220,50,50,0.3); border-radius:8px; padding:0.8rem 1.2rem; margin:1.5rem auto; max-width:1100px; color:var(--danger); font-size:0.9rem }
.u-cf54d8 { text-align:center; padding:var(--space-xl) 0; color:var(--muted) }
.u-f44fd9 { font-size:1.1rem; margin:0 0 0.5rem }
.u-7922d6 { color:var(--purple); font-size:0.9rem }
.u-1d8a97 { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.5rem }
.u-d68801 { background:var(--surface); border:1px solid var(--border); border-radius:12px; overflow:hidden; display:flex; flex-direction:column }
.u-9583e2 { width:100%; height:180px; object-fit:cover }
.u-c17413 { height:180px; background:linear-gradient(135deg,var(--purple),var(--ts-teal)); opacity:0.7 }
.u-f1d8e8 { padding:1.25rem; display:flex; flex-direction:column; flex:1; gap:0.6rem }
.u-819192 { display:flex; gap:0.5rem; flex-wrap:wrap }
.u-60dc80 { font-size:1rem; font-weight:700; color:var(--text-bright); margin:0 }
.u-f40b2d { font-size:0.83rem; color:var(--muted); margin:0; line-height:1.5 }
.u-49187a { display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding-top:0.75rem; border-top:1px solid var(--border-lite) }
.u-68367e { font-size:0.8rem; color:var(--muted) }
.u-8929b6 { font-size:0.85rem; font-weight:700; color:var(--purple) }
.u-d9fc55 { font-size:0.85rem; font-weight:700; color:var(--ts-teal) }
.u-c0991a { text-align:center; font-size:0.88rem }
.u-94b46b { border-top:1px solid var(--border); padding:var(--space-lg) 0 }
.u-e6d723 { font-size:1.4rem; font-weight:700; color:var(--text-bright); margin:0 0 1.5rem }
.u-6c49f4 { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1.25rem }
.u-ec0cb4 { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:1.25rem; display:block; text-decoration:none }
.u-bc8000 { font-size:0.68rem; margin-bottom:0.75rem; display:inline-block }
.u-ce54e5 { font-size:0.95rem; font-weight:700; color:var(--text-bright); margin:0 0 0.4rem }
.u-423657 { font-size:0.8rem; color:var(--muted); margin:0 0 0.75rem; line-height:1.4 }
.u-63787c { font-size:0.78rem; color:var(--purple) }
.u-5214ed { display:grid; grid-template-columns:1fr 280px; min-height:80vh; gap:0 }
.u-10df0e { padding:var(--space-lg); border-right:1px solid var(--border) }
.u-2c3bcd { font-size:0.78rem; color:var(--muted); margin-bottom:1.5rem; display:flex; gap:0.4rem; align-items:center; flex-wrap:wrap }
.u-846a80 { background:var(--border); border-radius:99px; height:5px }
.u-8a78c4 { font-size:clamp(1.3rem,2.5vw,1.8rem); font-weight:800; color:var(--text-bright); margin:0 0 1.5rem; text-align:center }
.u-a65ed0 { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:10px; margin-bottom:1.5rem; background:#000 }
.u-a6ff60 { position:absolute; top:0; left:0; width:100%; height:100%; border:0 }
.u-a5ef43 { width:100%; border-radius:10px; margin-bottom:1.5rem; background:#000 }
.u-63c80e { display:flex; justify-content:space-between; align-items:center; padding:1.25rem 0; border-top:1px solid var(--border); margin-top:2rem; gap:1rem; flex-wrap:wrap }
.u-f01ae9 { color:var(--ts-teal); font-weight:600; font-size:0.9rem }
.u-b56caf { vertical-align:-2px; margin-right:0.3rem }
.u-b202c6 { cursor:pointer }
.u-ad4530 { padding:1.25rem; background:var(--surface); overflow-y:auto; max-height:90vh; position:sticky; top:0 }
.u-c5019f { font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); font-weight:600; margin:0 0 1rem }
.u-4428e0 { font-size:0.78rem; font-weight:600; color:var(--text-bright); margin:0 0 0.4rem }
.u-ba83f4 { display:flex; flex-direction:column; gap:0.2rem }
.u-b36121 { line-height:1.3 }
.u-c10611 { padding:var(--space-lg) var(--space-md) }
.u-037dd3 { margin-bottom:var(--space-sm) }
.u-b15e64 { color:var(--muted); margin-bottom:var(--space-md) }
.u-9d078c { vertical-align:-2px; margin-right:3px }
.u-b37332 { margin-top:var(--space-md) }
.u-0d1cbb { display:flex; align-items:center; gap:1rem; padding:var(--space-sm); border:1px solid var(--ts-violet); border-radius:8px; background:rgba(139,92,246,0.06) }
.u-ea6d23 { color:var(--ts-violet); display:block }
.u-e1422a { display:block; text-align:center; width:100%; margin-bottom:1rem }
.u-a82d17 { display:block; text-align:center; width:100% }
.u-b06fb3 { margin-top:1.5rem }
.u-ee8e62 { margin-top:1rem; text-align:center }
.u-494dc1 { text-align:center; padding:var(--space-lg) 0 }
.u-9a8121 { color:var(--muted); font-size:1.1rem }
.u-01f2c7 { color:@typeColor; border-color:@typeColor }
.u-b4a65f { vertical-align:-2px; margin-right:4px }
.u-9499ac { clip-path:none; padding:0.6rem 1.4rem; font-size:0.82rem }
.u-84efe3 { max-width:640px; margin:0 auto; padding:var(--space-lg) var(--space-md) }
.u-6735d5 { font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; color:var(--ts-cyan); font-weight:600; margin:0 0 .4rem; text-align:center }
.u-bfeb25 { font-size:clamp(1.5rem,3vw,2rem); font-weight:800; color:var(--text-bright); margin:0 0 1.5rem; text-align:center }
.u-b12ad7 { border:1px solid rgba(0,200,150,0.35); text-align:center; padding:2rem }
.u-881bb2 { width:56px; height:56px; border-radius:50%; background:rgba(0,200,150,0.12); display:flex; align-items:center; justify-content:center; margin:0 auto 1rem }
.u-60507d { color:var(--ts-teal); font-weight:700; font-size:1.05rem; margin:0 0 1.5rem }
.u-43f248 { text-align:left; display:flex; flex-direction:column; gap:.75rem; border-top:1px solid var(--border); padding-top:1.25rem }
.u-eef3eb { display:flex; justify-content:space-between; gap:1rem }
.u-1e84a5 { color:var(--muted); font-size:.85rem }
.u-01f234 { color:var(--text-bright); font-weight:600; font-size:.9rem; text-align:right }
.u-31c367 { color:var(--text-bright); font-weight:600; font-size:.9rem }
.u-da3ada { color:var(--text-bright); font-weight:600; font-size:.9rem; font-family:monospace }
.u-c94c55 { border:1px solid rgba(220,50,50,0.3); text-align:center; padding:2rem }
.u-3af1d6 { width:56px; height:56px; border-radius:50%; background:rgba(220,50,50,0.1); display:flex; align-items:center; justify-content:center; margin:0 auto 1rem }
.u-4a166b { color:var(--danger); font-weight:700; font-size:1.05rem; margin:0 0 .5rem }
.u-65d58a { color:var(--muted); font-size:.88rem; margin:0 }
.u-e79771 { font-family:monospace; color:var(--text-bright) }
.u-ee175d { color:var(--purple); font-size:.85rem }
.u-5978d3 { max-width:400px; margin:0 auto }
.u-121f23 { color:var(--muted); margin-bottom:2rem }
.u-e633ae { display:block; text-align:center }
.u-728dc9 { color:var(--ts-success, #4ade80); margin-bottom:1rem; padding:1rem; border:1px solid currentColor; background:rgba(74,222,128,0.08) }
.u-4d2365 { color:var(--ts-danger); margin-bottom:1rem; padding:1rem; border:1px solid var(--ts-danger); background:rgba(255,107,107,0.1) }
.u-0055b8 { text-align:center; margin-top:1.5rem; color:var(--muted); font-size:0.875rem }
.u-0438b0 { color:var(--cyan); text-decoration:none }
.u-708a4f { margin-top:1rem; margin-bottom:1rem; display:flex; align-items:center; gap:0.5rem }
.u-447e4c { width:auto; margin:0 }
.u-651316 { margin:0; text-transform:none; font-size:0.95rem }
.u-ff03e2 { text-align:center; margin-top:1rem; font-size:0.875rem }
.u-3f136a { color:var(--muted); text-decoration:none }
.u-bf301f { text-align:center; margin-top:0.75rem; color:var(--muted); font-size:0.875rem }
.u-402564 { margin-bottom:0.75rem }
.u-b80d1a { color:var(--muted); font-size:0.9rem; margin-bottom:1.5rem }
.u-90a97b { text-align:center; margin-top:1rem; color:var(--muted); font-size:0.85rem }
.u-e2ee60 { color:var(--ts-success-ink) }
.u-8aeefa { font-size:1rem; font-weight:400; color:var(--muted) }
.u-1e0c7c { margin:0 0 1rem; font-size:1rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--text-bright) }
.u-19d205 { padding:0.75rem; border:1px solid var(--border); border-radius:8px; text-align:center }
.u-e922c7 { font-family:var(--font-display); font-size:1.6rem; font-weight:700; color:var(--text-bright); margin-top:0.4rem }
.u-965bdd { grid-template-columns:1fr 1fr; gap:1.5rem }
.u-d480b1 { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.25rem; border-bottom:1px solid var(--border) }
.u-9efd84 { margin:0; font-size:0.95rem; letter-spacing:0.08em; text-transform:uppercase }
.u-a9f81e { font-size:0.7rem; padding:0.4rem 0.8rem }
.u-1e29ee { font-weight:500 }
.u-7513dc { color:var(--muted); font-size:0.8rem }
.u-79857e { text-align:center; color:var(--muted); padding:1.5rem }
.u-c218f7 { font-family:monospace; font-size:0.8rem; color:var(--muted) }
.u-e634e6 { font-weight:600 }
.u-7bcafc { color:var(--muted); font-size:0.75rem }
.u-451794 { border-color:var(--cyan) }
.u-834563 { margin-left:auto }
.u-4ddbe9 { white-space:nowrap }
.u-4d1468 { max-width:300px }
.u-7ec4ba { max-height:60px; overflow-y:auto; padding-right:0.5rem }
.u-1490c3 { text-align:center; padding:3rem; color:var(--muted) }
.u-9fd0e6 { display:grid; grid-template-columns:2fr 1fr; gap:1.5rem }
.u-8e47bd { vertical-align:-1px }
.u-211658 { margin:0; white-space:nowrap; cursor:pointer }
.u-b23d78 { color:var(--muted); font-weight:400 }
.u-8c03df { display:flex; align-items:center; gap:0.75rem; cursor:pointer; margin-top:0.5rem }
.u-486aa9 { color:var(--muted); font-size:0.78rem; margin:0 }
.u-7f8cba { width:16px; height:16px; accent-color:var(--purple) }
.u-1b117c { margin-top:1rem; display:flex; gap:1rem }
.u-a605e2 { display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem }
.u-460f73 { background:rgba(45,212,191,0.12); border:1px solid rgba(45,212,191,0.25); color:var(--ts-success-ink); padding:0.75rem 1rem; margin-bottom:1rem; border-radius:4px }
.u-116e33 { text-decoration:none }
.u-075a05 { font-family:monospace; font-size:0.78rem; color:var(--muted) }
.u-ac6849 { font-weight:500; color:var(--text-bright) }
.u-b083ff { display:grid; grid-template-columns:3fr 2fr; gap:1.5rem }
.u-bdb0e8 { font-size:0.75rem; color:var(--muted); margin-top:0.4rem }
.u-008cb4 { color:var(--cyan); font-size:0.85rem; margin-bottom:1rem }
.u-b7bb98 { display:flex; align-items:center; gap:0.75rem; cursor:pointer }
.u-97cd79 { margin-bottom:0.5rem; color:var(--text-bright) }
.u-8a940b { color:var(--muted); font-size:0.85rem; margin-bottom:1rem }
.u-672619 { background:var(--surface-card); border:1px solid var(--border); border-radius:4px; margin-top:0.25rem; max-height:150px; overflow-y:auto; display:none }
.u-9ebe46 { padding:0.75rem; background:var(--surface-sunken); border-left:3px solid var(--cyan); border-radius:4px; margin-bottom:1rem }
.u-f2bd36 { margin-top:0.5rem; display:flex; gap:0.5rem }
.u-76c613 { padding:0.25rem 0.5rem; font-size:0.75rem }
.u-7d5842 { padding:0.25rem 0.5rem; font-size:0.75rem; color:var(--ts-danger) }
.u-e5e066 { padding:0.5rem; color:var(--muted); font-size:0.85rem }
.u-cf5057 { display:flex; gap:0.3rem; flex-wrap:wrap; padding:0.75rem 0.5rem }
.u-9dae1d { margin-top:1rem }
.u-af7103 { margin-bottom:1rem; color:var(--text-bright) }
.u-66cfb0 { display:grid; grid-template-columns:1fr 1fr auto auto; gap:1rem; align-items:end }
.u-8db8d8 { width:80px }
.u-ac9fc9 { color:var(--muted); font-size:0.85rem; margin-bottom:0 }
.u-ecb1c8 { width:100%; text-align:center; margin-top:1rem }
.u-d18714 { color:var(--text-bright); margin:0 }
.u-174cd4 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:1rem; margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:1px solid var(--border) }
.u-4fb7d6 { margin:0; display:flex; align-items:center; gap:1rem }
.u-5e72d8 { display:flex; align-items:center; gap:0.5rem; cursor:pointer; color:var(--text-bright) }
.u-035aad { display:flex; flex-direction:column; gap:1.5rem }
.u-892845 { margin-top:1.5rem; display:flex; gap:1rem }
.u-43397d { margin:0; border-left:4px solid var(--cyan); padding:1rem 1.5rem }
.u-3c7b29 { display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem }
.u-c07806 { display:flex; gap:1rem; align-items:center; flex:1 }
.u-b1dc1c { margin:0; color:var(--cyan) }
.u-9bab15 { width:auto; padding:0.4rem 2rem 0.4rem 0.75rem }
.u-b03955 { width:80px; padding:0.4rem 0.75rem }
.u-5e8372 { padding:0.4rem }
.u-597183 { min-height:60px; margin-bottom:1rem }
.u-478c08 { display:flex; flex-direction:column; gap:0.5rem; margin-bottom:1rem }
.u-6d6256 { display:flex; align-items:center; gap:0.75rem; background:rgba(0,0,0,0.02); padding:0.5rem; border:1px solid var(--border-lite); border-radius:4px }
.u-d99e25 { padding:0.4rem 0.75rem; flex:1 }
.u-273266 { display:none; margin-bottom:1.5rem }
.u-a80092 { max-width:480px }
.u-0a0c36 { margin:0 0 1rem; font-size:0.85rem; color:var(--text-bright) }
.u-25d276 { display:flex; gap:0.6rem; align-items:stretch }
.u-c5ac9c { width:60px }
.u-991cc8 { background:var(--cyan); color:var(--ts-navy-deep) }
.u-aab83e { display:grid; grid-template-columns:1fr 300px; gap:1.5rem; align-items:start }
.u-27d508 { min-height:160px }
.u-5e69ee { display:flex; justify-content:space-between; align-items:center; margin-bottom:0.4rem }
.u-c9aba5 { display:flex; gap:0.5rem; align-items:stretch }
.u-a3db31 { display:flex; flex-direction:column; gap:1.25rem; position:sticky; top:1.5rem }
.u-59c8cc { width:18px; height:18px; accent-color:var(--purple) }
.u-255461 { font-size:0.9rem }
.u-31ff5c { width:18px; height:18px; accent-color:var(--cyan) }
.u-47dc30 { font-weight:600; color:var(--purple) }
.u-9d3159 { font-size:0.7rem; margin-left:0.3rem }
.u-8a4677 { display:flex; gap:0.4rem; align-items:center }
.u-9b6caa { color:var(--purple); font-weight:600 }
.u-e38d88 { font-size:0.78rem; padding:0.3rem 0.5rem }
.u-148167 { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; flex-wrap:wrap }
.u-889d0b { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap }
.u-513ea2 { min-width:200px }
.u-e2a563 { display:flex; align-items:center; gap:.4rem; font-size:.82rem; color:var(--muted) }
.u-1937d0 { font-size:.8rem; color:var(--muted); margin:0 0 1rem }
.u-20dcef { padding:0; overflow:hidden }
.u-df74e8 { overflow-x:auto }
.u-713ed5 { width:100%; border-collapse:collapse; font-size:.82rem }
.u-4e7486 { text-align:left; border-bottom:2px solid var(--border) }
.u-9f603e { padding:.6rem .8rem }
.u-ffbed0 { padding:1.5rem; text-align:center; color:var(--muted) }
.u-d94e45 { padding:.55rem .8rem; white-space:nowrap; color:var(--muted) }
.u-a557b9 { padding:.55rem .8rem; font-family:monospace; color:var(--text-bright) }
.u-1ffb90 { padding:.55rem .8rem }
.u-a155b4 { padding:.55rem .8rem; color:var(--muted) }
.u-425bb2 { padding:.55rem .8rem; font-family:monospace; color:var(--muted) }
.u-cbfa34 { font-size:.66rem }
.u-71d3bd { margin:0 0 1rem; font-size:0.8rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted) }
.u-b0f164 { display:flex; gap:1rem; align-items:flex-end; flex-wrap:wrap }
.u-124741 { color:#f87171 }
.u-8f7787 { width:200px }
.u-de1068 { font-size:0.9rem; color:var(--text-bright) }
.u-682e91 { margin-left:0.75rem; font-size:0.8rem; color:var(--muted) }
.u-0ff14d { font-size:0.7rem; margin-left:0.75rem }
.u-a94361 { display:grid; grid-template-columns:1fr auto; gap:1rem; align-items:center; margin-bottom:0.75rem }
.u-fb7f91 { display:flex; align-items:center; gap:0.5rem; cursor:pointer; white-space:nowrap }
.u-d9ba90 { width:16px; height:16px }
.u-d39429 { resize:vertical; font-family:monospace; font-size:0.82rem }
.u-d8af1b { text-align:center; color:var(--muted); padding:var(--space-md) }
.u-317ee7 { vertical-align:-1px; color:var(--purple) }
.u-8e8bbc { display:grid; grid-template-columns:1fr 320px; gap:1.5rem; align-items:start }
.u-1137de { font-size:1.2rem; font-weight:600 }
.u-013952 { margin:0.3rem 0 0; font-size:0.75rem; color:var(--muted) }
.u-d0e35f { width:auto; font-size:0.8rem }
.u-daa3e6 { color:var(--muted); font-size:0.85rem; text-align:center; padding:1rem 0 }
.u-f53c0f { display:flex; align-items:center; gap:0.75rem }
.u-e9253e { width:18px; height:18px; cursor:pointer }
.u-72e150 { cursor:pointer; font-size:0.88rem }
.u-3d0e94 { margin:0; font-size:0.75rem; color:var(--muted) }
.u-2118c5 { font-size:0.75rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--purple) }
.u-2b34b5 { min-height:140px }
.u-0aee42 { display:grid; grid-template-columns:1fr 1fr; gap:0.5rem }
.u-cdd0fe { display:flex; gap:0.5rem; margin-bottom:0.25rem }
.u-2f01ef { width:140px }
.u-486a5f { color:var(--muted); font-size:0.75rem; align-self:center }
.u-65903b { display:flex; gap:1rem; margin-bottom:1.5rem; flex-wrap:wrap }
.u-4f1589 { width:auto }
.u-bea86b { font-size:0.72rem }
.u-5b1e91 { display:grid; grid-template-columns:1fr 360px; gap:1.5rem; align-items:start }
.u-6f8f56 { display:flex; gap:1rem; margin-bottom:1.5rem }
.u-1f4090 { font-size:0.82rem; max-width:160px }
.u-2fd49b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.u-3b8b48 { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text) }
.u-708b6a { display:flex; gap:0.4rem; flex-wrap:wrap }
.u-346272 { display:grid; grid-template-columns:1fr 340px; gap:1.5rem; align-items:start }
.u-b670d8 { display:flex; flex-direction:column; gap:1.25rem }
.u-4f0aaf { color:#f87171; font-size:0.8rem }
.u-e87b56 { cursor:pointer; font-size:0.9rem; color:var(--text-bright) }
.u-7dde9f { color:var(--muted); font-size:0.82rem; margin:0 }
.u-4668ce { border:none; cursor:pointer; font-size:0.72rem }
.u-06fa12 { max-width:760px }
.u-458938 { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1rem }
.u-c9e785 { width:100%; font-family:monospace }
.u-d40583 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:1rem; margin-bottom:1rem }
.u-4c30f2 { display:flex; align-items:flex-end; padding-bottom:0.15rem }
.u-a156b6 { display:flex; align-items:center; gap:0.4rem; font-size:0.85rem; color:var(--text-bright); cursor:pointer }
.u-08d8e3 { accent-color:var(--purple) }
.u-6cecd2 { width:100%; resize:vertical; font-family:monospace; font-size:0.82rem }
.u-bc6f2f { font-size:0.72rem; color:var(--muted); margin-top:0.3rem }
.u-09e0a3 { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:2rem; flex-wrap:wrap; gap:1rem }
.u-a79a4e { display:flex; gap:1rem; margin-bottom:2rem; flex-wrap:wrap }
.u-8185c0 { padding:1rem 1.5rem; min-width:140px; text-align:center }
.u-68bb2a { font-size:1.6rem; font-weight:800; color:var(--purple) }
.u-38e4ee { font-size:0.72rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.06em }
.u-ffcbc2 { font-size:1.6rem; font-weight:800; color:var(--ts-teal) }
.u-5d8681 { font-size:1.6rem; font-weight:800; color:var(--text-bright) }
.u-93de2d { width:40px }
.u-0d39ba { font-weight:600; color:var(--text-bright); font-size:0.88rem }
.u-0df740 { font-size:0.68rem; text-transform:capitalize }
.u-9da1ca { background:var(--surface) }
.u-c358e4 { color:var(--muted); text-align:center; padding:2rem }
.u-daef07 { color:var(--text-bright); font-weight:500; font-size:0.88rem }
.u-6ed363 { font-size:0.68rem; margin-right:0.2rem }
.u-29ae3b { font-size:0.72rem; font-weight:400; color:var(--muted) }
.u-2c1e8f { width:70px; padding:0.3rem 0.4rem; font-size:0.8rem }
.u-272add { width:110px; padding:0.3rem 0.4rem; font-size:0.8rem }
.u-7302b0 { padding:0.3rem 0.6rem; font-size:0.78rem; white-space:nowrap }
.u-ac23d6 { margin:0 0 1rem; font-size:0.78rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted) }
.u-e95833 { display:flex; align-items:center; justify-content:space-between; padding:0.75rem 1rem; background:var(--surface); border:1px solid var(--border-lite); border-radius:8px; gap:1rem }
.u-007a22 { color:var(--text-bright); font-size:0.9rem }
.u-2c6aa8 { display:block; font-size:0.72rem; color:var(--muted); margin-top:0.15rem }
.u-5e52f4 { margin:0.3rem 0 0; font-size:0.78rem; color:var(--muted) }
.u-84b4c1 { display:flex; align-items:center; gap:0.75rem; flex-shrink:0 }
.u-2f3674 { display:grid; grid-template-columns:1fr 1fr 1fr auto auto; gap:0.75rem; align-items:end }
.u-bfd93d { width:18px; height:18px; accent-color:var(--purple); display:block; margin:0.5rem 0.25rem }
.u-1c0307 { margin-top:0.75rem }
.u-4dd59a { max-width:640px }
.u-d9b161 { color:var(--ts-danger); margin-bottom:1rem; padding:0.75rem 1rem; border:1px solid var(--ts-danger); background:rgba(255,107,107,0.1) }
.u-9a49c8 { display:flex; align-items:center; gap:0.6rem }
.u-2efce1 { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:1rem }
.u-51f5e7 { color:var(--ts-danger) }
.u-db338a { color:var(--muted); font-size:0.78rem }
.u-20af06 { color:var(--muted); font-family:monospace; font-size:0.8rem }
.u-acb111 { width:100%; resize:vertical }
.u-297127 { display:flex; align-items:center; gap:1rem; margin-bottom:1.5rem }
.u-ad1e84 { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-bottom:2rem }
.u-905a25 { width:100%; margin-bottom:0.6rem }
.u-add55b { width:100%; margin-bottom:0.6rem; resize:vertical }
.u-4ff044 { width:100%; margin-bottom:0.75rem }
.u-0f1bdd { display:flex; gap:1rem; align-items:center; margin-bottom:0.75rem; font-size:0.82rem; color:var(--muted) }
.u-f3ef2c { width:100%; font-size:0.85rem }
.u-00e4a1 { border:1px dashed var(--purple) }
.u-c32a37 { font-size:0.78rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--purple); margin:0 0 1rem }
.u-1571a2 { width:100%; font-size:0.85rem; background:var(--purple) }
.u-0180b8 { font-family:monospace; font-size:0.82rem; color:var(--ts-teal) }
.u-2dcd72 { font-size:0.85rem; color:var(--text-bright) }
.u-441305 { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem }
.u-1b9b41 { grid-column:1/-1 }
.u-908e3f { display:grid; grid-template-columns:1fr 1fr 2fr; gap:0.75rem }
.u-2f12dc { display:flex; flex-direction:column; gap:0.6rem }
.u-1e2321 { display:flex; align-items:center; gap:0.6rem; cursor:pointer; font-size:0.88rem; color:var(--text-bright) }
.u-ff230f { margin:0 0 0.6rem }
.u-84bc9d { display:grid; grid-template-columns:1fr 1fr 1fr; gap:0.75rem }
.u-a135e6 { font-size:0.75rem; color:var(--muted); margin:0.75rem 0 0 }
.u-76dc2e { display:flex; gap:0.75rem; margin-top:1.5rem }
.u-71d656 { background:rgba(45,212,191,0.12); border:1px solid rgba(45,212,191,0.25); color:var(--ts-success-ink); padding:0.75rem 1rem; margin-bottom:1.5rem; border-radius:6px }
.u-4f932c { border:2px solid @accentColor; position:relative }
.u-a15f5f { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:0.75rem }
.u-214b55 { font-size:1.1rem; font-weight:800; color:var(--text-bright) }
.u-288827 { font-size:0.65rem; margin-left:0.5rem }
.u-2822b1 { font-size:0.8rem; color:var(--muted); margin:0.2rem 0 0 }
.u-30941c { font-size:0.72rem; color:var(--muted); background:var(--surface); border-radius:99px; padding:0.2rem 0.6rem }
.u-c0b01e { display:grid; grid-template-columns:1fr 1fr; gap:0.4rem; margin-bottom:1rem }
.u-938a25 { background:var(--surface); border-radius:6px; padding:0.5rem; text-align:center }
.u-a7ad40 { font-size:1rem; font-weight:700; color:@accentColor }
.u-ecd3f9 { font-size:0.68rem; color:var(--muted) }
.u-95571f { font-size:0.9rem; font-weight:700; color:var(--purple) }
.u-7115cb { font-size:0.9rem; font-weight:700; color:var(--ts-teal) }
.u-811425 { display:flex; gap:0.4rem; flex-wrap:wrap; margin-bottom:1rem }
.u-935e42 { margin:0 0 1rem; padding-left:1.2rem; font-size:0.78rem; color:var(--muted); display:flex; flex-direction:column; gap:0.25rem }
.u-c1eb64 { list-style:none; color:var(--border) }
.u-0ab6e8 { font-size:0.8rem; padding:0.4rem 0.8rem }
.u-7b5b37 { font-size:0.72rem; color:var(--ts-teal); align-self:center }
.u-1b02f7 { font-size:0.72rem; color:var(--muted); align-self:center }
.u-d40331 { margin-bottom:1.25rem }
.u-f01342 { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; flex-wrap:wrap }
.u-1fb13f { display:flex; align-items:center; gap:0.75rem; margin-bottom:0.4rem }
.u-e89ae9 { font-family:monospace }
.u-c81812 { display:grid; grid-template-columns:2fr 1fr; gap:1.5rem; align-items:start }
.u-e76b57 { font-size:0.68rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:0.2rem }
.u-acc5ba { font-size:0.88rem; color:var(--text-bright) }
.u-8d69ae { font-size:0.68rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:0.5rem }
.u-4c35cb { font-size:0.85rem; color:var(--text-bright); line-height:1.7; white-space:pre-wrap }
.u-9c8f26 { border-left:3px solid var(--purple); margin-bottom:1.5rem }
.u-c28962 { display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem }
.u-d4c1b2 { font-size:0.78rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); margin:0 }
.u-580476 { font-size:0.78rem; padding:0.35rem 0.75rem }
.u-e16951 { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem }
.u-41bb76 { font-size:1.2rem; font-weight:800; color:var(--text-bright) }
.u-1394cf { border-left:3px solid var(--ts-teal); margin-bottom:1.5rem }
.u-e9d26d { font-size:0.82rem; color:var(--text-bright); margin-bottom:0.5rem }
.u-810bec { flex:1; min-width:180px }
.u-8b8072 { font-size:0.8rem }
.u-d8b689 { display:flex; align-items:center; justify-content:space-between; gap:0.5rem; margin-bottom:1rem; flex-wrap:wrap }
.u-837c4e { border-top:1px solid var(--border); padding-top:1rem }
.u-faf953 { display:flex; flex-direction:column; gap:0.5rem }
.u-ff19a8 { font-size:0.8rem; align-self:flex-start }
.u-22c675 { border-top:1px solid var(--border); padding-top:1rem; display:flex; align-items:center; justify-content:space-between; gap:0.5rem; flex-wrap:wrap }
.u-4559da { font-size:0.78rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); margin:0 0 0.75rem }
.u-8d2d2d { width:100%; box-sizing:border-box; resize:vertical; margin-bottom:0.75rem }
.u-90ae41 { display:flex; flex-direction:column; gap:0.4rem; margin-bottom:1rem }
.u-3a4b62 { width:100%; font-size:0.82rem }
.u-ae1e64 { width:8px; height:8px; border-radius:50%; background:var(--ts-teal); flex-shrink:0 }
.u-b27438 { width:8px; height:8px; border-radius:50%; background:var(--purple); flex-shrink:0 }
.u-ecf06a { width:8px; height:8px; border-radius:50%; background:var(--border); flex-shrink:0 }
.u-3449b4 { display:flex; gap:0.75rem; margin-bottom:2rem; flex-wrap:wrap }
.u-8f120c { text-decoration:none; flex:1; min-width:100px }
.u-eeabfd { font-size:1.4rem; font-weight:800; color:var(--text-bright) }
.u-a09e11 { font-size:0.68rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.06em; margin-top:0.1rem }
.u-5678d3 { align-self:center; font-size:0.78rem }
.u-3709ce { font-size:0.88rem; font-weight:600; color:var(--text-bright) }
.u-313130 { font-size:0.85rem; color:var(--text-bright); max-width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.u-649525 { font-size:0.65rem; text-transform:none }
.u-a652f6 { text-align:center; padding:2rem; color:var(--muted); font-size:0.88rem }
.u-c83c5d { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1.25rem }
.u-86e6ed { width:100%; box-sizing:border-box; font-family:monospace }
.u-d05b9f { display:flex; align-items:center; justify-content:space-between; margin-bottom:0.75rem }
.u-149cb2 { font-size:0.72rem; text-transform:uppercase; letter-spacing:0.07em; color:var(--muted) }
.u-4dc056 { font-size:0.75rem }
.u-e6af01 { display:grid; grid-template-columns:3fr 1fr 1fr 1fr 32px; gap:0.5rem; margin-bottom:0.35rem }
.u-1e6803 { font-size:0.68rem; text-transform:uppercase; letter-spacing:0.06em; color:var(--muted) }
.u-526d12 { background:none; border:none; color:var(--muted); cursor:pointer; font-size:1.1rem; padding:0; align-self:center }
.u-1f8cb3 { margin-bottom:0.6rem }
.u-b62ed4 { font-size:0.82rem; font-family:monospace; color:var(--muted) }
.u-d717ee { font-size:0.78rem; color:var(--muted); margin-bottom:1rem }
.u-b0f979 { font-size:0.72rem; color:var(--muted); margin-bottom:0.25rem }
.u-d7cd8e { font-size:0.72rem; color:var(--muted); margin-top:0.5rem }
.u-f71d5a { display:flex; gap:0.5rem; align-items:center; flex-wrap:wrap }
.u-029746 { padding:1.25rem }
.u-d27f9c { font-size:0.72rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--muted); margin:0 0 0.5rem }
.u-b48ed7 { flex:1; height:8px; background:var(--border); border-radius:4px }
.u-0bcebc { height:8px; background:var(--ts-teal); border-radius:4px; width:@pct%; transition:width 0.3s }
.u-183407 { font-size:0.9rem; font-weight:700; color:var(--text-bright) }
.u-82e472 { font-size:0.78rem; color:var(--muted); margin:0.4rem 0 0 }
.u-ed9aaa { font-size:0.72rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--muted); margin:0 0 0.75rem }
.u-6b1373 { display:grid; grid-template-columns:auto 1fr; gap:0.35rem 1rem; font-size:0.83rem }
.u-0a8deb { margin-bottom:1.5rem; padding:1.25rem }
.u-61e18d { color:var(--text-bright); font-size:0.9rem; line-height:1.6; margin:0 }
.u-14d308 { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.25rem }
.u-48402a { display:grid; gap:0.6rem; margin-bottom:1.25rem }
.u-89bd09 { flex:1; min-width:0 }
.u-5a8fd2 { font-size:0.75rem; color:var(--muted); margin-top:0.15rem }
.u-8e080e { display:flex; gap:0.4rem; align-items:center; flex-shrink:0 }
.u-532ed9 { font-size:0.7rem; padding:0.2rem 0.5rem }
.u-dc36d6 { font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--purple); cursor:pointer; list-style:none }
.u-b6461a { display:grid; gap:0.6rem; margin-top:0.75rem }
.u-bf0df4 { font-size:0.78rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); margin:0 0 1.25rem }
.u-f183b1 { display:grid; gap:0.75rem; margin-bottom:1.25rem }
.u-febc22 { display:flex; justify-content:space-between; align-items:center; margin-bottom:0.3rem }
.u-c40ee9 { font-size:0.8rem; font-weight:600; color:var(--text-bright) }
.u-041177 { font-size:0.6rem }
.u-389152 { font-size:0.88rem; color:var(--text-bright); line-height:1.5; margin:0 }
.u-f68657 { display:flex; align-items:center; gap:1rem; margin-top:0.6rem }
.u-05cf74 { display:flex; align-items:center; gap:0.4rem; font-size:0.82rem; color:var(--muted); cursor:pointer }
.u-586ace { font-size:0.85rem; margin-left:auto }
.u-589c83 { margin-top:1.5rem; text-align:right }
.u-0ed71e { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1rem }
.u-09d757 { color:var(--muted); font-size:0.73rem }
.u-52794d { margin-top:1rem; display:flex; align-items:center; gap:0.5rem }
.u-226d4e { width:100%; text-align:center }
.u-71002f { display:flex; gap:0.75rem; margin-bottom:1.5rem; flex-wrap:wrap }
.u-17d4e2 { background:var(--surface); border:1px solid var(--border); border-radius:8px; padding:0.5rem 1rem; min-width:100px; text-align:center }
.u-f29abf { display:flex; gap:0.5rem; margin-bottom:1.5rem; flex-wrap:wrap }
.u-2ae149 { color:var(--text-bright); font-weight:500 }
.u-06e092 { font-size:0.7rem; margin-left:0.4rem }
.u-8ce8ea { flex:1; height:6px; background:var(--border); border-radius:3px; min-width:60px }
.u-c06dc5 { margin-left:0.25rem }
.u-606fc9 { background:rgba(45,212,191,0.12); border:1px solid rgba(45,212,191,0.25); color:var(--ts-success-ink); padding:0.75rem 1rem; margin-bottom:1rem; border-radius:6px }
.u-34cf1d { font-size:0.75rem; padding:0.3rem 0.6rem }
.u-04a455 { background:rgba(255,107,107,0.1); border:1px solid rgba(255,107,107,0.3); color:var(--ts-danger); padding:1rem; margin-bottom:1.5rem; border-radius:4px }
.u-3e9d9c { max-width:600px }
.u-3c3b69 { background:rgba(45,212,191,0.12); border:1px solid rgba(45,212,191,0.25); color:var(--ts-success-ink); padding:0.75rem 1rem; margin-bottom:1.5rem; border-radius:4px }
.u-af0241 { background:rgba(255,107,107,0.1); border:1px solid rgba(255,107,107,0.3); color:var(--ts-danger); padding:0.75rem 1rem; margin-bottom:1.5rem; border-radius:4px }
.u-ab405b { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem }
.u-250af7 { display:flex; flex-direction:column; gap:0.6rem; margin-bottom:1.5rem }
.u-43f185 { width:100%; color:var(--ts-danger); border-color:rgba(255,107,107,0.3) }
.u-4e48ae { color:var(--muted); font-size:0.9rem }
.u-15ce42 { display:flex; gap:1rem; align-items:center }
.u-fc603e { flex:0 0 300px; width:300px }
.u-1378bf { margin-right:0.25rem }
.u-078ea0 { background:rgba(0,200,150,0.12); border:1px solid rgba(0,200,150,0.3); border-radius:8px; padding:0.8rem 1.2rem; margin:1rem auto; max-width:1100px; color:var(--ts-teal); font-size:0.9rem }
.u-abf6fc { width:100%; max-height:400px; object-fit:cover; border-radius:10px; margin-bottom:1.5rem; border:1px solid var(--border) }
.u-843176 { font-size:0.8rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--purple); font-weight:600; margin:0 0 0.5rem }
.u-9a131f { font-size:clamp(1.4rem,3vw,2rem); font-weight:800; color:var(--text-bright); margin:0 0 1rem }
.u-94e45e { display:flex; flex-wrap:wrap; gap:0.4rem; margin-bottom:1.5rem }
.u-46f4fb { text-align:center; padding:1rem 0 }
.u-969797 { font-size:1rem; color:var(--muted) }
.u-1b41d3 { font-size:0.85rem; color:var(--muted) }
.u-0f9ac6 { font-size:0.8rem; color:var(--ts-teal); margin-top:0.4rem }
.u-b83168 { margin-top:0.5rem }
.u-493696 { font-size:0.75rem; color:var(--muted); text-align:center; margin:0.25rem 0 0 }
.u-1a5357 { color:var(--purple); font-size:0.78rem; text-align:center; display:block }
.u-6a8f81 { background:var(--obsidian); padding:var(--space-xl) 0 var(--space-lg); border-bottom:1px solid var(--border) }
.u-35f883 { font-family:var(--font-display); font-size:clamp(2rem,5vw,3.5rem); font-weight:800; color:var(--text-bright); margin:0.5rem 0 1rem }
.u-9ecab0 { color:var(--muted); max-width:540px; margin:0 auto 2rem; font-size:1.05rem }
.u-85b7c1 { display:flex; gap:0.75rem; justify-content:center; flex-wrap:wrap; max-width:600px; margin:0 auto }
.u-4e807c { flex:1; min-width:200px; background:rgba(255,255,255,0.05); border-color:rgba(255,255,255,0.12); color:var(--text-bright) }
.u-fc39ad { padding:0.6rem 1rem; border-radius:6px; border:1px solid rgba(255,255,255,0.12); background:rgba(255,255,255,0.05); color:var(--text-bright) }
.u-805e5c { text-align:center; padding:var(--space-xl); color:var(--muted) }
.u-5b20e6 { font-size:1.1rem }
.u-eac552 { background:var(--obsidian-2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:var(--space-lg) 0; text-align:center }
.u-fbec3a { font-size:1.5rem; font-weight:700; color:var(--text-bright); margin:0 0 0.5rem }
.u-28d558 { color:var(--muted); max-width:520px; margin:0 auto 1.5rem }
.u-dc270c { padding-top:5rem; padding-bottom:3rem }
.u-a6599b { display:flex; gap:0.5rem; flex-wrap:wrap; justify-content:center; margin-bottom:1rem }
.u-78fc43 { font-size:clamp(1.8rem,4vw,3rem) }
.u-7eddfa { display:flex; gap:1.5rem; justify-content:center; flex-wrap:wrap; margin-top:1rem; color:var(--muted); font-size:0.85rem }
.u-afc1c0 { max-width:780px; margin:0 auto; padding:var(--space-lg) var(--space-md) }
.u-a4cd54 { margin:2rem 0 1rem }
.u-a24fdc { margin:1.75rem 0 0.75rem }
.u-312437 { margin:1.5rem 0 0.5rem }
.u-e11219 { color:var(--text); line-height:1.85; font-size:1.05rem; margin:1.25rem 0 }
.u-47ab5b { margin:2rem 0 }
.u-f5c02d { width:100%; border-radius:8px; border:1px solid var(--border) }
.u-a24ec9 { text-align:center; color:var(--muted); font-size:0.82rem; margin-top:0.5rem }
.u-15e992 { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:8px }
.u-a923e2 { position:absolute; top:0; left:0; width:100%; height:100%; border:none }
.u-2943f2 { width:100%; border-radius:8px }
.u-e3239b { background:var(--obsidian-2); border:1px solid var(--border); border-radius:8px; padding:1.25rem; overflow-x:auto; margin:1.5rem 0 }
.u-d8b7e0 { font-family:monospace; font-size:0.88rem; line-height:1.6; color:var(--text-bright) }
.u-6e9fdd { border-left:3px solid var(--ts-violet); padding:var(--space-sm) var(--space-md); background:rgba(139,92,246,0.06); border-radius:0 8px 8px 0; margin:2rem 0 }
.u-822497 { font-size:0.85rem; color:var(--muted); font-style:normal }
.u-da760e { margin:2rem 0; border-radius:8px; overflow:hidden }
.u-839693 { margin-top:var(--space-md); padding-top:1.5rem; border-top:1px solid var(--border) }
.u-5c2b23 { display:flex; flex-wrap:wrap; gap:0.5rem; align-items:center }
.u-13f437 { font-size:0.78rem; color:var(--muted); font-weight:600; text-transform:uppercase; letter-spacing:0.08em; margin-right:0.25rem }
.u-978ebc { font-size:0.78rem }
.u-077053 { margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid var(--border) }
.u-8b4c3e { font-size:0.78rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--muted); margin-bottom:0.75rem }
.u-b9732f { display:flex; gap:0.75rem; flex-wrap:wrap }
.u-9f8776 { padding:0.5rem 1rem; font-size:0.82rem }
.u-41e762 { max-width:780px; margin:0 auto; padding:0 var(--space-md) var(--space-lg) }
.u-3afd16 { border-top:1px solid var(--border); padding-top:var(--space-md) }
.u-8c468d { padding:1rem; background:rgba(45,212,191,0.1); border:1px solid var(--ts-teal); border-radius:8px; color:var(--ts-teal); margin-bottom:1.5rem }
.u-baae9e { display:flex; flex-direction:column; gap:1.25rem; margin-bottom:var(--space-md) }
.u-ee889d { background:var(--obsidian-2); border:1px solid var(--border); border-radius:8px; padding:1.25rem }
.u-798321 { display:flex; justify-content:space-between; margin-bottom:0.75rem }
.u-b60e3c { color:var(--text); line-height:1.7; margin:0 }
.u-105837 { margin-top:1rem; padding-top:1rem; border-top:1px solid var(--border); padding-left:1.5rem }
.u-45bbf1 { display:flex; justify-content:space-between; margin-bottom:0.5rem }
.u-de3ee9 { color:var(--text); font-size:0.9rem; line-height:1.6; margin:0 }
.u-946a59 { background:var(--obsidian-2); border:1px solid var(--border); border-radius:8px; padding:1.5rem }
.u-38dc19 { margin:0 0 1.25rem; font-size:1rem }
.u-6626f6 { position:absolute; left:-9999px; height:0; overflow:hidden }
.u-549731 { display:block; font-size:0.82rem; font-weight:600; color:var(--muted); margin-bottom:0.4rem }
.u-5a952c { clip-path:none }
.u-3a7738 { font-size:0.75rem; color:var(--muted); margin-top:0.5rem }
.u-c4b17f { padding:var(--space-lg) var(--space-md); border-top:1px solid var(--border) }
.u-eb5558 { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1.5rem; max-width:1100px; margin:0 auto }
.u-978ae8 { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:6px 6px 0 0 }
.u-d5727e { display:inline-block; margin-bottom:0.75rem; font-size:0.72rem }
.u-156d5d { font-size:1rem; margin-bottom:0.5rem }
.u-6ab23f { font-size:0.82rem; color:var(--ts-violet); font-weight:600 }
.u-616ab5 { padding:1.5rem var(--space-md); border-bottom:1px solid var(--border); overflow-x:auto }
.u-5c7940 { display:flex; gap:0.75rem; min-width:max-content }
.u-b5067c { margin-bottom:var(--space-lg) }
.u-822777 { display:flex; gap:0.5rem; margin-bottom:0.75rem; flex-wrap:wrap }
.u-348c11 { background:rgba(45,212,191,0.15); border-color:var(--ts-teal); color:var(--ts-teal) }
.u-380f6b { font-size:clamp(1.5rem,3vw,2.4rem); margin-bottom:0.75rem }
.u-d7f3c4 { line-height:1.6; max-width:640px }
.u-1ab851 { display:inline-flex; align-items:center; gap:0.4rem; margin-top:1rem; font-weight:600; font-size:0.9rem }
.u-b6555c { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.5rem; margin-bottom:var(--space-lg) }
.u-08bab8 { margin-bottom:0.5rem; font-size:1.05rem; line-height:1.3 }
.u-be4f37 { color:var(--muted); font-size:0.88rem; line-height:1.6; margin-bottom:1rem }
.u-7c29bd { display:flex; justify-content:center; gap:0.5rem; margin-top:var(--space-md) }
.u-a013fb { padding:0.5rem 1rem }
.u-8526da { padding:0.5rem 1rem; min-width:40px; text-align:center; clip-path:none }
.u-30c4f1 { margin-top:var(--space-lg); padding-top:var(--space-md); border-top:1px solid var(--border) }
.u-1b08d9 { font-size:0.78rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); margin-bottom:1rem }
.u-5439fa { display:flex; flex-wrap:wrap; gap:0.5rem }
.u-adb033 { color:var(--muted); font-size:0.82rem; display:inline-block; margin-bottom:1rem }
.u-967a05 { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:1.5rem; flex-wrap:wrap; gap:1rem }
.u-77b3e8 { font-size:1.5rem; font-weight:700; color:var(--text-bright); margin:0 0 0.2rem }
.u-9f7852 { color:var(--muted); font-size:0.85rem; margin:0 }
.u-db89f0 { display:grid; grid-template-columns:1fr 380px; gap:2rem; align-items:start }
.u-ca17b9 { border:1px solid var(--border); margin-bottom:1.5rem }
.u-d30142 { width:40px; height:40px; border:none; cursor:pointer; border-radius:6px; padding:2px }
.u-29d227 { flex:1; font-family:monospace; font-size:0.82rem }
.u-03a205 { border:1px solid var(--border); overflow:hidden }
.u-e33fc7 { font-size:0.72rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.08em; padding:0.75rem 1rem; border-bottom:1px solid var(--border) }
.u-8d1ab5 { padding:2rem; text-align:center; background:var(--obsidian) }
.u-d9bca4 { font-size:0.85rem; color:rgba(255,255,255,0.6); margin-top:0.3rem }
.u-63ad3f { display:flex; height:8px }
.u-e0c704 { padding:1rem }
.u-137d14 { padding:var(--space-lg) 0; max-width:800px }
.u-b3df5d { display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem; flex-wrap:wrap; gap:1rem }
.u-7b80d4 { color:var(--purple); font-size:0.82rem }
.u-b82c9d { background:linear-gradient(135deg,@primary,@secondary); border-radius:16px; padding:3rem; text-align:center; margin-bottom:3rem }
.u-e021f1 { width:80px; height:80px; border-radius:16px; background:rgba(255,255,255,0.15); display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; font-size:2.2rem; font-weight:900; color:#fff; font-family:@heading,sans-serif }
.u-889eed { font-size:2.4rem; font-weight:900; color:#fff; margin:0 0 0.5rem; font-family:@heading,sans-serif }
.u-24db48 { font-size:1.1rem; color:rgba(255,255,255,0.8); margin:0 }
.u-64e6ba { margin-top:1.5rem; font-size:0.75rem; color:rgba(255,255,255,0.5); text-transform:uppercase; letter-spacing:0.1em }
.u-11ee3d { font-size:0.78rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); margin:0 0 1.5rem; font-family:@heading,sans-serif }
.u-ffb7b6 { display:flex; gap:2rem; flex-wrap:wrap }
.u-c024d6 { background:@primary }
.u-b974e8 { background:@secondary }
.u-0d2538 { background:@accent }
.u-8fd34f { background:#FFFFFF; border:1px solid var(--border) }
.u-68dead { background:#0A0A0F }
.u-a6aa2e { font-size:0.78rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); margin:0 0 1.5rem }
.u-c82a1a { display:grid; grid-template-columns:1fr 1fr; gap:2rem }
.u-1980dc { font-size:0.72rem; color:var(--muted); margin-bottom:0.4rem; text-transform:uppercase; letter-spacing:0.06em }
.u-173dd8 { font-family:@heading,sans-serif }
.u-528193 { font-size:2rem; font-weight:900; color:var(--text-bright); line-height:1.1 }
.u-d6f80d { font-size:1rem; font-weight:700; color:var(--text-bright); margin-top:0.5rem }
.u-a4f7dc { font-size:0.85rem; font-weight:600; color:var(--muted) }
.u-b900ab { font-size:0.78rem; font-weight:500; color:var(--muted) }
.u-fba1f2 { font-family:@body,sans-serif }
.u-2f4955 { font-size:0.95rem; color:var(--text-bright); line-height:1.65 }
.u-08d575 { font-size:0.8rem; color:var(--muted); margin-top:0.5rem; line-height:1.6 }
.u-726389 { display:inline-block; background:@primary; color:#fff; padding:0.4rem 1rem; border-radius:99px; font-size:0.85rem; font-weight:600; margin-bottom:1rem }
.u-bde616 { border-left:4px solid @primary; padding:1rem 1.25rem; margin:0; background:var(--surface); border-radius:0 8px 8px 0 }
.u-8db9ca { color:var(--text-bright); font-size:0.95rem; line-height:1.65; margin:0; font-style:italic }
.u-c25b85 { border-radius:12px; padding:1.5rem; background:@primary; color:#fff }
.u-fddbb4 { font-family:@heading,sans-serif; font-size:1rem; font-weight:700; margin-bottom:0.4rem }
.u-5e105c { font-size:0.8rem; opacity:0.8 }
.u-b6294c { border-radius:12px; padding:1.5rem; background:@secondary; color:#fff }
.u-ee700c { border-radius:12px; padding:1.5rem; background:var(--surface); border:1px solid var(--border) }
.u-1712ec { font-family:@heading,sans-serif; font-size:0.85rem; font-weight:600; color:var(--text-bright); margin-bottom:0.3rem }
.u-b9f9b1 { margin-top:0.75rem; height:3px; background:linear-gradient(90deg,@primary,@secondary); border-radius:99px }
.u-4e69ee { border-radius:12px; padding:1.5rem; background:var(--obsidian); border:1px solid var(--border) }
.u-d49f62 { font-family:@heading,sans-serif; font-size:0.85rem; font-weight:600; color:#fff; margin-bottom:0.3rem }
.u-244e07 { font-size:0.78rem; color:rgba(255,255,255,0.5) }
.u-1c192c { display:inline-block; margin-top:0.5rem; padding:0.2rem 0.6rem; background:@accent; border-radius:99px; font-size:0.7rem; font-weight:600; color:#000 }
.u-10529a { text-align:center; color:var(--muted); font-size:0.78rem; padding-top:1rem }
.u-5344f3 { background:linear-gradient(135deg,var(--obsidian) 60%,#1a0030); padding:var(--space-lg) 0; border-bottom:1px solid var(--border) }
.u-db86f5 { display:flex; align-items:center; gap:1.5rem; margin-bottom:1rem }
.u-f9c7ee { font-size:1.8rem; font-weight:800; color:var(--text-bright); margin:0 }
.u-c4fd98 { color:var(--muted); margin:0; font-size:0.88rem }
.u-c942dc { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:1rem 1.5rem; display:flex; align-items:center; gap:1.5rem; margin-bottom:2rem; flex-wrap:wrap }
.u-d4f2c8 { font-size:0.78rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.06em }
.u-e3ea19 { margin-left:auto; font-size:0.82rem }
.u-6f6096 { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-bottom:2rem }
.u-6ee9ae { border:1px solid var(--border); padding:1.5rem; transition:border-color 0.2s; cursor:pointer }
.u-9ca2f2 { width:48px; height:48px; background:linear-gradient(135deg,#6B21A8,#A855F7); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:1rem }
.u-227baf { font-size:1rem; font-weight:700; color:var(--text-bright); margin:0 0 0.4rem }
.u-32d844 { font-size:0.82rem; color:var(--muted); margin:0; line-height:1.5 }
.u-ab71a5 { font-size:0.68rem; margin-top:0.75rem; display:inline-block }
.u-865b0b { border:1px solid var(--border); padding:1.5rem; cursor:pointer }
.u-c10515 { width:48px; height:48px; background:linear-gradient(135deg,#0D9488,#14B8A6); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:1rem }
.u-4e5db2 { width:48px; height:48px; background:linear-gradient(135deg,#374151,#6B7280); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:1rem }
.u-7f23b5 { font-size:0.72rem; color:var(--muted); margin-top:0.75rem; display:block }
.u-6bbb40 { border:1px solid var(--border); padding:2rem }
.u-aaea80 { font-size:0.78rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); margin:0 0 1.5rem }
.u-227a70 { display:grid; grid-template-columns:auto 1fr auto; gap:2rem; align-items:center; flex-wrap:wrap }
.u-87fcce { font-size:0.72rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:0.5rem }
.u-de893b { display:flex; flex-direction:column; align-items:center; gap:0.25rem }
.u-eeb485 { font-size:0.62rem; color:var(--muted); font-family:monospace }
.u-6c512d { width:44px; height:44px; border-radius:8px; background:@kit.AccentColor }
.u-f6e3d7 { text-align:right }
.u-43de7c { font-size:0.72rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:0.4rem }
.u-f3507a { font-size:1rem; font-weight:700; color:var(--text-bright) }
.u-3f619f { font-size:0.85rem; color:var(--text-bright); margin-top:0.25rem }
.u-6059e1 { margin-top:1.25rem; padding-top:1.25rem; border-top:1px solid var(--border); font-size:1rem; color:var(--muted); font-style:italic }
.u-f44959 { text-align:center; padding:var(--space-xl); border:1px dashed var(--border); border-radius:12px }
.u-3ec8cc { font-size:2.5rem; margin-bottom:0.75rem }
.u-6a19fc { display:inline-block }
.u-cecfb9 { font-size:1.1rem; font-weight:700; color:var(--text-bright); margin:0 0 0.5rem }
.u-c523fa { color:var(--muted); font-size:0.88rem; margin:0 0 1.25rem }
.u-71b2df { font-size:0.78rem; align-self:center }
.u-bd5a7b { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem }
.u-a43787 { position:absolute; top:0.5rem; right:0.5rem; z-index:1 }
.u-3f470d { background:@bg; padding:1.5rem; min-height:140px }
.u-f0f92a { width:40px; height:40px; border-radius:10px; background:@primary; margin-bottom:0.75rem }
.u-665712 { font-size:1rem; font-weight:700; color:@textColor; font-family:@hFont,sans-serif; margin-bottom:0.25rem }
.u-c9d010 { font-size:0.72rem; color:@textColor; opacity:0.5; margin-bottom:0.75rem }
.u-4c1b4a { height:4px; flex:1; background:@primary; border-radius:99px }
.u-919e46 { height:4px; flex:1; background:@secondary; border-radius:99px }
.u-037798 { padding:0.75rem 1rem; background:var(--surface); display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--border) }
.u-3c3139 { font-size:0.82rem; font-weight:600; color:var(--text-bright) }
.u-577fe9 { font-size:0.7rem; color:var(--muted); text-transform:capitalize }
.u-49dfc5 { font-size:0.75rem; padding:0.3rem 0.75rem }
.u-a62430 { font-size:0.75rem; color:@primary; font-weight:600 }
.u-837ffb { padding:0.5rem 1rem 0.75rem; background:var(--surface) }
.u-ef4c38 { font-size:0.75rem; color:var(--muted); margin:0; line-height:1.5 }
.u-5e29f1 { background:var(--obsidian); border-bottom:1px solid var(--border); padding:var(--space-lg) 0 var(--space-md) }
.u-263528 { font-size:1.6rem; font-weight:800; color:var(--text-bright); margin:0 0 1rem }
.u-bef32d { display:flex; gap:1.5rem; flex-wrap:wrap }
.u-815e37 { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:1rem 1.5rem; min-width:160px }
.u-ced914 { display:flex; gap:0.75rem; align-items:center; flex-wrap:wrap }
.u-554cc5 { background:rgba(0,200,150,0.1); border:1px solid rgba(0,200,150,0.3); border-radius:8px; padding:0.8rem 1.2rem; margin-bottom:1.5rem; color:var(--ts-teal); font-size:0.9rem }
.u-c13cf3 { background:rgba(220,50,50,0.1); border:1px solid rgba(220,50,50,0.3); border-radius:8px; padding:0.8rem 1.2rem; margin-bottom:1.5rem; color:var(--danger); font-size:0.9rem }
.u-4c2a24 { display:grid; gap:0.4rem }
.u-d1cc0f { display:flex; justify-content:space-between; align-items:center; padding:0.4rem 0; border-bottom:1px solid var(--border) }
.u-4e928b { font-size:0.82rem; color:var(--text-bright) }
.u-c0cfe0 { font-size:0.72rem; color:var(--muted); margin-left:0.4rem }
.u-a75870 { display:flex; gap:0.6rem }
.u-66c728 { width:100%; margin-top:0.6rem }
.u-6ee071 { font-size:0.72rem; color:var(--muted); margin:0.4rem 0 0 }
.u-ecd537 { color:var(--muted); font-size:0.82rem; display:inline-block; margin-bottom:0.75rem }
.u-0910e1 { font-size:1.5rem; font-weight:800; color:var(--text-bright); margin:0 }
.u-e2134a { color:var(--muted); font-size:0.85rem; margin:0.25rem 0 0 }
.u-803395 { padding:var(--space-lg) 0; max-width:520px }
.u-29871c { display:block; font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); margin-bottom:0.4rem }
.u-297918 { background:rgba(139,92,246,0.08); border:1px solid rgba(139,92,246,0.2); border-radius:8px; padding:0.75rem 1rem; margin-bottom:1.25rem; font-size:0.82rem; color:var(--muted); line-height:1.5 }
.u-977124 { padding-top:2.5rem; padding-bottom:3rem }
.u-ad6f15 { margin-bottom:2.5rem }
.u-c7c626 { font-size:0.75rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--ts-cyan); font-weight:600; margin:0 0 0.4rem }
.u-9e1de5 { font-size:clamp(1.6rem,4vw,2.4rem); font-weight:800; color:var(--text-bright); margin:0 0 0.35rem; line-height:1.1 }
.u-ca5be3 { color:var(--muted); font-size:0.95rem; margin:0 }
.u-14673c { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1rem; margin-bottom:2.5rem }
.u-8ff01b { background:linear-gradient(135deg,#6366F1,#8B5CF6) }
.u-92978c { background:linear-gradient(135deg,#0EA5E9,#06B6D4) }
.u-227824 { background:linear-gradient(135deg,#10B981,#059669) }
.u-8b20fc { background:linear-gradient(135deg,#F59E0B,#D97706) }
.u-4a9797 { opacity:.5; cursor:not-allowed }
.u-0c8101 { background:linear-gradient(135deg,#9CA3AF,#6B7280) }
.u-f86265 { background:linear-gradient(135deg,#EC4899,#BE185D) }
.u-ed9533 { background:linear-gradient(135deg,#64748B,#475569) }
.u-86feed { background:linear-gradient(135deg,#06B6D4,#0891B2) }
.u-8460ff { background:linear-gradient(135deg,#8B5CF6,#7C3AED) }
.u-4f7b3e { background:linear-gradient(135deg,#14B8A6,#0D9488) }
.u-3c2c2f { background:linear-gradient(135deg,#F97316,#EA580C) }
.u-4820f7 { background:linear-gradient(135deg,#0EA5E9,#2563EB) }
.u-06b065 { background:linear-gradient(135deg,#84CC16,#65A30D) }
.u-656823 { font-size:0.82rem; color:var(--ts-cyan) }
.u-0ab618 { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1rem }
.u-6c353c { display:flex; gap:1rem; align-items:center; text-decoration:none; padding:1rem }
.u-45fce3 { width:44px; height:44px; border-radius:8px; background:linear-gradient(135deg,var(--ts-violet),var(--ts-cyan)); flex-shrink:0 }
.u-3f9f96 { min-width:0 }
.u-0cc5d5 { font-size:0.88rem; font-weight:600; color:var(--text-bright); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.u-6a2e8e { display:block; text-decoration:none; padding:1rem }
.u-7e09b8 { font-size:0.88rem; font-weight:600; color:var(--text-bright); margin-bottom:0.25rem }
.u-da49f0 { font-size:0.7rem; vertical-align:middle }
.u-d80f5e { max-width:560px }
.u-d9ce25 { margin:0 0 0.5rem; font-size:0.85rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted) }
.u-4a2f96 { background:rgba(139,92,246,0.08); border:1px solid rgba(139,92,246,0.2); border-radius:8px; padding:1rem }
.u-31d516 { font-size:0.8rem; font-weight:600; color:var(--purple); letter-spacing:0.08em; display:block; margin-bottom:0.5rem; display:flex; align-items:center; gap:5px }
.u-b77294 { margin:0.5rem 0 0; font-size:0.75rem; color:var(--muted) }
.u-c40dd7 { display:none; flex-direction:column; gap:0.5rem; margin-bottom:0.5rem }
.u-193605 { width:44px; height:36px; padding:2px; border:1px solid var(--border); border-radius:6px; cursor:pointer; background:var(--surface) }
.u-17b5e1 { display:flex; flex-wrap:wrap; gap:0.4rem }
.u-6e7814 { width:24px; height:24px; border-radius:4px; background:@c; border:2px solid transparent; cursor:pointer; padding:0; transition:transform 0.1s,border-color 0.1s }
.u-63242f { display:none; margin-bottom:0.5rem }
.u-04b19d { display:flex; align-items:center; gap:0.75rem; padding:0.6rem 0.9rem; border:1px dashed var(--border); border-radius:6px; cursor:pointer; font-size:0.85rem; color:var(--muted); transition:border-color 0.2s }
.u-cfd959 { display:none; margin-top:0.5rem }
.u-8319af { height:4px; background:var(--border); border-radius:2px; overflow:hidden }
.u-6fe690 { height:100%; background:var(--cyan); width:0%; transition:width 0.3s }
.u-f16d80 { margin:0.35rem 0 0; font-size:0.75rem; color:var(--muted) }
.u-fab322 { height:90px; border-radius:8px; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative; background:#0a0a14 }
.u-9ef8d3 { color:rgba(255,255,255,0.4); font-size:0.75rem }
.u-8b21c8 { display:flex; gap:1rem; margin-top:1.5rem }
.u-8c0dc2 { width:100%; height:100%; object-fit:cover; position:absolute; inset:0 }
.u-027b5c { position:relative; z-index:1; color:#fff; font-size:0.75rem }
.u-1f75f8 { color:rgba(255,255,255,0.25); font-size:0.75rem }
.u-9ab095 { width:50px }
.u-3cfc9c { color:var(--muted); font-weight:600 }
.u-c2ff2c { font-weight:600; color:var(--text-bright); max-width:280px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.u-b705d7 { font-family:monospace; font-size:0.8rem; color:var(--muted); max-width:160px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.u-6bf4c1 { border:none; cursor:pointer; background:none; font-size:0.75rem; padding:0.2rem 0.6rem }
.u-367040 { margin-top:1.5rem; padding:1rem 1.25rem }
.u-66a74a { margin:0; font-size:0.85rem; color:var(--muted) }
.u-d76d72 { background:rgba(45,212,191,0.12); border-color:var(--teal,#2dd4bf); color:var(--teal,#0d9488) }
.u-f62660 { font-size:clamp(2rem,5vw,3.6rem) }
.u-1b0694 { margin-top:0.5rem; margin-bottom:0.5rem }
.u-f9e386 { color:var(--muted); max-width:640px; margin:0.75rem auto 0; font-size:1.05rem; line-height:1.7 }
.u-6d250e { border-bottom:1px solid var(--border); background:var(--surface) }
.u-89a869 { max-width:1100px; margin:0 auto }
.u-935616 { text-align:center; min-width:120px }
.u-9027eb { max-width:900px; margin:0 auto; display:flex; flex-direction:column; gap:var(--space-lg) }
.u-a0fa83 { text-align:left; margin-inline:0 }
.u-0329de { color:var(--text); line-height:1.8; font-size:1.05rem }
.u-c0f973 { border-radius:8px; object-fit:cover; width:100%; aspect-ratio:16/9; border:1px solid var(--border) }
.u-a62e1a { border-left:3px solid var(--ts-violet); padding:var(--space-sm) var(--space-md); background:rgba(139,92,246,0.06); border-radius:0 8px 8px 0 }
.u-51852e { font-size:1.15rem; font-style:italic; color:var(--text-bright); line-height:1.7; margin-bottom:0.75rem }
.u-e26d17 { font-size:0.9rem; color:var(--muted); font-style:normal }
.u-582083 { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap }
.u-816b70 { @bgStyle }
.u-48d8fb { background-image:url('@s.BackgroundValue') }
.u-68e48f { background:@overlayColor }
.u-accfab { border-top:1px solid var(--border) }
.u-62aee1 { gap:var(--space-md); grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)) }
.u-a50337 { border-radius:8px }
.u-ed1ffe { color:var(--purple); margin-bottom:1rem; font-size:1.2rem; letter-spacing:2px }
.u-5c5638 { font-style:italic; font-size:1.1rem; margin-bottom:2rem }
.u-ad601f { border-top:1px solid var(--border-lite); padding-top:1rem }
.u-f8b1d6 { color:var(--text-bright); margin-bottom:0; font-family:var(--font-display); font-size:1.1rem }
.u-c8a6a8 { color:var(--cyan); font-weight:500 }
.u-7599e8 { border-top:1px solid var(--border); padding-bottom:var(--space-lg) }
.u-826902 { background-image:url('@article.CoverImageUrl') }
.u-38dc48 { text-align:center; margin-top:var(--space-lg) }
.u-12212b { margin-top:var(--space-xl); border-top:1px solid var(--border) }
.u-69be55 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:800; color:var(--text-bright); margin:0 0 .5rem }
.u-2d4b7f { color:var(--muted); font-size:.85rem; margin:0 0 2rem }
.u-743c73 { color:var(--text); line-height:1.8; font-size:.98rem; display:flex; flex-direction:column; gap:1.25rem }
.u-3daf7d { width:100%; border-collapse:collapse; font-size:.9rem }
.u-fedef8 { border-bottom:1px solid var(--border) }
.u-a06182 { font-size:.85rem; color:var(--muted) }
.u-5432e1 { margin-top:1rem; display:inline-flex }
.u-e58ee0 { text-align:center; padding:var(--space-lg) 0; color:var(--muted) }
.u-6f0d10 { font-size:1.05rem; margin:0 0 .5rem }
.u-3b69ce { font-size:.9rem; margin:0 }
.u-688907 { grid-template-columns:2fr 1fr; gap:1.5rem }
.u-569160 { margin-top:0; font-size:0.95rem; letter-spacing:0.08em; text-transform:uppercase }
.u-fa3772 { margin-top:1.5rem; font-size:0.95rem; letter-spacing:0.08em; text-transform:uppercase }
.u-beb67a { white-space:pre-wrap; color:var(--text) }
.u-7e2a50 { list-style:none; padding:0; margin:0; font-size:0.85rem }
.u-5fc636 { padding:0.5rem 0; border-bottom:1px solid var(--border-subtle) }
.u-5099e1 { color:var(--muted); font-size:0.75rem; margin-top:0.25rem }
.u-1e7818 { color:var(--muted); font-size:0.9rem; margin:0 }
.u-29598d { text-align:center; padding:3rem }
.u-bf2c15 { color:var(--muted); margin-bottom:1rem }
.u-4a88a1 { display:flex; gap:0.3rem; flex-wrap:wrap }
.u-c73ec6 { font-size:1.5rem; font-weight:800; color:var(--text-bright); margin:0 0 0.2rem }
.u-196471 { display:flex; gap:0.75rem; align-items:center }
.u-ee1862 { padding:var(--space-lg) 0; max-width:680px }
.u-ac520f { text-align:center; padding:var(--space-xl) 0 }
.u-cf32dd { display:grid; gap:0.5rem }
.u-9584b3 { font-size:0.82rem; color:var(--muted); margin-top:0.2rem; line-height:1.5 }
.u-9f4b23 { font-size:0.7rem; color:var(--muted); margin-top:0.3rem }
.u-b1fc97 { font-size:0.72rem; color:var(--muted); background:none; border:none; cursor:pointer; padding:0.2rem 0.4rem; flex-shrink:0 }
.u-f0e74f { padding:var(--space-lg) 0; max-width:560px }
.u-a279d2 { font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); margin:0 0 1.25rem }
.u-7bd24b { display:grid; gap:1rem }
.u-139012 { display:flex; justify-content:space-between; align-items:center; cursor:pointer }
.u-237b89 { font-size:0.9rem; font-weight:600; color:var(--text-bright) }
.u-f2c30d { font-size:0.65rem; color:var(--muted); margin-left:0.4rem }
.u-263226 { display:flex; justify-content:space-between; align-items:center; cursor:pointer; margin-bottom:0.5rem }
.u-5d536d { margin-bottom:1.5rem; padding:1rem }
.u-f17579 { font-size:0.85rem; font-weight:600; color:var(--ts-teal) }
.u-f34dc7 { font-size:0.85rem; width:100% }
.u-0d9bc4 { background:linear-gradient(135deg,#7C3AED,#A855F7) }
.u-80d8a5 { background:linear-gradient(135deg,#0D9488,#14B8A6) }
.u-dedca0 { background:linear-gradient(135deg,#1D4ED8,#3B82F6) }
.u-19bf2b { background:linear-gradient(135deg,#B45309,#F59E0B) }
.u-2269bd { text-align:center; padding:var(--space-xl) var(--space-md) var(--space-lg); background:var(--obsidian); border-bottom:1px solid var(--border) }
.u-5918e7 { font-size:clamp(2rem,4vw,3rem); font-weight:900; color:var(--text-bright); margin:0 0 0.75rem }
.u-5aed64 { font-size:1.05rem; color:var(--muted); max-width:520px; margin:0 auto 1.5rem; line-height:1.6 }
.u-ca9997 { display:inline-flex; background:var(--surface); border-radius:99px; border:1px solid var(--border); padding:3px; gap:2px }
.u-2d363d { padding:0.4rem 1.2rem; border-radius:99px; border:none; cursor:pointer; font-size:0.88rem; font-weight:600; background:var(--purple); color:#fff; transition:all 0.2s }
.u-b07b23 { padding:0.4rem 1.2rem; border-radius:99px; border:none; cursor:pointer; font-size:0.88rem; font-weight:600; background:transparent; color:var(--muted); transition:all 0.2s }
.u-7b711f { font-size:0.7rem; background:rgba(0,200,150,0.2); color:var(--ts-teal); border-radius:99px; padding:0.1rem 0.4rem; margin-left:0.3rem }
.u-0f4431 { font-size:0.72rem; color:var(--muted); margin:1rem auto 0; max-width:480px }
.u-b8d5e1 { padding:var(--space-lg) 0; display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.25rem; align-items:start }
.u-98a320 { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--purple); color:#fff; font-size:0.7rem; font-weight:700; letter-spacing:0.08em; padding:0.25rem 0.8rem; border-radius:99px }
.u-a6b253 { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--ts-teal); color:#fff; font-size:0.7rem; font-weight:700; letter-spacing:0.08em; padding:0.25rem 0.8rem; border-radius:99px }
.u-97ab8a { font-size:1.15rem; font-weight:800; color:var(--text-bright); margin-bottom:0.2rem }
.u-56e1e3 { font-size:0.82rem; color:var(--muted); margin:0; line-height:1.4 }
.u-d1d3b9 { font-size:1.6rem; font-weight:800; color:@accentColor }
.u-fb6696 { font-size:2rem; font-weight:800; color:@accentColor }
.u-afeec5 { font-size:0.9rem; color:var(--muted) }
.u-7b8740 { display:grid; grid-template-columns:1fr 1fr; gap:0.4rem }
.u-b0df5d { font-size:0.88rem; font-weight:700; color:var(--purple) }
.u-dc1c60 { font-size:0.65rem; color:var(--muted) }
.u-e4a298 { font-size:0.88rem; font-weight:700; color:var(--ts-teal) }
.u-a94e7e { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:0.45rem; flex:1 }
.u-71f875 { display:flex; align-items:flex-start; gap:0.5rem; font-size:0.83rem; color:var(--muted) }
.u-f0246f { flex-shrink:0; margin-top:2px }
.u-ccc237 { text-align:center; padding:0.75rem; background:rgba(0,200,150,0.1); border-radius:8px; color:var(--ts-teal); font-weight:600; font-size:0.85rem }
.u-4e7572 { padding:0 0 var(--space-xl) }
.u-6bb127 { font-size:1.2rem; font-weight:700; color:var(--text-bright); margin:0 0 1.5rem; text-align:center }
.u-932324 { overflow-x:auto; border:1px solid var(--border); border-radius:10px }
.u-78ea51 { width:100%; border-collapse:collapse; min-width:600px }
.u-c95431 { text-align:left; padding:0.9rem 1rem; font-size:0.78rem; color:var(--muted); font-weight:600 }
.u-62f10f { padding:0.9rem 0.75rem; font-size:0.85rem; font-weight:700; color:var(--text-bright); text-align:center }
.u-c123f3 { padding:0.8rem 1rem; font-size:0.85rem; color:var(--muted) }
.u-e7a132 { text-align:center; padding:0.8rem }
.u-3c0764 { color:var(--border) }
.u-2d7305 { text-align:center; padding:0.8rem; font-weight:600; color:var(--purple); font-size:0.85rem }
.u-ca08b9 { text-align:center; padding:0.8rem; font-weight:600; color:var(--ts-teal); font-size:0.85rem }
.u-ba652e { text-align:center; padding:0.8rem; font-size:0.85rem; color:var(--text-bright) }
.u-34f773 { background:var(--obsidian); border-top:1px solid var(--border); padding:var(--space-lg) 0 }
.u-8ea535 { font-size:1.1rem; font-weight:700; color:var(--text-bright); margin:0 0 1.5rem; text-align:center }
.u-1f7317 { border-bottom:1px solid var(--border); padding-bottom:1rem }
.u-fa3577 { font-weight:600; color:var(--text-bright); font-size:0.9rem; margin:0 0 0.4rem }
.u-113f9d { color:var(--muted); font-size:0.85rem; margin:0; line-height:1.5 }
.u-30b217 { background:linear-gradient(135deg,#0D9488,#14B8A6); color:#fff; padding:1rem 1.5rem; border-radius:10px; margin-bottom:2rem; font-weight:600; font-size:0.92rem }
.u-250488 { background:linear-gradient(135deg,var(--obsidian) 55%,#001a10); padding:var(--space-xl) 0; border-bottom:1px solid var(--border); margin-bottom:var(--space-lg) }
.u-480be6 { display:flex; align-items:center; gap:0.75rem; margin-bottom:1rem }
.u-36727a { font-size:0.75rem; text-transform:uppercase; letter-spacing:0.12em; color:#14B8A6; font-weight:600 }
.u-478ff1 { font-size:clamp(2rem,5vw,3rem); font-weight:900; color:var(--text-bright); margin:0 0 1rem; max-width:700px; line-height:1.1 }
.u-e32b54 { font-size:1.05rem; color:var(--muted); max-width:580px; line-height:1.7; margin:0 0 2rem }
.u-1811d1 { display:flex; gap:1rem; flex-wrap:wrap }
.u-4b66bf { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-bottom:var(--space-xl) }
.u-d983ac { padding:1.5rem; border:1px solid var(--border); border-radius:12px; background:var(--surface) }
.u-e60f27 { margin-bottom:0.75rem; display:block }
.u-9f9e7d { font-size:1.3rem; font-weight:800; color:var(--text-bright); margin-bottom:0.25rem }
.u-7e572e { font-size:0.83rem; color:var(--muted); line-height:1.5 }
.u-877854 { margin-bottom:var(--space-xl) }
.u-353d53 { font-size:1.2rem; font-weight:800; color:var(--text-bright); margin:0 0 1.25rem }
.u-1c2440 { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem }
.u-6d6614 { padding:1.1rem 1.25rem; border:1px solid var(--border); border-radius:10px; background:var(--surface) }
.u-ae10cc { font-size:0.88rem; font-weight:700; color:var(--text-bright); margin-bottom:0.3rem }
.u-edf954 { font-size:0.8rem; color:var(--muted); line-height:1.5 }
.u-28c2e7 { border:1px solid var(--border); border-radius:14px; background:var(--surface); padding:2rem; margin-bottom:var(--space-xl) }
.u-938eba { font-size:1.1rem; font-weight:800; color:var(--text-bright); margin:0 0 0.35rem }
.u-249f4b { font-size:0.83rem; color:var(--muted); margin:0 0 1.75rem }
.u-83003a { margin:0 0 1rem; font-size:1rem; font-weight:700; color:var(--text-bright) }
.u-74112f { border:1px solid var(--border); display:flex; align-items:center; gap:1.5rem; padding:1.5rem }
.u-1b8ab4 { font-size:3rem; font-weight:900; color:var(--ts-teal); line-height:1 }
.u-84f8dd { font-size:.82rem; color:var(--muted); margin-top:.3rem }
.u-f16976 { border:1px solid var(--border); padding:0; overflow:hidden }
.u-078311 { padding:.75rem 1rem; border-bottom:1px solid var(--border); font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--muted) }
.u-291eb7 { display:flex; justify-content:space-between; align-items:center; padding:.75rem 1rem; border-bottom:1px solid var(--border) }
.u-926132 { font-size:.85rem; color:var(--text-bright) }
.u-c31c27 { font-size:.7rem; color:var(--muted) }
.u-1255f7 { text-align:center; padding:2rem; color:var(--muted); border:1px dashed var(--border); border-radius:10px }
.u-53c301 { margin:0; font-size:.88rem }
.u-e34dab { margin:0; font-size:1rem; font-weight:700; color:var(--text-bright) }
.u-560adf { color:var(--muted); font-weight:400; font-size:.85rem }
.u-48bea3 { display:flex; align-items:center; gap:1rem; padding:.85rem 1.1rem; border-bottom:1px solid var(--border) }
.u-3947f2 { width:40px; height:40px; border-radius:6px; object-fit:cover; flex-shrink:0 }
.u-62ba49 { width:40px; height:40px; border-radius:6px; background:var(--surface); border:1px solid var(--border); flex-shrink:0 }
.u-aa0596 { color:var(--text-bright); font-weight:600; font-size:.88rem; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.u-1b0d19 { font-size:.62rem }
.u-b89774 { font-size:.78rem; color:var(--purple); flex-shrink:0 }
.u-fa6cd6 { text-align:center; padding:var(--space-lg); color:var(--muted); border:1px dashed var(--border); border-radius:10px }
.u-892259 { margin:0 0 1rem }
.u-aa81ae { border:1px solid var(--border); max-width:600px }
.u-a20a69 { display:flex; align-items:center; gap:0.5rem; margin-bottom:1.5rem }
.u-bbf217 { font-size:0.85rem; color:var(--text-bright); cursor:pointer }
.u-11741e { border:1px solid var(--border); max-width:560px }
.u-77824c { color:var(--muted); font-size:.85rem; margin:0 0 1.25rem; line-height:1.6 }
.u-7e5026 { display:flex; flex-direction:column; gap:.75rem }
.u-0e92fc { align-self:flex-start }
.u-6e3c80 { border:1px solid var(--border); margin-top:1rem; max-width:560px }
.u-4586a9 { margin:0 0 .75rem; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted) }
.u-516a4d { display:flex; flex-direction:column; gap:.5rem }
.u-b14faf { font-size:.85rem; color:var(--purple) }
.u-b63f2e { border:1px solid var(--border) }
.u-ed2cfa { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:.75rem }
.u-918717 { margin:0; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted) }
.u-115c1d { font-size:.72rem; color:var(--purple); text-decoration:none }
.u-e1f185 { display:grid; grid-template-columns:1fr 1fr; gap:.6rem .75rem }
.u-36edd4 { font-size:.62rem; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; margin-bottom:.15rem }
.u-abdc8b { font-size:.88rem; color:var(--text-bright); font-weight:500 }
.u-54819b { font-size:.88rem; color:var(--text-bright) }
.u-7cbf23 { font-size:.85rem; color:var(--purple); word-break:break-all }
.u-008885 { margin-top:.75rem; padding-top:.75rem; border-top:1px solid var(--border) }
.u-0b468a { font-size:.62rem; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; margin-bottom:.3rem }
.u-cb3654 { color:var(--text-bright); font-size:.85rem; line-height:1.65; margin:0 }
.u-feede3 { font-size:.82rem; color:var(--muted); margin:.5rem 0 0 }
.u-ccaf75 { display:grid; grid-template-columns:1fr 1fr; gap:1rem; align-items:start }
.u-b1329d { display:flex; justify-content:space-between; align-items:center; margin-bottom:.75rem }
.u-b4ac46 { font-size:.72rem; color:var(--purple) }
.u-9a6504 { display:flex; align-items:center; gap:.75rem; padding:.45rem 0; border-bottom:1px solid var(--border) }
.u-8ef36a { flex:1; min-width:0; overflow:hidden }
.u-6500c5 { color:var(--text-bright); font-weight:500; font-size:.82rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block }
.u-2bd11d { background:var(--border); border-radius:99px; height:4px; width:56px; flex-shrink:0 }
.u-b0eecb { font-size:.68rem; color:var(--muted); flex-shrink:0; width:26px; text-align:right }
.u-eca70d { text-align:center; padding:1.25rem; color:var(--muted); border:1px dashed var(--border); border-radius:10px; font-size:.82rem }
.u-bb0425 { font-size:.78rem }
.u-e57220 { display:flex; justify-content:space-between; align-items:center; padding:.45rem 0; border-bottom:1px solid var(--border) }
.u-f716d5 { color:var(--text-bright); font-size:.82rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1; min-width:0 }
.u-90ab4f { font-size:.68rem; color:var(--muted); flex-shrink:0; margin-left:.5rem }
.u-3c2f6a { margin:0 0 1rem; font-size:.9rem }
.u-6c9e62 { display:flex; gap:.75rem; justify-content:center }
.u-57756b { display:flex; gap:.3rem; flex-wrap:wrap; border-bottom:1px solid var(--border); padding-bottom:.6rem; margin-bottom:1rem }
.u-e32a71 { font-size:.65rem; color:var(--muted) }
.u-f604c8 { display:flex; flex-direction:column; gap:.65rem }
.u-cafb1d { border:1px solid var(--border); display:flex; align-items:center; gap:1.25rem; padding:.9rem 1.1rem }
.u-a76430 { color:var(--text-bright); font-weight:600; font-size:.9rem; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.u-a31cb9 { font-size:.7rem; color:var(--muted); margin-top:.15rem }
.u-ed1a3f { flex-shrink:0; text-align:right }
.u-d99579 { font-size:.65rem; display:inline-block; margin-bottom:.25rem }
.u-5414f1 { background:var(--border); border-radius:99px; height:5px; width:90px; margin-top:.2rem }
.u-3b4931 { font-size:.68rem; color:var(--muted); margin-top:.2rem }
.u-2720d9 { border:1px solid var(--border); padding:1rem 1.1rem; margin-bottom:.65rem }
.u-046145 { display:flex; justify-content:space-between; align-items:center; margin-bottom:.6rem }
.u-cce78e { font-weight:600; font-size:.9rem; color:var(--text-bright) }
.u-b3b8b7 { font-size:.72rem; color:var(--muted) }
.u-32cfaa { background:var(--border); border-radius:99px; height:5px; width:100% }
.u-f4ec8b { background:var(--purple); height:100%; width:@pathPct%; border-radius:99px; min-width:4px }
.u-0608ce { margin-top:.5rem; display:flex; flex-direction:column; gap:.3rem }
.u-e51b87 { display:flex; justify-content:space-between; font-size:.78rem; color:var(--muted); padding:.2rem 0; border-bottom:1px solid var(--border) }
.u-74b1a9 { padding:.65rem 1rem; border-bottom:1px solid var(--border); display:grid; grid-template-columns:1fr auto auto; gap:1rem; font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--muted) }
.u-7d3001 { padding:.7rem 1rem; border-bottom:1px solid var(--border); display:grid; grid-template-columns:1fr auto auto; gap:1rem; align-items:center }
.u-d62192 { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:.75rem }
.u-80f41b { border:1px solid rgba(45,212,191,.25); background:rgba(45,212,191,.04); padding:1.1rem; text-align:center }
.u-296912 { font-weight:600; font-size:.85rem; color:var(--text-bright); margin-bottom:.2rem }
.u-0dd201 { font-size:.7rem; color:var(--muted); margin-bottom:.65rem }
.u-640fb1 { font-size:.75rem }
.u-7a0748 { border:1px solid rgba(139,92,246,.25); background:rgba(139,92,246,.04) }
.u-34b5d1 { margin:0 0 .75rem; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--purple) }
.u-5fc8cf { display:flex; justify-content:space-between; align-items:center; padding:.5rem 0; border-bottom:1px solid rgba(139,92,246,.12) }
.u-37c92c { font-size:.88rem; color:var(--text-bright); text-decoration:none }
.u-8cfac4 { display:flex; gap:.4rem }
.u-5b9454 { font-size:.72rem; padding:.25rem .65rem }
.u-ebfa54 { padding:.65rem 1rem; border-bottom:1px solid var(--border); font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--muted) }
.u-6062c8 { display:flex; justify-content:space-between; align-items:center; padding:.8rem 1.1rem; border-bottom:1px solid var(--border) }
.u-5f5b22 { background:none; border:none; color:var(--muted); font-size:.75rem; cursor:pointer }
.u-6e4b81 { margin:0 0 .75rem; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted) }
.u-d3a693 { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:.75rem }
.u-1339c6 { border:1px solid var(--border); padding:1.1rem; text-align:center }
.u-cb5e8d { width:44px; height:44px; border-radius:50%; object-fit:cover; margin-bottom:.5rem }
.u-0c1687 { width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg,var(--purple),var(--ts-teal)); display:flex; align-items:center; justify-content:center; font-size:1.1rem; font-weight:700; color:#fff; margin:0 auto .5rem }
.u-64198f { display:block; font-weight:600; font-size:.85rem; color:var(--text-bright); text-decoration:none; margin-bottom:.1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.u-c17843 { font-size:.7rem; color:var(--muted); margin-bottom:.4rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.u-e91f0a { display:flex; justify-content:center; gap:.75rem; margin-bottom:.65rem }
.u-81ff65 { font-size:.68rem; color:var(--muted) }
.u-ace87d { font-size:.72rem; padding:.25rem .65rem; width:100% }
.u-19cba2 { display:flex; align-items:center; justify-content:space-between; gap:1rem }
.u-9bf608 { font-size:.88rem; font-weight:600; color:var(--text-bright) }
.u-fb92fa { font-size:.75rem; color:var(--muted); margin-top:.1rem }
.u-f647b8 { position:relative; display:inline-flex; width:42px; height:24px; cursor:pointer; flex-shrink:0 }
.u-0f04a2 { opacity:0; width:0; height:0; position:absolute }
.u-17f04c { border-top:1px solid var(--border); padding-top:1.25rem; display:flex; align-items:flex-start; justify-content:space-between; gap:1rem }
.u-198399 { display:flex; gap:.5rem; margin-top:.6rem }
.u-06b38a { font-size:.72rem; padding:.2rem .6rem }
.u-f4b5ef { font-size:.72rem; padding:.2rem .6rem; color:var(--ts-danger) }
.u-9e79cb { position:relative; display:inline-flex; width:42px; height:24px; cursor:pointer; flex-shrink:0; margin-top:.2rem }
.u-620602 { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.6rem }
.u-3316f7 { font-size:.58rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; border:1px solid var(--border); border-radius:99px; padding:.12rem .45rem; color:var(--muted); vertical-align:middle; margin-left:.35rem }
.u-7944d3 { width:100%; max-width:260px }
.u-a816f0 { border:1px solid var(--border); margin-bottom:1.25rem }
.u-4fe6d0 { font-size:.9rem; font-weight:700; color:var(--text-bright); margin:0 0 .4rem }
.u-393a11 { font-size:.85rem; color:var(--muted); line-height:1.6; margin:0 0 1rem }
.u-db31e7 { border:1px solid rgba(220,50,50,0.35) }
.u-ea44b8 { font-size:.9rem; font-weight:700; color:var(--danger); margin:0 0 .4rem }
.u-47f9a7 { display:flex; flex-direction:column; gap:.6rem; max-width:340px }
.u-896a82 { background:var(--danger); color:#fff; font-size:.85rem; align-self:flex-start }
.u-eb1f7c { background:var(--obsidian); border:1px solid var(--border); border-radius:14px; padding:0; width:min(480px,94vw); color:var(--text-bright) }
.u-f8d73a { padding:1.1rem 1.25rem; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center }
.u-57bd75 { font-weight:700; font-size:.95rem }
.u-ec50b7 { background:none; border:none; color:var(--muted); font-size:1.1rem; cursor:pointer; line-height:1 }
.u-4bcdbd { font-size:.72rem; color:var(--muted); text-transform:uppercase; display:block; margin-bottom:.25rem }
.u-08f658 { resize:vertical; width:100% }
.u-ad8462 { display:grid; grid-template-columns:1fr 1fr; gap:.65rem }
.u-0de57f { display:flex; justify-content:flex-end; gap:.5rem; margin-top:.25rem }
.u-c1353c { border:1px solid var(--border); padding:1rem 1.25rem }
.u-661556 { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem }
.u-a8088a { font-weight:600; color:var(--text-bright); font-size:.92rem }
.u-37eea8 { font-size:.8rem; color:var(--muted); margin:.3rem 0 0; line-height:1.5 }
.u-84c3c3 { font-size:.68rem; font-weight:600; color:@statusColor; border:1px solid @statusColor; border-radius:99px; padding:.18rem .55rem; flex-shrink:0 }
.u-396d54 { display:flex; gap:1rem; margin-top:.5rem; flex-wrap:wrap }
.u-9277fc { font-size:.75rem; color:var(--purple) }
.u-176339 { font-size:.68rem; color:var(--muted); margin-left:auto }
.u-ea2eb2 { margin:0 0 1rem; font-size:.88rem }
.u-7595aa { background:var(--obsidian); padding:var(--space-lg) 0; border-bottom:1px solid var(--border) }
.u-8f3140 { display:flex; align-items:flex-start; gap:2rem; flex-wrap:wrap }
.u-243d64 { width:88px; height:88px; border-radius:50%; object-fit:cover; flex-shrink:0 }
.u-d5031a { width:88px; height:88px; border-radius:50%; background:linear-gradient(135deg,var(--purple),var(--ts-teal)); display:flex; align-items:center; justify-content:center; font-size:2.2rem; font-weight:700; color:#fff; flex-shrink:0 }
.u-9e8023 { font-size:1.6rem; font-weight:700; color:var(--text-bright); margin:0 0 0.25rem }
.u-308d21 { color:var(--muted); font-size:0.92rem; margin:0 0 0.4rem }
.u-193fca { display:flex; gap:1rem; flex-wrap:wrap; align-items:center }
.u-85334b { font-size:0.8rem; color:var(--ts-teal) }
.u-5cd105 { flex-shrink:0 }
.u-1fa1ce { font-size:0.78rem; flex-shrink:0 }
.u-2174df { padding:var(--space-lg) 0; display:grid; grid-template-columns:2fr 1fr; gap:2rem; align-items:start }
.u-eb7244 { margin:0 0 0.75rem; font-size:0.78rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted) }
.u-51ad96 { color:var(--text-bright); font-size:0.9rem; line-height:1.65; margin:0 }
.u-d13974 { display:flex; align-items:center; gap:0.75rem; padding:0.6rem; background:var(--surface); border-radius:8px }
.u-f9e53e { width:36px; height:36px; border-radius:8px; background:linear-gradient(135deg,var(--purple),var(--ts-teal)); display:flex; align-items:center; justify-content:center; font-size:0.9rem; font-weight:700; color:#fff; flex-shrink:0 }
.u-a6ec3d { margin:0; font-size:0.9rem }
.u-6807c2 { border:1px solid var(--border); padding:1.2rem }
.u-6deb50 { font-size:0.72rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:0.3rem }
.u-af342f { margin-top:0.75rem; font-size:0.72rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.08em }
.u-1f3477 { font-size:1.2rem; font-weight:700; color:var(--purple) }
.u-57f584 { border:1px dashed var(--border); padding:1.2rem; text-align:center }
.u-ef6b01 { color:var(--ts-teal); font-size:0.85rem; margin:0 }
.u-162610 { color:var(--muted); font-size:0.82rem; margin:0 0 0.75rem }
.u-0dbb61 { background:none; border:none; color:var(--muted); font-size:0.8rem; cursor:pointer; text-decoration:underline }
.u-63b45a { border:1px solid var(--border); padding:1.25rem }
.u-0c4400 { font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--muted); margin-bottom:.4rem }
.u-af0f95 { font-size:2.5rem; font-weight:900; color:var(--purple); line-height:1 }
.u-fe6cab { font-size:.72rem; color:var(--muted); margin-top:.3rem }
.u-09c320 { font-size:.75rem; margin-top:.75rem; display:inline-block }
.u-c0ccbd { font-size:2.5rem; font-weight:900; color:var(--ts-teal); line-height:1 }
.u-696c75 { display:flex; gap:.75rem; flex-wrap:wrap }
.u-6c660c { font-size:.8rem }
.u-88d9af { border:1px solid rgba(139,92,246,.35); background:rgba(139,92,246,.04); max-width:380px }
.u-6d67be { margin:0 0 .75rem; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--purple) }
.u-4e8e3a { font-size:.72rem; color:var(--muted); display:block; margin-bottom:.25rem; text-transform:uppercase }
.u-7b8782 { background:var(--obsidian); border:1px solid var(--border); border-radius:14px; padding:0; width:min(500px,96vw); color:var(--text-bright) }
.u-036932 { background:none; border:none; color:var(--muted); font-size:1rem; cursor:pointer; line-height:1; padding:.1rem .3rem }
.u-106c19 { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin-bottom:.5rem }
.u-d544fe { display:grid; grid-template-columns:1fr 1fr; gap:.5rem }
.u-b0c3e8 { display:flex; align-items:center; gap:.55rem; padding:.6rem .75rem; border-radius:8px; border:2px solid var(--purple); cursor:pointer; background:rgba(139,92,246,.06) }
.u-7354dd { display:block; font-weight:600; font-size:.82rem; color:var(--text-bright) }
.u-44ff1a { display:flex; align-items:center; gap:.55rem; padding:.6rem .75rem; border-radius:8px; border:2px solid var(--border); cursor:pointer }
.u-391b2e { accent-color:var(--ts-teal) }
.u-61e312 { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; margin-bottom:1.25rem }
.u-946947 { display:flex; flex-direction:column; gap:.2rem; padding:.75rem; border-radius:8px; border:2px solid var(--border); cursor:pointer; position:relative }
.u-f4f6aa { position:absolute; opacity:0; pointer-events:none }
.u-0af00a { position:absolute; top:-9px; right:10px; font-size:.58rem; font-weight:700; background:var(--purple); color:#fff; padding:.1rem .45rem; border-radius:99px; text-transform:uppercase; letter-spacing:.06em }
.u-75a3c9 { font-size:1.35rem; font-weight:900; color:var(--text-bright); line-height:1 }
.u-fff81e { font-size:.65rem; color:var(--muted); text-transform:uppercase; letter-spacing:.05em }
.u-08faa4 { font-size:.82rem; font-weight:700; color:var(--purple); margin-top:.2rem }
.u-b65730 { font-size:.66rem; color:var(--muted); margin:-0.5rem 0 1rem }
.u-c1c273 { display:flex; justify-content:flex-end; gap:.5rem }
.u-c25b8b { padding:.75rem 1rem; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:.75rem }
.u-9a6020 { font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); flex:1 }
.u-cbfd44 { font-size:.65rem; padding:.1rem .45rem; border-radius:99px; background:rgba(139,92,246,.08); color:var(--purple); border:1px solid rgba(139,92,246,.2) }
.u-2c34a4 { font-size:.65rem; padding:.1rem .45rem; border-radius:99px; background:rgba(45,212,191,.08); color:var(--ts-teal); border:1px solid rgba(45,212,191,.2) }
.u-a4206a { display:flex; align-items:center; gap:.75rem; padding:.65rem 1rem; border-bottom:1px solid var(--border) }
.u-2a0dc3 { font-size:.85rem; color:var(--text-bright); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.u-4ade60 { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:1rem }
.u-e58438 { font-size:1.5rem; font-weight:800; color:var(--text-bright); margin:0 0 0.4rem }
.u-7aa5e1 { padding:var(--space-lg) 0; display:grid; grid-template-columns:1fr 340px; gap:2rem; align-items:start }
.u-aeba7c { font-size:0.78rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--muted) }
.u-cea23f { font-size:0.85rem; font-weight:700; color:var(--text-bright) }
.u-8cee46 { height:8px; background:var(--border); border-radius:4px }
.u-18ee02 { height:8px; background:var(--ts-teal); border-radius:4px; width:@pct%; transition:width 0.4s }
.u-ce1098 { position:relative; padding-left:1.5rem }
.u-b8e347 { position:absolute; left:7px; top:4px; bottom:4px; width:2px; background:var(--border); border-radius:1px }
.u-31b056 { position:relative; margin-bottom:1.25rem }
.u-cad87b { position:absolute; left:-1.5rem; top:3px; width:14px; height:14px; border-radius:50%; background:@dotColor; border:2px solid var(--obsidian) }
.u-643079 { font-size:0.78rem; color:var(--muted); margin-top:0.15rem }
.u-59057a { display:flex; gap:0.75rem; align-items:center; margin-top:0.25rem }
.u-98a31e { font-size:0.62rem }
.u-ce2e77 { font-size:0.72rem; color:var(--ts-teal) }
.u-cbe6b6 { padding:0.75rem 1rem; background:var(--surface); border-radius:8px }
.u-b98463 { margin-top:0.6rem; text-align:right }
.u-191a67 { font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); margin:0 0 0.75rem }
.u-304996 { display:grid; grid-template-columns:auto 1fr; gap:0.4rem 0.75rem; font-size:0.83rem; margin:0 }
.u-81e962 { font-size:0.65rem; margin:0.1rem }
.u-37ddda { font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); margin:0 0 0.5rem }
.u-c48604 { color:var(--text-bright); font-size:0.88rem; line-height:1.6; margin:0 }
.u-f5d325 { font-size:1.6rem; font-weight:800; color:var(--text-bright); margin:0 0 0.25rem }
.u-302087 { border:1px solid var(--border); transition:border-color 0.15s }
.u-8617de { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:0.5rem; margin-bottom:0.75rem }
.u-e2664f { font-size:1rem; font-weight:700; color:var(--text-bright); margin-bottom:0.2rem }
.u-cb5178 { font-size:0.7rem; flex-shrink:0 }
.u-d66427 { flex:1; height:5px; background:var(--border); border-radius:3px }
.u-e1f857 { height:5px; background:var(--ts-teal); border-radius:3px; width:@pct% }
.u-828332 { font-size:0.72rem; color:var(--muted); flex-shrink:0 }
.u-64c902 { max-width:840px }
.u-53e4ea { font-family:var(--font-arabic) }
.u-e31750 { font-family:var(--font-arabic); color:var(--muted); font-size:0.85rem; direction:rtl; text-align:start }
.u-72cd80 { opacity:0.7 }
.u-e262ef { font-family:monospace; font-size:0.85rem; color:var(--text-bright); font-weight:600 }
.u-c79342 { max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.u-78d484 { padding:var(--space-lg) var(--space-md); text-align:center; max-width:560px; margin:0 auto; min-height:50vh; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1rem }
.u-c56386 { color:var(--muted); line-height:1.7; margin:0 }
.u-58a56f { margin-left:auto; flex-shrink:0; opacity:.5 }
.u-489419 { border-radius:2px; display:inline-block; vertical-align:middle }
/* .u-4b6f1c removed — replaced by .footer-grid */
.u-d598b3 { font-family:var(--font-arabic); text-align:start; margin-top:.25rem }
.u-b8a04e { border-top:1px solid var(--border); padding:1rem var(--space-md); text-align:center; display:flex; justify-content:center; align-items:center; gap:1.25rem; flex-wrap:wrap }
.u-5f6ab1 { margin:0; font-size:.78rem; color:var(--muted) }
.u-c2bd2c { margin:0 0 .5rem; font-size:.9rem; font-weight:700; color:var(--text-strong) }
.u-68ca43 { margin:0 0 1rem; font-size:.83rem; color:var(--text-muted); line-height:1.55 }
.u-052084 { display:none; flex-direction:column; gap:.5rem; margin-bottom:1rem; border-top:1px solid var(--border); padding-top:.9rem }
.u-63ab63 { display:flex; align-items:flex-start; gap:.6rem; font-size:.82rem; color:var(--text-muted) }
.u-7efa0a { margin-top:.15rem }
.u-337472 { color:var(--text-strong) }
.u-5502cb { display:flex; gap:.5rem; justify-content:flex-end; flex-wrap:wrap }
.u-a748fb { font-size:.82rem; display:none }
.u-5afbcc { background:var(--obsidian); padding:var(--space-md) 0; border-bottom:1px solid var(--border) }
.u-e8c437 { margin-bottom:.75rem }
.u-7600e8 { display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap }
.u-a784ee { width:56px; height:56px; border-radius:50%; object-fit:cover; flex-shrink:0 }
.u-f9b2ce { width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,var(--purple),var(--ts-teal)); display:flex; align-items:center; justify-content:center; font-size:1.35rem; font-weight:700; color:#fff; flex-shrink:0 }
.u-54a2d7 { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap }
.u-61f835 { font-size:1.15rem; font-weight:700; color:var(--text-bright) }
.u-eebe05 { font-size:.68rem; color:var(--muted); border:1px solid var(--border); border-radius:6px; padding:.15rem .45rem; text-decoration:none }
.u-c8666a { font-size:.82rem; color:var(--muted); margin-top:.1rem }
.u-8acba2 { display:flex; gap:1.25rem; flex-wrap:wrap }
.u-9b1e2a { font-size:1.3rem; font-weight:800; color:var(--purple); line-height:1 }
.u-8ec7da { font-size:.6rem; color:var(--muted); text-transform:uppercase; letter-spacing:.06em }
.u-82cb87 { font-size:1.3rem; font-weight:800; color:var(--ts-teal); line-height:1 }
.u-be1bd9 { font-size:1.3rem; font-weight:800; color:var(--text-bright); line-height:1 }
.u-877949 { opacity:.45; cursor:not-allowed }
.u-522e78 { margin-left:auto; font-size:.55rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; border:1px solid var(--border); border-radius:99px; padding:.1rem .4rem; color:var(--muted) }
.u-426c5b { border-top:1px solid var(--border); margin:.6rem 0 }
.u-46c241 { padding:var(--space-lg) 0; max-width:860px; margin:0 auto }
.u-b1ea57 { color:var(--purple); font-size:0.82rem; display:inline-block; margin-bottom:1.5rem }
.u-c8c0e4 { display:grid; grid-template-columns:1fr 340px; gap:2rem; align-items:start }
.u-795be6 { font-size:1.8rem; font-weight:800; color:var(--text-bright); margin:0 0 0.5rem }
.u-cdbd86 { color:var(--muted); font-size:0.9rem; margin:0 0 2rem }
.u-26358a { background:rgba(255,180,0,0.1); border:1px solid rgba(255,180,0,0.3); border-radius:8px; padding:0.9rem 1.1rem; margin-bottom:1.5rem; font-size:0.88rem; color:var(--amber) }
.u-7fd1f8 { font-size:0.78rem; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:0.08em; margin:0 0 0.6rem }
.u-8632ae { display:flex; align-items:center; gap:0.5rem; cursor:pointer; padding:0.6rem 1rem; border:1px solid var(--border); border-radius:8px; flex:1; transition:border-color 0.2s }
.u-bc7eff { font-weight:600; color:var(--text-bright); font-size:0.9rem }
.u-a4bbd8 { font-size:0.7rem; background:rgba(0,200,150,0.2); color:var(--ts-teal); border-radius:99px; padding:0.1rem 0.4rem }
.u-fc4211 { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:0.5rem }
.u-09bce9 { display:flex; align-items:flex-start; gap:0.6rem; font-size:0.88rem; color:var(--text-bright) }
.u-4e7722 { text-align:center; padding:0.5rem 0 1rem }
.u-bbec68 { font-size:0.8rem; color:var(--muted); margin-bottom:0.25rem }
.u-d6c7aa { font-size:1.5rem; font-weight:800; color:var(--text-bright) }
.u-0ae726 { font-size:2rem; font-weight:800; color:var(--purple); margin-top:0.25rem }
.u-466d52 { font-size:0.9rem; color:var(--muted); font-weight:400 }
.u-0d4a14 { background:rgba(255,180,0,0.08); border:1px solid rgba(255,180,0,0.25); border-radius:6px; padding:0.7rem; margin-bottom:1rem; font-size:0.78rem; color:var(--amber); text-align:center }
.u-b3197c { width:100%; text-align:center; cursor:pointer; font-size:1rem; padding:0.9rem }
.u-7d9c52 { font-size:0.72rem; color:var(--muted); text-align:center; margin:0.75rem 0 0; line-height:1.4 }
.u-fcd708 { text-align:center; padding:var(--space-xl) var(--space-md); max-width:540px; margin:0 auto }
.u-550a2f { width:72px; height:72px; background:linear-gradient(135deg,var(--purple),var(--ts-teal)); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem }
.u-201b53 { font-size:1.8rem; font-weight:800; color:var(--text-bright); margin:0 0 0.75rem }
.u-3c87e6 { color:var(--muted); font-size:0.95rem; line-height:1.6; margin:0 0 2rem }
.u-8ce205 { display:grid; grid-template-columns:1fr 1fr; gap:0.75rem; margin-bottom:2rem; text-align:center }
.u-0b41e7 { background:var(--surface); border-radius:10px; padding:1rem }
.u-580a98 { font-size:1.4rem; font-weight:800; color:var(--purple) }
.u-b3bfa0 { font-size:1.4rem; font-weight:800; color:var(--ts-teal) }
.u-529bcf { display:flex; gap:0.75rem; justify-content:center; flex-wrap:wrap }
.u-d98c1a { display:flex; gap:0.75rem; margin-top:1rem }
.u-ba621e { max-width:560px; margin:0 auto; text-align:center; padding:var(--space-xl) 0 }
.u-d357fd { font-size:1.3rem; font-weight:700; color:var(--text-bright); margin:0 0 0.5rem }
.u-9bd945 { color:var(--muted); font-size:0.9rem; line-height:1.6; margin:0 0 2rem }
.u-c3b421 { max-width:260px }
.u-9148bb { display:flex; flex-direction:column; gap:2rem }
.u-dd3ee8 { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:1.25rem; flex-wrap:wrap; gap:0.75rem }
.u-e77688 { font-size:1.2rem; font-weight:800; color:var(--text-bright); margin:0 0 0.25rem }
.u-c5d5b0 { display:grid; gap:0.4rem; margin-bottom:1.25rem }
.u-3af65e { display:flex; align-items:center; gap:0.75rem; padding:0.5rem 0.75rem; background:var(--surface); border-radius:6px }
.u-d5cc2e { width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,var(--purple),var(--ts-teal)); display:flex; align-items:center; justify-content:center; font-size:0.8rem; font-weight:700; color:#fff; flex-shrink:0 }
.u-7ad90f { flex:1; font-size:0.88rem; color:var(--text-bright) }
.u-993356 { font-size:0.75rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); margin:0 0 0.75rem }
.u-222df8 { display:flex; gap:0.6rem; flex-wrap:wrap }
.u-890011 { flex:1; min-width:200px }
.u-088cf0 { width:120px }
.u-dd3d4b { font-size:0.72rem; color:var(--muted); margin:0.5rem 0 0 }
.u-da82ea { border-top:1px solid var(--border); padding-top:1rem; margin-top:1rem }
.u-6eae0c { display:flex; gap:1.5rem; margin-bottom:1rem; flex-wrap:wrap }
.u-34ac4d { display:grid; gap:0.75rem }
.u-1a48fe { font-size:0.78rem; color:var(--purple); cursor:pointer; list-style:none }
.u-075992 { display:flex; gap:0.5rem; margin-top:0.6rem; flex-wrap:wrap }
.u-ee0435 { width:100px }
.u-729192 { width:130px }
.u-290034 { font-size:0.78rem; color:var(--ts-teal); cursor:pointer; list-style:none }
.u-6b3186 { margin-top:1.5rem; border:1px dashed var(--border) }
.u-0f15c9 { border:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap }
.u-a0a007 { font-size:.85rem; color:var(--danger) }
.u-9f9625 { color:var(--text); line-height:1.9; padding-left:1.2rem; margin:0 0 1.5rem }
.u-238caf { margin:.6rem 0; padding:.8rem 1rem; background:var(--surface); border:1px solid var(--border); border-radius:8px; font-family:monospace; font-size:1.05rem; letter-spacing:.08em; color:var(--text-bright); word-break:break-all }

/* ── AdminProjects/Detail — rules missed by the extraction pass ─────────── */
.u-3cb81b { padding:1.25rem }
.u-8b6aec { font-size:0.72rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--muted); margin:0 0 0.5rem }
.u-e0e1a9 { font-size:0.72rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--muted); margin:0 0 0.75rem }
.u-08c92c { font-size:0.78rem; color:var(--muted); margin:0.4rem 0 0 }
.u-dd4efc { display:grid; grid-template-columns:auto 1fr; gap:0.35rem 1rem; font-size:0.83rem }
.u-d78ee7 { margin-bottom:1.25rem }
.u-c62019 { display:grid; gap:0.6rem; margin-bottom:1.25rem }
.u-cb7f67 { border-top:1px solid var(--border); padding-top:1rem }
.u-e66abf { font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--purple); cursor:pointer; list-style:none }
.u-3c3c12 { display:grid; gap:0.6rem; margin-top:0.75rem }
.u-ae4a69 { display:grid; gap:0.75rem; margin-bottom:1.25rem }
.u-93287b { font-size:0.88rem; color:var(--text-bright); line-height:1.5; margin:0 }
.u-6c2daa { display:flex; align-items:center; gap:0.4rem; font-size:0.82rem; color:var(--muted); cursor:pointer }
.u-bfd3e0 { margin-top:1.5rem; text-align:right }