/* ============================================================
   Theme: MECH-CORE — Industrial Hardcore Gaming Platform
   Prefix: ae- (aesthetic)
   Design: 机甲工业硬核风 — 深色金属底 / 霓虹青橙双主色 /
           直角切角 / 网格扫描线 / HUD 角标装饰 / 科技字体
   ============================================================ */

/* ========== ROOT VARIABLES ========== */
/* Fonts are loaded via header.html (Orbitron / Rajdhani / Share Tech Mono) */
:root {
    /* Brand core — industrial neon */
    --ae-cyan: #2de2e6;
    --ae-cyan-bright: #6ffcff;
    --ae-cyan-deep: #0c8a96;
    --ae-orange: #ff7a00;
    --ae-orange-bright: #ff9e2c;
    --ae-orange-deep: #c4460a;
    --ae-yellow: #ffd23f;
    --ae-red: #ff3b3b;
    --ae-green: #00ff9c;

    /* Functional */
    --ae-primary: #2de2e6;
    --ae-primary-dark: #0c8a96;
    --ae-primary-light: #6ffcff;
    --ae-accent: #ff7a00;
    --ae-accent-dark: #c4460a;
    --ae-accent-light: #ff9e2c;

    --ae-error: #ff3b3b;
    --ae-success: #00ff9c;
    --ae-warning: #ffd23f;

    /* Background layers — dark metal */
    --ae-bg: #07090d;
    --ae-bg-alt: #0b0e14;
    --ae-surface: #11161f;
    --ae-surface-2: #161d28;
    --ae-card: rgba(17, 22, 31, 0.82);
    --ae-card-hover: rgba(22, 29, 40, 0.96);
    --ae-card-glass: rgba(17, 22, 31, 0.55);
    --ae-overlay: rgba(7, 9, 13, 0.92);

    /* Text */
    --ae-text: #e8eef5;
    --ae-text-secondary: #9fb0c0;
    --ae-text-muted: #5e6b7a;
    --ae-text-inverse: #07090d;

    /* Borders — steel + neon */
    --ae-border: rgba(120, 150, 170, 0.14);
    --ae-border-strong: rgba(45, 226, 230, 0.28);
    --ae-border-focus: rgba(45, 226, 230, 0.55);
    --ae-border-glow: rgba(45, 226, 230, 0.22);

    /* Radius — hardcore industrial (sharp + micro bevel) */
    --ae-radius: 2px;
    --ae-radius-sm: 2px;
    --ae-radius-lg: 3px;
    --ae-radius-xl: 4px;
    --ae-radius-full: 2px;

    /* Shadows — deep + neon glow */
    --ae-shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.5);
    --ae-shadow-sm: 0 2px 14px rgba(0, 0, 0, 0.45);
    --ae-shadow: 0 6px 28px rgba(0, 0, 0, 0.55);
    --ae-shadow-lg: 0 14px 48px rgba(0, 0, 0, 0.65);
    --ae-shadow-glow: 0 0 22px rgba(45, 226, 230, 0.25);
    --ae-shadow-card: 0 2px 18px rgba(0, 0, 0, 0.5);

    /* Glows */
    --ae-glow-cyan: 0 0 14px rgba(45, 226, 230, 0.45);
    --ae-glow-orange: 0 0 14px rgba(255, 122, 0, 0.45);

    /* Transitions */
    --ae-trans: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
    --ae-trans-fast: all 0.16s ease;
    --ae-trans-slow: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);

    /* Layout */
    --ae-topbar-h: 68px;

    /* Fonts */
    --ae-font-display: 'Orbitron', 'Rajdhani', sans-serif;
    --ae-font-body: 'Rajdhani', 'Segoe UI', system-ui, sans-serif;
    --ae-font-mono: 'Share Tech Mono', 'Rajdhani', monospace;

    /* Gradients */
    --ae-grad-primary: linear-gradient(135deg, #2de2e6 0%, #0c8a96 100%);
    --ae-grad-accent: linear-gradient(135deg, #ff9e2c 0%, #ff7a00 50%, #c4460a 100%);
    --ae-grad-card: linear-gradient(160deg, rgba(45, 226, 230, 0.05), rgba(255, 122, 0, 0.03));
    --ae-grad-hero: linear-gradient(180deg, #0b0e14 0%, #07090d 100%);
    --ae-grad-glass: linear-gradient(135deg, rgba(22, 29, 40, 0.7), rgba(17, 22, 31, 0.45));
    --ae-grad-metal: linear-gradient(135deg, #1b2330 0%, #0e131c 100%);

    /* ===== Compatibility aliases (used by gx- pages & inline styles) ===== */
    --ae-gradient-primary: linear-gradient(135deg, #2de2e6 0%, #0c8a96 100%);
    --ae-primary-light: #6ffcff;
    --ae-card-bg: rgba(17, 22, 31, 0.85);
    --ae-card-hover: rgba(22, 29, 40, 0.96);
    --gx-gradient-primary: linear-gradient(135deg, #2de2e6 0%, #0c8a96 100%);
    --gx-radius: 2px;
    --gx-success: #00ff9c;
    --gx-text-muted: #5e6b7a;
}

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

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--ae-font-body);
    background: var(--ae-bg);
    color: var(--ae-text);
    line-height: 1.6;
    min-height: 100vh;
    overflow-x: hidden;
    font-weight: 400;
    letter-spacing: 0.02em;
    position: relative;
}

/* Industrial ambient — grid + scan lines + neon glow */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.9;
    background:
        linear-gradient(rgba(45, 226, 230, 0.035) 1px, transparent 1px) 0 0 / 100% 44px,
        linear-gradient(90deg, rgba(45, 226, 230, 0.035) 1px, transparent 1px) 0 0 / 44px 100%,
        radial-gradient(ellipse 720px 520px at 12% 8%, rgba(45, 226, 230, 0.10), transparent 60%),
        radial-gradient(ellipse 640px 460px at 88% 42%, rgba(255, 122, 0, 0.08), transparent 60%),
        radial-gradient(ellipse 560px 400px at 50% 100%, rgba(45, 226, 230, 0.05), transparent 60%);
}
/* Scan line overlay */
body::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.35;
    background: repeating-linear-gradient(0deg, rgba(0,0,0,0.16) 0px, rgba(0,0,0,0.16) 1px, transparent 2px, transparent 4px);
}

a {
    color: var(--ae-cyan);
    text-decoration: none;
    transition: var(--ae-trans-fast);
}
a:hover { color: var(--ae-cyan-bright); }

img { max-width: 100%; height: auto; display: block; }

ul, ol { list-style: none; padding: 0; margin: 0; }

button {
    font-family: var(--ae-font-body);
    cursor: pointer;
    border: none;
    outline: none;
}

input, textarea, select {
    font-family: var(--ae-font-body);
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--ae-font-display);
    color: var(--ae-text);
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

::selection {
    background: rgba(45, 226, 230, 0.3);
    color: #fff;
}

/* ========== SCROLLBAR ========== */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0a0d13; }
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--ae-cyan-deep), var(--ae-orange-deep));
    border: 2px solid #0a0d13;
    border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--ae-cyan), var(--ae-orange));
}

/* ========== LAYOUT CONTAINERS ========== */
.xhp6dy {
    width: 100%;
    margin: 0 auto;
    padding: 0 28px;
}

.xps0l5 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.x45urn {
    display: grid;
    grid-template-columns: 1fr;
    gap: 36px;
}

.xt12na {
    margin: 10px 0;
}

.xitwcb {
    max-width: 1040px;
    margin: 0 auto;
}

/* ========== PAGE PANELS ========== */
.xslrlm {
    position: relative;
    background: var(--ae-card-glass);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--ae-border);
    border-left: 3px solid var(--ae-cyan);
    border-radius: var(--ae-radius-lg);
    padding: 40px;
    margin-bottom: 40px;
    box-shadow: var(--ae-shadow-sm), inset 0 0 0 1px rgba(45,226,230,0.04);
}
/* HUD corner accents */
.xslrlm::before,
.xslrlm::after {
    content: '';
    position: absolute;
    width: 14px; height: 14px;
    pointer-events: none;
}
.xslrlm::before { top: -1px; left: -1px; border-top: 2px solid var(--ae-cyan); border-left: 2px solid var(--ae-cyan); }
.xslrlm::after { bottom: -1px; right: -1px; border-bottom: 2px solid var(--ae-orange); border-right: 2px solid var(--ae-orange); }

.xy0h32 {
    text-align: center;
    padding: 64px 24px 48px;
    position: relative;
}

.xy0h32::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 96px;
    height: 3px;
    background: var(--ae-grad-accent);
    box-shadow: var(--ae-glow-orange);
}

.xy0h32 h1 {
    font-size: 2.6rem;
    font-weight: 800;
    color: var(--ae-text);
    margin-bottom: 16px;
    letter-spacing: 0.04em;
    text-shadow: 0 0 22px rgba(45, 226, 230, 0.35);
}

.xy0h32 p {
    font-size: 1.05rem;
    color: var(--ae-text-secondary);
    max-width: 560px;
    margin: 0 auto;
    line-height: 1.7;
    font-family: var(--ae-font-mono);
    letter-spacing: 0.03em;
}

/* ========== TOP BAR ========== */
.xvv17a {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    height: var(--ae-topbar-h);
    background: rgba(10, 13, 19, 0.86);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-bottom: 1px solid var(--ae-border-strong);
    z-index: 1050;
    display: flex;
    align-items: stretch;
    box-shadow: 0 1px 0 rgba(45, 226, 230, 0.15), 0 6px 24px rgba(0, 0, 0, 0.5);
}
/* animated accent line under topbar */
.xvv17a::after {
    content: '';
    position: absolute;
    bottom: -1px; left: 0;
    width: 100%; height: 1px;
    background: linear-gradient(90deg, transparent, var(--ae-cyan), var(--ae-orange), transparent);
    opacity: 0.6;
}

.xk8pxe {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    gap: 16px;
}

/* Brand */
.xi8mxc {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 10px;
}

.xi8mxc .logo-img {
    height: 36px;
    width: auto;
    flex-shrink: 0;
    display: block;
}

.xi8mxc .x8iu44 {
    font-family: var(--ae-font-display);
    font-size: 23px;
    font-weight: 800;
    text-decoration: none;
    letter-spacing: 0.06em;
    padding: 4px 0;
    background: var(--ae-grad-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-transform: uppercase;
    text-shadow: 0 0 18px rgba(45, 226, 230, 0.3);
}

.xi8mxc .x8iu44:hover {
    filter: brightness(1.15) drop-shadow(0 0 8px rgba(45, 226, 230, 0.5));
}

/* Search */
.xu742l {
    flex: 1;
    max-width: 440px;
    position: relative;
}

.xu742l input {
    width: 100%;
    padding: 11px 18px 11px 44px;
    background: rgba(10, 13, 19, 0.7);
    border: 1.5px solid var(--ae-border);
    border-radius: var(--ae-radius);
    color: var(--ae-text);
    font-size: 14px;
    font-weight: 500;
    font-family: var(--ae-font-mono);
    transition: var(--ae-trans);
}
.xu742l input::placeholder {
    color: var(--ae-text-muted);
    font-weight: 400;
    font-family: var(--ae-font-mono);
}
.xu742l input:focus {
    border-color: var(--ae-cyan);
    box-shadow: 0 0 0 1px var(--ae-cyan), 0 0 16px rgba(45, 226, 230, 0.3);
    background: rgba(10, 13, 19, 0.95);
}

.xu742l .xg3gq4 {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--ae-cyan);
    font-size: 15px;
    cursor: pointer;
    padding: 4px;
    transition: var(--ae-trans-fast);
}
.xu742l .xg3gq4:hover {
    color: var(--ae-cyan-bright);
    text-shadow: var(--ae-glow-cyan);
}

/* Auth in topbar */
.xs790m {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.x5281s { display: flex; gap: 8px; }

.xgexdw {
    padding: 9px 22px;
    border-radius: var(--ae-radius);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--ae-trans);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-family: var(--ae-font-display);
}

.xqq25n {
    background: transparent;
    color: var(--ae-text-secondary);
    border: 1.5px solid var(--ae-border);
}
.xqq25n:hover {
    border-color: var(--ae-cyan);
    color: var(--ae-cyan);
    box-shadow: var(--ae-glow-cyan);
}

.xzx4fm {
    background: var(--ae-grad-accent);
    color: #07090d;
    border: 1.5px solid var(--ae-orange);
    box-shadow: var(--ae-glow-orange);
}
.xzx4fm:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 22px rgba(255, 122, 0, 0.6);
    filter: brightness(1.08);
}

/* User area */
.x7khe2 {
    display: none;
    align-items: center;
    gap: 10px;
    position: relative;
}
.x6jbnl {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 6px 16px;
    background: var(--ae-card-glass);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1.5px solid var(--ae-border);
    border-radius: var(--ae-radius);
    color: var(--ae-text);
    font-size: 13px;
    font-weight: 600;
    font-family: var(--ae-font-display);
    cursor: pointer;
    transition: var(--ae-trans);
}
.x6jbnl:hover {
    border-color: var(--ae-cyan);
    box-shadow: var(--ae-glow-cyan);
}
.xl3p4e {
    width: 30px;
    height: 30px;
    border-radius: var(--ae-radius);
    background: var(--ae-grad-primary);
    color: #07090d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    flex-shrink: 0;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2);
}
.xzb7zu {
    font-weight: 600;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Dropdown */
.xjzmz6 {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 180px;
    background: var(--ae-surface);
    border: 1px solid var(--ae-border-strong);
    border-radius: var(--ae-radius);
    box-shadow: var(--ae-shadow-lg), 0 0 0 1px rgba(45,226,230,0.08);
    padding: 6px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: var(--ae-trans);
    z-index: 1100;
}
.xjzmz6.xiz0uq {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.x55s9a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: var(--ae-radius);
    font-size: 13px;
    color: var(--ae-text-secondary);
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    font-family: var(--ae-font-body);
    font-weight: 500;
    transition: var(--ae-trans-fast);
}
.x55s9a:hover {
    background: rgba(45, 226, 230, 0.08);
    color: var(--ae-cyan);
}

/* Game menu toggle */
.x4n7oj {
    flex-shrink: 0;
    position: relative;
}
.x6pyvf {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    background: var(--ae-card-glass);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1.5px solid var(--ae-border);
    border-radius: var(--ae-radius);
    color: var(--ae-text-secondary);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--ae-trans);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: var(--ae-font-display);
}
.x6pyvf:hover {
    border-color: var(--ae-cyan);
    color: var(--ae-cyan);
    box-shadow: var(--ae-glow-cyan);
}
.xghgfk { font-size: 16px; line-height: 1; }
.xxjj8g { letter-spacing: 0.12em; }

/* Game Menu Dropdown Panel */
.xrhrli {
    position: fixed;
    top: var(--ae-topbar-h);
    left: 0;
    right: 0;
    background: rgba(10, 13, 19, 0.97);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border-bottom: 1px solid var(--ae-border-strong);
    box-shadow: var(--ae-shadow-lg);
    z-index: 1040;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1),
                opacity 0.3s ease,
                padding 0.3s ease;
}
.xrhrli.xncray {
    max-height: 600px;
    opacity: 1;
}
.x5ei67 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px 12px;
    max-width: 1280px;
    margin: 0 auto;
}
.x5ei67 p {
    font-family: var(--ae-font-display);
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--ae-text);
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.xx9cq7 { font-size: 1.3rem; color: var(--ae-cyan); }
.x2i6ba {
    width: 36px;
    height: 36px;
    border-radius: var(--ae-radius);
    background: rgba(45, 226, 230, 0.08);
    color: var(--ae-text-secondary);
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--ae-trans-fast);
    border: 1px solid var(--ae-border);
}
.x2i6ba:hover {
    background: rgba(255, 59, 59, 0.15);
    color: var(--ae-red);
    border-color: var(--ae-red);
}
.xtz4ob {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    padding: 12px 24px 28px;
    max-width: 1280px;
    margin: 0 auto;
}
.x96d8q {
    font-family: var(--ae-font-display);
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--ae-cyan);
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.xts1dn {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 8px;
}
.xs88sy {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: var(--ae-radius);
    font-size: 13px;
    font-weight: 500;
    color: var(--ae-text-secondary);
    text-decoration: none;
    background: rgba(45, 226, 230, 0.04);
    border: 1px solid transparent;
    transition: var(--ae-trans-fast);
}
.xs88sy:hover,
.xs88sy.xiz0uq {
    background: rgba(45, 226, 230, 0.1);
    color: var(--ae-cyan);
    border-color: var(--ae-border-strong);
    box-shadow: var(--ae-glow-cyan);
    font-weight: 600;
}
.xqvf5t {
    background: rgba(255, 122, 0, 0.1);
    color: var(--ae-orange-bright);
    font-weight: 700;
    border-color: rgba(255, 122, 0, 0.25);
}
.xouz1q {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.x3tro2 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: var(--ae-radius);
    font-size: 13px;
    color: var(--ae-text-secondary);
    text-decoration: none;
    border: 1px solid transparent;
    transition: var(--ae-trans-fast);
}
.x3tro2:hover {
    background: rgba(45, 226, 230, 0.06);
    color: var(--ae-cyan);
    border-color: var(--ae-border-strong);
}

/* ========== MAIN CONTENT ========== */
.x5xxlh {
    position: relative;
    z-index: 1;
    padding-bottom: 40px;
}

/* ========== SECTION HEADER ========== */
.x5m7pa {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
    flex-wrap: wrap;
    gap: 12px;
    position: relative;
    padding-left: 16px;
}
.x5m7pa::before {
    content: '';
    position: absolute;
    left: 0; top: 4px; bottom: 4px;
    width: 4px;
    background: var(--ae-grad-accent);
    box-shadow: var(--ae-glow-orange);
}
.xv9jiq {
    display: flex;
    align-items: baseline;
    gap: 14px;
    flex-wrap: wrap;
}
.x4oh3m {
    font-family: var(--ae-font-display);
    font-size: 1.7rem;
    font-weight: 800;
    color: var(--ae-text);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-shadow: 0 0 18px rgba(45, 226, 230, 0.2);
}
.x6i1aw {
    font-size: 11px;
    font-weight: 700;
    color: var(--ae-cyan);
    background: rgba(45, 226, 230, 0.1);
    padding: 4px 14px;
    border-radius: var(--ae-radius);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border: 1px solid var(--ae-border-strong);
    font-family: var(--ae-font-mono);
}
.x2buzb {
    font-size: 12px;
    font-weight: 700;
    color: var(--ae-cyan);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: var(--ae-trans-fast);
    padding: 8px 18px;
    border-radius: var(--ae-radius);
    border: 1.5px solid var(--ae-border-strong);
    background: var(--ae-card-glass);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-family: var(--ae-font-display);
}
.x2buzb:hover {
    border-color: var(--ae-cyan);
    background: rgba(45, 226, 230, 0.08);
    box-shadow: var(--ae-glow-cyan);
    color: var(--ae-cyan-bright);
}

/* ========== GAME CARDS GRID ========== */
.xd5pgs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 24px;
}
.xst5fu {
    position: relative;
    background: var(--ae-card-glass);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
    overflow: hidden;
    transition: var(--ae-trans);
    box-shadow: var(--ae-shadow-card);
}
/* HUD corner brackets */
.xst5fu::before,
.xst5fu::after {
    content: '';
    position: absolute;
    width: 16px; height: 16px;
    z-index: 3;
    pointer-events: none;
    opacity: 0.5;
    transition: var(--ae-trans);
}
.xst5fu::before { top: 0; left: 0; border-top: 2px solid var(--ae-cyan); border-left: 2px solid var(--ae-cyan); }
.xst5fu::after { bottom: 0; right: 0; border-bottom: 2px solid var(--ae-orange); border-right: 2px solid var(--ae-orange); }
.xst5fu:hover {
    transform: translateY(-6px);
    box-shadow: var(--ae-shadow-lg), 0 0 24px rgba(45, 226, 230, 0.18);
    border-color: var(--ae-border-strong);
}
.xst5fu:hover::before,
.xst5fu:hover::after { opacity: 1; box-shadow: 0 0 8px currentColor; }
.xst5fu a {
    color: inherit;
    text-decoration: none;
    display: block;
}
.xd9hrs {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: linear-gradient(135deg, #0e131c, #161d28);
    border-bottom: 1px solid var(--ae-border);
}
.xd9hrs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    filter: saturate(1.1) contrast(1.05);
}
.xst5fu:hover .xd9hrs img {
    transform: scale(1.06);
}
.x1wes8 {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    z-index: 4;
}
.x38znl {
    font-size: 10px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: var(--ae-radius);
    background: rgba(7, 9, 13, 0.85);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: var(--ae-cyan);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid var(--ae-border-strong);
    font-family: var(--ae-font-mono);
}
.xyet6m {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(7, 9, 13, 0);
    opacity: 0;
    transition: var(--ae-trans);
    cursor: pointer;
    z-index: 4;
}
.xst5fu:hover .xyet6m {
    background: rgba(7, 9, 13, 0.55);
    opacity: 1;
}
.xyet6m span {
    width: 54px;
    height: 54px;
    border-radius: var(--ae-radius);
    background: var(--ae-grad-accent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #07090d;
    font-size: 18px;
    box-shadow: var(--ae-glow-orange);
    transition: var(--ae-trans);
}
.xst5fu:hover .xyet6m span {
    transform: scale(1.1);
}
.xtnm05 {
    padding: 18px;
    position: relative;
}
.xgq133 {
    font-family: var(--ae-font-display);
    font-size: 1rem;
    font-weight: 700;
    color: var(--ae-text);
    margin-bottom: 6px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.xhmp58 {
    font-size: 11px;
    font-weight: 600;
    color: var(--ae-orange-bright);
    margin-top: 6px;
    letter-spacing: 0.06em;
    font-family: var(--ae-font-mono);
    text-transform: uppercase;
}
.xkzlk1 { margin-top: 8px; }
.xe90b5 {
    color: var(--ae-yellow);
    font-size: 13px;
    text-shadow: 0 0 6px rgba(255, 210, 63, 0.5);
}

/* ========== ALTERNATE CARD ========== */
.xgt3lw {
    position: relative;
    background: var(--ae-surface);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
    overflow: hidden;
    transition: var(--ae-trans);
    box-shadow: var(--ae-shadow-card);
    text-decoration: none;
    color: inherit;
    display: block;
}
.xgt3lw::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 14px; height: 14px;
    border-top: 2px solid var(--ae-cyan);
    border-left: 2px solid var(--ae-cyan);
    z-index: 3;
}
.xgt3lw:hover {
    transform: translateY(-5px);
    box-shadow: var(--ae-shadow-lg), 0 0 20px rgba(45, 226, 230, 0.15);
    border-color: var(--ae-border-strong);
}
.xjr1x3 {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: linear-gradient(135deg, #0e131c, #161d28);
    border-bottom: 1px solid var(--ae-border);
}
.xjr1x3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(1.1) contrast(1.05);
}
.xio036 { padding: 18px; }
.xdenu1 {
    font-family: var(--ae-font-display);
    font-size: 1rem;
    font-weight: 700;
    color: var(--ae-text);
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.xmc6l1 {
    font-size: 13px;
    color: var(--ae-text-secondary);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.x45v4x {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.xk36gr {
    font-size: 11px;
    color: var(--ae-orange-bright);
    font-weight: 600;
    font-family: var(--ae-font-mono);
    text-transform: uppercase;
}

/* ========== TOOLBAR ========== */
.xrh84j {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 0 24px;
    border-bottom: 1px solid var(--ae-border);
    margin-bottom: 32px;
    flex-wrap: wrap;
    gap: 12px;
    position: relative;
}
.xrh84j::after {
    content: '';
    position: absolute;
    bottom: -1px; left: 0;
    width: 80px; height: 2px;
    background: var(--ae-grad-accent);
    box-shadow: var(--ae-glow-orange);
}
.xgyrax {
    font-family: var(--ae-font-display);
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.xnlyzf {
    display: flex;
    align-items: center;
    gap: 14px;
}
.xhehsa {
    font-size: 13px;
    color: var(--ae-text-muted);
    font-weight: 500;
    font-family: var(--ae-font-mono);
    letter-spacing: 0.05em;
}

/* ========== PAGINATION ========== */
.xc2sb1 {
    display: flex;
    justify-content: center;
    padding: 40px 0;
    flex-wrap: wrap;
}
.xc2sb1 a,
.xc2sb1 span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    margin: 0 3px;
    border-radius: var(--ae-radius);
    font-size: 14px;
    font-weight: 600;
    color: var(--ae-text-secondary);
    text-decoration: none;
    border: 1px solid var(--ae-border);
    background: var(--ae-card-glass);
    font-family: var(--ae-font-mono);
    transition: var(--ae-trans-fast);
}
.xc2sb1 a:hover {
    border-color: var(--ae-cyan);
    color: var(--ae-cyan);
    box-shadow: var(--ae-glow-cyan);
}
.xc2sb1 .xydtdg,
.xc2sb1 span.xydtdg {
    background: var(--ae-grad-primary);
    color: #07090d;
    border-color: var(--ae-cyan);
    font-weight: 700;
    box-shadow: var(--ae-glow-cyan);
}

/* ========== FOOTER ========== */
.xwz94w {
    background: rgba(10, 13, 19, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid var(--ae-border-strong);
    padding-top: 56px;
    margin-top: 48px;
    position: relative;
}
.xwz94w::before {
    content: '';
    position: absolute;
    top: -1px; left: 0;
    width: 100%; height: 1px;
    background: linear-gradient(90deg, transparent, var(--ae-cyan), var(--ae-orange), transparent);
    opacity: 0.5;
}
.xstiu1 {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 40px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px 40px;
}
.xrzx6n {
    font-family: var(--ae-font-display);
    font-size: 1.5rem;
    font-weight: 800;
    background: var(--ae-grad-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.xqxziq {
    display: flex;
    gap: 10px;
    margin-top: 16px;
}
.xqxziq a {
    width: 38px;
    height: 38px;
    border-radius: var(--ae-radius);
    background: rgba(45, 226, 230, 0.06);
    border: 1px solid var(--ae-border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ae-text-secondary);
    font-size: 15px;
    transition: var(--ae-trans);
    text-decoration: none;
}
.xqxziq a:hover {
    background: var(--ae-grad-accent);
    color: #07090d;
    border-color: var(--ae-orange);
    transform: translateY(-3px);
    box-shadow: var(--ae-glow-orange);
}
.xr0li1 {
    display: flex;
    flex-direction: column;
}
.xurcau {
    font-family: var(--ae-font-display);
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--ae-cyan);
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.xr0li1 ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.xr0li1 li,
.xr0li1 a {
    font-size: 13px;
    color: var(--ae-text-secondary);
    text-decoration: none;
    transition: var(--ae-trans-fast);
    cursor: pointer;
    font-family: var(--ae-font-mono);
    letter-spacing: 0.03em;
}
.xr0li1 a:hover {
    color: var(--ae-cyan);
    padding-left: 4px;
    text-shadow: var(--ae-glow-cyan);
}
.x39gh0 {
    border-top: 1px solid var(--ae-border);
    padding: 18px 0;
    text-align: center;
}
.x39gh0 p {
    font-size: 12px;
    color: var(--ae-text-muted);
    font-family: var(--ae-font-mono);
    letter-spacing: 0.05em;
}

/* ========== SIDEBAR (nav sidebar) ========== */
.x50fb4 {
    position: fixed;
    left: 0;
    top: var(--ae-topbar-h);
    bottom: 0;
    width: 260px;
    background: rgba(10, 13, 19, 0.92);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-right: 1px solid var(--ae-border-strong);
    z-index: 1030;
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    box-shadow: var(--ae-shadow-lg);
}
.x50fb4.xncray { transform: translateX(0); }
.x5hunj { padding: 20px; }
.xnfdru {
    padding: 16px;
    background: var(--ae-grad-card);
    border-radius: var(--ae-radius);
    margin-bottom: 20px;
    border: 1px solid var(--ae-border-strong);
}
.xvijs9 {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
}
.x0bnbd,
.xpr9g1 {
    font-size: 13px;
    color: var(--ae-cyan);
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
    font-family: var(--ae-font-body);
    font-weight: 600;
    padding: 4px 0;
    transition: var(--ae-trans-fast);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.x0bnbd:hover,
.xpr9g1:hover {
    color: var(--ae-cyan-bright);
    text-shadow: var(--ae-glow-cyan);
}
.xv3y8i { margin-bottom: 22px; }
.xnhq9l {
    font-family: var(--ae-font-display);
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--ae-cyan);
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.x5ypbf {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.xsqymr {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: var(--ae-radius);
    font-size: 13px;
    color: var(--ae-text-secondary);
    text-decoration: none;
    font-weight: 500;
    transition: var(--ae-trans-fast);
    border: 1px solid transparent;
}
.xsqymr:hover,
.xsqymr.xiz0uq {
    background: rgba(45, 226, 230, 0.08);
    color: var(--ae-cyan);
    border-color: var(--ae-border-strong);
}
.xsqymr .icon {
    font-size: 16px;
    flex-shrink: 0;
    color: var(--ae-orange-bright);
}
.xf7z2i {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    background: none;
    border: none;
    font-family: var(--ae-font-display);
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--ae-cyan);
    cursor: pointer;
    border-radius: var(--ae-radius);
    transition: var(--ae-trans-fast);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.xf7z2i:hover {
    background: rgba(45, 226, 230, 0.06);
}
.x64obl {
    font-size: 10px;
    transition: transform 0.3s ease;
    color: var(--ae-orange-bright);
}

/* ========== HERO SECTION ========== */
.x0qurz {
    padding: 40px 0 0;
    position: relative;
    z-index: 1;
}

/* ========== POLICY PAGES ========== */
.xj3yit { padding: 0; }
.xv15ws { padding: 0; }
.xky105 { margin-bottom: 36px; }
.xky105 h2 {
    font-family: var(--ae-font-display);
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--ae-cyan);
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-left: 14px;
    border-left: 3px solid var(--ae-orange);
}
.xky105 h3 {
    font-family: var(--ae-font-display);
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--ae-text);
    margin: 16px 0 8px;
    text-transform: uppercase;
}
.xky105 p {
    font-size: 14px;
    color: var(--ae-text-secondary);
    line-height: 1.85;
    margin-bottom: 12px;
}
.xky105 a { color: var(--ae-cyan); font-weight: 500; }
.xky105 a:hover { text-decoration: underline; }

/* ========== ABOUT PAGE ========== */
.x7148q {
    padding: 64px 24px 48px;
    text-align: center;
}
.x8qrha { padding: 36px 0; }
.x8qrha h2 {
    font-family: var(--ae-font-display);
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--ae-text);
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-shadow: 0 0 18px rgba(45, 226, 230, 0.2);
}
.x8qrha p {
    font-size: 15px;
    color: var(--ae-text-secondary);
    line-height: 1.85;
    margin-bottom: 14px;
}

/* ========== CONTACT FORM ========== */
.xhcb8u {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.xo1nsg {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.xo1nsg label {
    font-size: 13px;
    font-weight: 600;
    color: var(--ae-text);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-family: var(--ae-font-display);
}
.xo1nsg input,
.xo1nsg textarea,
.xo1nsg select {
    padding: 12px 16px;
    border: 1.5px solid var(--ae-border);
    border-radius: var(--ae-radius);
    background: rgba(10, 13, 19, 0.7);
    color: var(--ae-text);
    font-size: 14px;
    font-weight: 500;
    font-family: var(--ae-font-mono);
    transition: var(--ae-trans);
    width: 100%;
}
.xo1nsg input:focus,
.xo1nsg textarea:focus,
.xo1nsg select:focus {
    border-color: var(--ae-cyan);
    box-shadow: 0 0 0 1px var(--ae-cyan), 0 0 16px rgba(45, 226, 230, 0.25);
    background: rgba(10, 13, 19, 0.95);
}
.xo1nsg textarea {
    resize: vertical;
    min-height: 120px;
}
.x8sn9n {
    padding: 13px 32px;
    background: var(--ae-grad-accent);
    color: #07090d;
    border: 1.5px solid var(--ae-orange);
    border-radius: var(--ae-radius);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--ae-trans);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: var(--ae-glow-orange);
    align-self: flex-start;
    font-family: var(--ae-font-display);
}
.x8sn9n:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 26px rgba(255, 122, 0, 0.6);
    filter: brightness(1.08);
}
.x8sn9n:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* ========== EMPTY STATE ========== */
.xkjx3w {
    text-align: center;
    padding: 80px 24px;
}
.x9khwd {
    font-size: 4rem;
    margin-bottom: 20px;
    opacity: 0.6;
    color: var(--ae-cyan);
    text-shadow: var(--ae-glow-cyan);
}
.xkjx3w p {
    font-size: 15px;
    color: var(--ae-text-secondary);
    margin-bottom: 8px;
    line-height: 1.7;
    font-family: var(--ae-font-mono);
}
.xantmh {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 24px;
    flex-wrap: wrap;
}
.xhnved {
    padding: 12px 28px;
    background: var(--ae-grad-accent);
    color: #07090d;
    border: 1.5px solid var(--ae-orange);
    border-radius: var(--ae-radius);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--ae-trans);
    box-shadow: var(--ae-glow-orange);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-family: var(--ae-font-display);
}
.xhnved:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 26px rgba(255, 122, 0, 0.6);
    color: #07090d;
}
.x9gjo6 {
    background: var(--ae-card-glass);
    color: var(--ae-cyan);
    border: 1.5px solid var(--ae-border-strong);
    box-shadow: none;
}
.x9gjo6:hover {
    border-color: var(--ae-cyan);
    color: var(--ae-cyan-bright);
    box-shadow: var(--ae-glow-cyan);
}

/* ========== AUTH OVERLAY / MODAL ========== */
.xuft71 {
    position: fixed;
    inset: 0;
    background: rgba(7, 9, 13, 0.78);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.x5nq79 {
    background: var(--ae-surface);
    border-radius: var(--ae-radius-lg);
    padding: 40px 36px;
    width: 100%;
    max-width: 420px;
    box-shadow: var(--ae-shadow-lg), 0 0 0 1px var(--ae-border-strong), 0 0 40px rgba(45, 226, 230, 0.12);
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
    border: 1px solid var(--ae-border-strong);
}
.x5nq79::before {
    content: '';
    position: absolute;
    top: -1px; left: -1px;
    width: 22px; height: 22px;
    border-top: 3px solid var(--ae-cyan);
    border-left: 3px solid var(--ae-cyan);
}
.x5nq79::after {
    content: '';
    position: absolute;
    bottom: -1px; right: -1px;
    width: 22px; height: 22px;
    border-bottom: 3px solid var(--ae-orange);
    border-right: 3px solid var(--ae-orange);
}
.x72gma {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border-radius: var(--ae-radius);
    background: rgba(45, 226, 230, 0.08);
    color: var(--ae-text-secondary);
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid var(--ae-border);
    transition: var(--ae-trans-fast);
}
.x72gma:hover {
    background: rgba(255, 59, 59, 0.15);
    color: var(--ae-red);
    border-color: var(--ae-red);
}
.x4ngji { text-align: center; margin-bottom: 28px; }
.x4ngji h1 {
    font-size: 1.7rem;
    font-weight: 800;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-shadow: 0 0 18px rgba(45, 226, 230, 0.3);
}
.x4ngji p {
    font-size: 13px;
    color: var(--ae-text-muted);
    font-family: var(--ae-font-mono);
}
.x65wdt {
    display: flex;
    gap: 0;
    margin-bottom: 28px;
    background: rgba(10, 13, 19, 0.7);
    border-radius: var(--ae-radius);
    padding: 4px;
    border: 1px solid var(--ae-border);
}
.xk4a2o {
    flex: 1;
    padding: 10px 20px;
    border-radius: var(--ae-radius);
    font-size: 13px;
    font-weight: 700;
    color: var(--ae-text-muted);
    cursor: pointer;
    transition: var(--ae-trans);
    background: transparent;
    border: none;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-family: var(--ae-font-display);
}
.xk4a2o.xnutgi {
    background: var(--ae-grad-primary);
    color: #07090d;
    box-shadow: var(--ae-glow-cyan);
}
.xbloog {
    display: none;
    flex-direction: column;
    gap: 16px;
}
.xbloog.xnutgi { display: flex; }
.xt6jrj { position: relative; }
.xt6jrj input { padding-right: 44px; }
.x56ro6 {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ae-text-muted);
    cursor: pointer;
    font-size: 15px;
    transition: var(--ae-trans-fast);
}
.x56ro6:hover { color: var(--ae-cyan); }
.xpden9 {
    padding: 12px 28px;
    background: var(--ae-grad-accent);
    color: #07090d;
    border-radius: var(--ae-radius);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--ae-trans);
    box-shadow: var(--ae-glow-orange);
    border: 1.5px solid var(--ae-orange);
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-family: var(--ae-font-display);
}
.xpden9:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 26px rgba(255, 122, 0, 0.6);
}
.xpden9:disabled,
.xpden9.xsadkt {
    opacity: 0.6;
    cursor: not-allowed;
}
.xtyjrm { text-align: center; padding-top: 8px; }
.xtyjrm p {
    font-size: 13px;
    color: var(--ae-text-muted);
    font-family: var(--ae-font-mono);
}
.xtyjrm a { color: var(--ae-cyan); font-weight: 700; }
.xtyjrm a:hover { text-decoration: underline; }

/* Alert */
.xmyib7 {
    display: none;
    padding: 12px 18px;
    border-radius: var(--ae-radius);
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 12px;
    font-family: var(--ae-font-mono);
    border-left: 3px solid transparent;
}
.xmyib7.xaxo0j { display: block; }
.xmyib7.xcso14 {
    background: rgba(0, 255, 156, 0.1);
    color: var(--ae-success);
    border-color: var(--ae-success);
    border-left-color: var(--ae-success);
}
.xmyib7.x04pt1 {
    background: rgba(255, 59, 59, 0.1);
    color: #ff6b6b;
    border-color: rgba(255, 59, 59, 0.3);
    border-left-color: var(--ae-red);
}
.xmyib7.xe0za5 {
    background: rgba(45, 226, 230, 0.1);
    color: var(--ae-cyan);
    border-color: var(--ae-border-strong);
    border-left-color: var(--ae-cyan);
}
.xmyib7.xets50 {
    background: rgba(255, 210, 63, 0.1);
    color: var(--ae-yellow);
    border-color: rgba(255, 210, 63, 0.3);
    border-left-color: var(--ae-yellow);
}

/* Field x04pt1 */
.xo1nsg.xeb4q0 input,
.xo1nsg.xeb4q0 textarea {
    border-color: var(--ae-error);
}
.xricvm {
    font-size: 11px;
    color: var(--ae-error);
    margin-top: 4px;
    font-weight: 600;
    font-family: var(--ae-font-mono);
}

/* ========== TEXT UTILITY ========== */
.xffhqj {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--ae-text-secondary);
    font-size: 13px;
    line-height: 1.6;
}

/* ========== PROFILE PAGE ========== */
.xwc551 { padding: 32px 0; }
.xzgteq {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 32px;
    align-items: start;
}
.xxl5zw {
    position: sticky;
    top: calc(var(--ae-topbar-h) + 20px);
}
.x9xz5u {
    position: relative;
    background: var(--ae-card-glass);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
    padding: 28px 20px;
    margin-bottom: 20px;
    text-align: center;
    border-left: 3px solid var(--ae-cyan);
}
.xy9cfx {
    width: 70px;
    height: 70px;
    border-radius: var(--ae-radius);
    background: var(--ae-grad-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #07090d;
    font-size: 26px;
    font-weight: 800;
    margin: 0 auto 12px;
    overflow: hidden;
    box-shadow: var(--ae-glow-cyan);
}
.xy9cfx img { width: 100%; height: 100%; object-fit: cover; }
.x8gdce h2 {
    font-size: 1.1rem;
    font-weight: 800;
    margin-bottom: 4px;
    text-transform: uppercase;
}
.x8gdce p {
    font-size: 12px;
    color: var(--ae-text-muted);
    font-family: var(--ae-font-mono);
}
.xz0r47 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.xjfsxj {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: var(--ae-radius);
    font-size: 13px;
    font-weight: 600;
    color: var(--ae-text-secondary);
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    text-align: left;
    font-family: var(--ae-font-display);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: var(--ae-trans-fast);
    width: 100%;
}
.xjfsxj:hover {
    background: rgba(45, 226, 230, 0.06);
    color: var(--ae-cyan);
    border-color: var(--ae-border-strong);
}
.xjfsxj.xnutgi {
    background: rgba(45, 226, 230, 0.1);
    color: var(--ae-cyan);
    border-color: var(--ae-border-strong);
    box-shadow: var(--ae-glow-cyan);
    font-weight: 700;
}
.xdjybn { min-height: 400px; }
.x74mn2 {
    position: relative;
    background: var(--ae-card-glass);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius-lg);
    padding: 36px;
    border-left: 3px solid var(--ae-orange);
}
.x27vi4 { display: none; }
.x27vi4.xnutgi { display: block; }
.x2hxwx {
    font-family: var(--ae-font-display);
    font-size: 1.4rem;
    font-weight: 800;
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-shadow: 0 0 16px rgba(45, 226, 230, 0.2);
}
.xboqmz {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}
.xha20u {
    background: var(--ae-grad-card);
    border: 1px solid var(--ae-border-strong);
    border-radius: var(--ae-radius);
    padding: 16px 24px;
    text-align: center;
    min-width: 100px;
    box-shadow: inset 0 0 0 1px rgba(45,226,230,0.04);
}
.x7r5wx {
    font-family: var(--ae-font-display);
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--ae-cyan);
    text-shadow: var(--ae-glow-cyan);
}
.xe2s0u {
    font-size: 11px;
    color: var(--ae-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-family: var(--ae-font-mono);
}
.x2hjyw {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}
.xbjgpp {
    background: var(--ae-surface);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
    overflow: hidden;
    transition: var(--ae-trans-fast);
}
.xbjgpp:hover {
    box-shadow: var(--ae-shadow), var(--ae-glow-cyan);
    border-color: var(--ae-border-strong);
}
.xpcg88 {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    background: linear-gradient(135deg, #0e131c, #161d28);
    border-bottom: 1px solid var(--ae-border);
}
.xob3og { padding: 12px; }
.x7jmbc {
    font-size: 13px;
    font-weight: 600;
    color: var(--ae-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.xnkmq6 { padding: 0 12px 12px; }
.xhpgt1 {
    padding: 6px 14px;
    border-radius: var(--ae-radius);
    font-size: 11px;
    font-weight: 700;
    color: var(--ae-error);
    background: rgba(255, 59, 59, 0.08);
    border: 1px solid rgba(255, 59, 59, 0.2);
    cursor: pointer;
    transition: var(--ae-trans-fast);
    font-family: var(--ae-font-display);
    text-transform: uppercase;
}
.xhpgt1:hover { background: rgba(255, 59, 59, 0.18); }
.xkqn4s {
    display: block;
    margin: 24px auto 0;
    padding: 10px 28px;
    border-radius: var(--ae-radius);
    font-size: 13px;
    font-weight: 700;
    color: var(--ae-cyan);
    background: transparent;
    border: 1.5px solid var(--ae-border-strong);
    cursor: pointer;
    transition: var(--ae-trans);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-family: var(--ae-font-display);
}
.xkqn4s:hover {
    border-color: var(--ae-cyan);
    background: rgba(45, 226, 230, 0.08);
    box-shadow: var(--ae-glow-cyan);
}
.x11iba {
    padding: 8px 18px;
    border-radius: var(--ae-radius);
    font-size: 12px;
    font-weight: 600;
    color: var(--ae-text-muted);
    background: rgba(120, 150, 170, 0.06);
    border: 1px solid var(--ae-border);
    cursor: pointer;
    transition: var(--ae-trans-fast);
    font-family: var(--ae-font-mono);
    text-transform: uppercase;
}
.x11iba:hover {
    color: var(--ae-red);
    border-color: rgba(255, 59, 59, 0.3);
}

/* Avatar zone */
.xwn4gp {
    background: var(--ae-grad-card);
    border: 1px solid var(--ae-border-strong);
    border-radius: var(--ae-radius);
    padding: 24px;
    margin-bottom: 24px;
}
.x9who6 { margin-bottom: 16px; }
.xpgfme {
    font-weight: 700;
    font-size: 14px;
    color: var(--ae-cyan);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-family: var(--ae-font-display);
}
.xgrvbd {
    display: flex;
    align-items: center;
    gap: 20px;
}
.xewf5p {
    width: 80px;
    height: 80px;
    border-radius: var(--ae-radius);
    background: var(--ae-grad-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #07090d;
    font-size: 26px;
    font-weight: 800;
    flex-shrink: 0;
    overflow: hidden;
    box-shadow: var(--ae-glow-cyan);
}
.xewf5p img { width: 100%; height: 100%; object-fit: cover; }
.xatx8t {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.xm08gc { display: none; }
.xq5axf {
    padding: 8px 20px;
    border-radius: var(--ae-radius);
    font-size: 12px;
    font-weight: 700;
    color: #07090d;
    background: var(--ae-grad-primary);
    border: 1.5px solid var(--ae-cyan);
    cursor: pointer;
    transition: var(--ae-trans);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: var(--ae-font-display);
    box-shadow: var(--ae-glow-cyan);
}
.xq5axf:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}
.xud3u9 {
    padding: 8px 20px;
    border-radius: var(--ae-radius);
    font-size: 12px;
    font-weight: 600;
    color: var(--ae-error);
    background: rgba(255, 59, 59, 0.06);
    border: 1px solid rgba(255, 59, 59, 0.2);
    cursor: pointer;
    transition: var(--ae-trans-fast);
    text-transform: uppercase;
    font-family: var(--ae-font-mono);
}
.xud3u9:hover { background: rgba(255, 59, 59, 0.14); }
.xi06nq {
    margin-top: 12px;
    font-size: 11px;
    color: var(--ae-text-muted);
    font-family: var(--ae-font-mono);
}

/* Profile form */
.xicwxk {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 500px;
}
.xnsnhs {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.xnsnhs label {
    font-size: 13px;
    font-weight: 600;
    color: var(--ae-text);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: var(--ae-font-display);
}
.xnsnhs input {
    padding: 11px 16px;
    border: 1.5px solid var(--ae-border);
    border-radius: var(--ae-radius);
    background: rgba(10, 13, 19, 0.7);
    color: var(--ae-text);
    font-size: 14px;
    font-family: var(--ae-font-mono);
    transition: var(--ae-trans);
}
.xnsnhs input:focus {
    border-color: var(--ae-cyan);
    box-shadow: 0 0 0 1px var(--ae-cyan), 0 0 16px rgba(45, 226, 230, 0.25);
}
.xnsnhs input:disabled {
    background: rgba(120, 150, 170, 0.06);
    color: var(--ae-text-muted);
    cursor: not-allowed;
}
.xfoped {
    padding: 11px 28px;
    background: var(--ae-grad-accent);
    color: #07090d;
    border-radius: var(--ae-radius);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--ae-trans);
    border: 1.5px solid var(--ae-orange);
    align-self: flex-start;
    box-shadow: var(--ae-glow-orange);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-family: var(--ae-font-display);
}
.xfoped:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 26px rgba(255, 122, 0, 0.6);
}

/* Profile xsadkt */
.xza7fv {
    text-align: center;
    padding: 48px 0;
    grid-column: 1 / -1;
}
.xfxww8 {
    width: 40px;
    height: 40px;
    margin: 0 auto 12px;
    border: 3px solid rgba(45, 226, 230, 0.2);
    border-top-color: var(--ae-cyan);
    border-radius: 50%;
    animation: xkpz0w 0.8s linear infinite;
    box-shadow: var(--ae-glow-cyan);
}
.xshu4p {
    font-size: 13px;
    color: var(--ae-text-muted);
    font-family: var(--ae-font-mono);
    letter-spacing: 0.05em;
}
@keyframes xkpz0w { to { transform: rotate(360deg); } }
.xphvcg {
    text-align: center;
    padding: 48px 0;
}
.xlrokd {
    font-size: 2.5rem;
    margin-bottom: 12px;
    opacity: 0.6;
    color: var(--ae-cyan);
}
.xphvcg p {
    color: var(--ae-text-muted);
    font-size: 14px;
    font-family: var(--ae-font-mono);
}

/* Confirm modal */
.xnr0iv {
    position: fixed;
    inset: 0;
    background: rgba(7, 9, 13, 0.78);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 3000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.xnr0iv.xncray { display: flex; }
.xrxuyf {
    background: var(--ae-surface);
    border-radius: var(--ae-radius-lg);
    padding: 32px;
    max-width: 400px;
    width: 100%;
    box-shadow: var(--ae-shadow-lg), 0 0 0 1px var(--ae-border-strong);
    border: 1px solid var(--ae-border-strong);
}
.xon2ws {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.xv1f6u { font-size: 1.5rem; color: var(--ae-red); }
.xctzic {
    font-family: var(--ae-font-display);
    font-size: 1.2rem;
    font-weight: 800;
    text-transform: uppercase;
}
.xavmav { margin-bottom: 24px; }
.xc2wd5 {
    font-size: 14px;
    color: var(--ae-text-secondary);
    line-height: 1.7;
    font-family: var(--ae-font-mono);
}
.xq66yk {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
.x859r3 {
    padding: 10px 24px;
    border-radius: var(--ae-radius);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--ae-trans-fast);
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: var(--ae-font-display);
}
.x859r3.xh8kx2 {
    background: rgba(120, 150, 170, 0.1);
    color: var(--ae-text-secondary);
    border: 1px solid var(--ae-border);
}
.x859r3.xh8kx2:hover {
    background: rgba(120, 150, 170, 0.18);
}
.x859r3.xxj9ri {
    background: var(--ae-error);
    color: #fff;
    box-shadow: 0 0 14px rgba(255, 59, 59, 0.4);
}
.x859r3.xxj9ri:hover { filter: brightness(1.15); }

/* ========== COOKIE BANNER ========== */
.x82m71 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(10, 13, 19, 0.96);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid var(--ae-border-strong);
    padding: 16px 24px;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 24px;
    z-index: 5000;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.5), 0 -1px 0 rgba(45,226,230,0.25);
    flex-wrap: wrap;
}
.x82m71.xtwhae { display: flex; }
.xiwwdv {
    font-size: 13px;
    color: var(--ae-text-secondary);
    max-width: 500px;
    font-family: var(--ae-font-mono);
}
.xeev6v {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.xz72z3 {
    padding: 9px 22px;
    border-radius: var(--ae-radius);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--ae-trans-fast);
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-family: var(--ae-font-display);
}
.xz72z3.x1ilup {
    background: var(--ae-grad-accent);
    color: #07090d;
    border: 1.5px solid var(--ae-orange);
    box-shadow: var(--ae-glow-orange);
}
.xz72z3.x1ilup:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 22px rgba(255, 122, 0, 0.6);
}
.xz72z3.xwx2bk {
    background: transparent;
    color: var(--ae-text-muted);
    border: 1px solid var(--ae-border);
}
.xz72z3.xwx2bk:hover {
    border-color: var(--ae-cyan);
    color: var(--ae-cyan);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
    .xstiu1 { grid-template-columns: 1fr 1fr; }
    .xzgteq { grid-template-columns: 1fr; }
    .xxl5zw { position: static; }
}

@media (max-width: 768px) {
    :root { --ae-topbar-h: 60px; }

    .xhp6dy { padding: 0 16px; }
    .xk8pxe { padding: 0 14px; gap: 10px; }
    .xi8mxc .x8iu44 { font-size: 20px; }
    .xu742l { max-width: 200px; }
    .xu742l input { font-size: 13px; padding: 10px 14px 10px 36px; }

    .xy0h32 h1 { font-size: 2rem; }
    .xy0h32 p { font-size: 0.95rem; }

    .xslrlm { padding: 24px; }

    .xd5pgs {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 16px;
    }

    .x4oh3m { font-size: 1.35rem; }
    .x5m7pa { flex-direction: column; align-items: flex-start; }

    .xstiu1 {
        grid-template-columns: 1fr;
        gap: 28px;
        text-align: center;
    }
    .xqxziq { justify-content: center; }
    .xr0li1 { align-items: center; }

    .xtz4ob { grid-template-columns: 1fr; }

    .xrh84j { flex-direction: column; align-items: flex-start; }
    .xgyrax { font-size: 1.4rem; }
}

@media (max-width: 480px) {
    .xd5pgs {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
    .xtnm05 { padding: 12px; }
    .xgq133 { font-size: 0.9rem; }

    .x5nq79 { padding: 28px 20px; }

    .xy0h32 h1 { font-size: 1.7rem; }
    .xy0h32 { padding: 40px 20px 32px; }
}

/* ============================================================
   GX- PREFIX ALIASES — mecha themed (used by detail/list/tags/
   contact/profile/terms/about pages that still reference gx-)
   ============================================================ */
.xgmnv0 { display: block; position: relative; z-index: 1; padding-bottom: 40px; }
.xbg097 { max-width: 1040px; margin: 0 auto; }
.xfqzlh { margin-bottom: 56px; }
.x6ytli { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.x74ziq { color: var(--ae-yellow); font-size: 13px; text-shadow: 0 0 6px rgba(255,210,63,0.5); }
.x3xhqk { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--ae-text-secondary); font-size:13px; line-height:1.6; }

.xjhn0z { display:flex; justify-content:center; padding:40px 0; flex-wrap:wrap; }
.xjhn0z .pagination-container { width:100%; }
.xjhn0z .pagination-list { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; list-style:none; padding:0; margin:0; gap:6px; }
.xjhn0z .pagination-item { list-style:none; }
.xjhn0z .pagination-link { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px; border-radius:var(--ae-radius); font-size:14px; font-weight:600; color:var(--ae-text-secondary); text-decoration:none; border:1px solid var(--ae-border); background:var(--ae-card-glass); font-family:var(--ae-font-mono); transition:var(--ae-trans-fast); cursor:pointer; }
.xjhn0z a.pagination-link:hover { border-color:var(--ae-cyan); color:var(--ae-cyan); box-shadow:var(--ae-glow-cyan); }
.xjhn0z .pagination-item.active .pagination-link,
.xjhn0z .pagination-link.current { background:var(--ae-grad-primary); color:#07090d; border-color:var(--ae-cyan); font-weight:700; box-shadow:var(--ae-glow-cyan); }
.xjhn0z .pagination-link.disabled,
.xjhn0z .pagination-item.disabled .pagination-link { opacity:0.5; pointer-events:none; cursor:not-allowed; }

.xd9y8c { position:relative; background:var(--ae-surface); border:1px solid var(--ae-border); border-radius:var(--ae-radius); overflow:hidden; transition:var(--ae-trans); box-shadow:var(--ae-shadow-card); text-decoration:none; color:inherit; display:block; }
.xd9y8c::before { content:''; position:absolute; top:0; left:0; width:14px; height:14px; border-top:2px solid var(--ae-cyan); border-left:2px solid var(--ae-cyan); z-index:3; }
.xd9y8c:hover { transform:translateY(-5px); box-shadow:var(--ae-shadow-lg),0 0 20px rgba(45,226,230,0.15); border-color:var(--ae-border-strong); }
.xfubn7 { padding:18px; }
.x081qm { font-size:11px; color:var(--ae-orange-bright); font-weight:600; font-family:var(--ae-font-mono); text-transform:uppercase; }
.xtuo73 { margin-top:8px; }
.xtuo73 .xe90b5 { color:var(--ae-yellow); }

.xbbiqk { display:flex; flex-direction:column; gap:18px; }
.xghnq4 { padding:13px 32px; background:var(--ae-grad-accent); color:#07090d; border:1.5px solid var(--ae-orange); border-radius:var(--ae-radius); font-size:14px; font-weight:700; cursor:pointer; transition:var(--ae-trans); letter-spacing:0.08em; text-transform:uppercase; box-shadow:var(--ae-glow-orange); align-self:flex-start; font-family:var(--ae-font-display); }
.xghnq4:hover { transform:translateY(-2px); box-shadow:0 0 26px rgba(255,122,0,0.6); filter:brightness(1.08); }

/* Profile gx- aliases */
.xig48i { padding:32px 0; }
.xyqje5 { display:grid; grid-template-columns:260px 1fr; gap:32px; align-items:start; }
.xwd2pw { position:sticky; top:calc(var(--ae-topbar-h) + 20px); }
.x1rda7 { position:relative; background:var(--ae-card-glass); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid var(--ae-border); border-radius:var(--ae-radius); padding:28px 20px; margin-bottom:20px; text-align:center; border-left:3px solid var(--ae-cyan); }
.xh1p4e { width:70px; height:70px; border-radius:var(--ae-radius); background:var(--ae-grad-primary); display:flex; align-items:center; justify-content:center; color:#07090d; font-size:26px; font-weight:800; margin:0 auto 12px; overflow:hidden; box-shadow:var(--ae-glow-cyan); }
.xh1p4e img { width:100%; height:100%; object-fit:cover; }
.xohjan h2 { font-size:1.1rem; font-weight:800; margin-bottom:4px; text-transform:uppercase; }
.xohjan p { font-size:12px; color:var(--ae-text-muted); font-family:var(--ae-font-mono); }
.xkntou { display:flex; flex-direction:column; gap:4px; }
.xov2i1 { display:flex; align-items:center; gap:10px; padding:12px 16px; border-radius:var(--ae-radius); font-size:13px; font-weight:600; color:var(--ae-text-secondary); background:transparent; border:1px solid transparent; cursor:pointer; text-align:left; font-family:var(--ae-font-display); text-transform:uppercase; letter-spacing:0.04em; transition:var(--ae-trans-fast); width:100%; }
.xov2i1:hover { background:rgba(45,226,230,0.06); color:var(--ae-cyan); border-color:var(--ae-border-strong); }
.xov2i1.xnutgi { background:rgba(45,226,230,0.1); color:var(--ae-cyan); border-color:var(--ae-border-strong); box-shadow:var(--ae-glow-cyan); font-weight:700; }
.xw0e2e { min-height:400px; }
.xn7ak7 { position:relative; background:var(--ae-card-glass); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid var(--ae-border); border-radius:var(--ae-radius-lg); padding:36px; border-left:3px solid var(--ae-orange); }
.x4uah8 { display:none; padding:12px 18px; border-radius:var(--ae-radius); font-size:13px; font-weight:500; margin-bottom:12px; font-family:var(--ae-font-mono); border-left:3px solid transparent; }
.x4uah8.xaxo0j { display:block; }
.x4uah8.xcso14 { background:rgba(0,255,156,0.1); color:var(--ae-success); border-color:var(--ae-success); border-left-color:var(--ae-success); }
.x4uah8.x04pt1 { background:rgba(255,59,59,0.1); color:#ff6b6b; border-color:rgba(255,59,59,0.3); border-left-color:var(--ae-red); }
.xcnb4b { display:none; }
.xcnb4b.xnutgi { display:block; }
.xfmmt2 { font-family:var(--ae-font-display); font-size:1.4rem; font-weight:800; margin-bottom:24px; text-transform:uppercase; letter-spacing:0.04em; text-shadow:0 0 16px rgba(45,226,230,0.2); }
.xekvgk { display:flex; gap:16px; margin-bottom:24px; flex-wrap:wrap; }
.xkq76l { background:var(--ae-grad-card); border:1px solid var(--ae-border-strong); border-radius:var(--ae-radius); padding:16px 24px; text-align:center; min-width:100px; box-shadow:inset 0 0 0 1px rgba(45,226,230,0.04); }
.xfdnen { font-family:var(--ae-font-display); font-size:1.6rem; font-weight:800; color:var(--ae-cyan); text-shadow:var(--ae-glow-cyan); }
.xd4t5u { font-size:11px; color:var(--ae-text-muted); font-weight:600; text-transform:uppercase; letter-spacing:0.08em; font-family:var(--ae-font-mono); }
.xyfswv { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:16px; }
.xejaxn { display:block; margin:24px auto 0; padding:10px 28px; border-radius:var(--ae-radius); font-size:13px; font-weight:700; color:var(--ae-cyan); background:transparent; border:1.5px solid var(--ae-border-strong); cursor:pointer; transition:var(--ae-trans); text-transform:uppercase; letter-spacing:0.06em; font-family:var(--ae-font-display); }
.xejaxn:hover { border-color:var(--ae-cyan); background:rgba(45,226,230,0.08); box-shadow:var(--ae-glow-cyan); }
.x2arcm { padding:8px 18px; border-radius:var(--ae-radius); font-size:12px; font-weight:600; color:var(--ae-text-muted); background:rgba(120,150,170,0.06); border:1px solid var(--ae-border); cursor:pointer; transition:var(--ae-trans-fast); font-family:var(--ae-font-mono); text-transform:uppercase; }
.x2arcm:hover { color:var(--ae-red); border-color:rgba(255,59,59,0.3); }
.xmd34u { background:var(--ae-grad-card); border:1px solid var(--ae-border-strong); border-radius:var(--ae-radius); padding:24px; margin-bottom:24px; }
.x3g8jp { margin-bottom:16px; }
.xj0l7n { font-weight:700; font-size:14px; color:var(--ae-cyan); text-transform:uppercase; letter-spacing:0.06em; font-family:var(--ae-font-display); }
.xt1vlo { display:flex; align-items:center; gap:20px; }
.xi6cbn { width:80px; height:80px; border-radius:var(--ae-radius); background:var(--ae-grad-primary); display:flex; align-items:center; justify-content:center; color:#07090d; font-size:26px; font-weight:800; flex-shrink:0; overflow:hidden; box-shadow:var(--ae-glow-cyan); }
.xi6cbn img { width:100%; height:100%; object-fit:cover; }
.xunsuc { display:flex; flex-direction:column; gap:8px; }
.x2bsyi { display:none; }
.xe5c4a { padding:8px 20px; border-radius:var(--ae-radius); font-size:12px; font-weight:700; color:#07090d; background:var(--ae-grad-primary); border:1.5px solid var(--ae-cyan); cursor:pointer; transition:var(--ae-trans); text-transform:uppercase; letter-spacing:0.05em; font-family:var(--ae-font-display); box-shadow:var(--ae-glow-cyan); }
.xe5c4a:hover { transform:translateY(-2px); filter:brightness(1.08); }
.x31tda { padding:8px 20px; border-radius:var(--ae-radius); font-size:12px; font-weight:600; color:var(--ae-error); background:rgba(255,59,59,0.06); border:1px solid rgba(255,59,59,0.2); cursor:pointer; transition:var(--ae-trans-fast); text-transform:uppercase; font-family:var(--ae-font-mono); }
.x31tda:hover { background:rgba(255,59,59,0.14); }
.xjbvar { margin-top:12px; font-size:11px; color:var(--ae-text-muted); font-family:var(--ae-font-mono); }
.xoybj5 { display:flex; flex-direction:column; gap:18px; max-width:500px; }
.xaosc4 { display:flex; flex-direction:column; gap:6px; }
.xaosc4 label { font-size:13px; font-weight:600; color:var(--ae-text); text-transform:uppercase; letter-spacing:0.05em; font-family:var(--ae-font-display); }
.xaosc4 input { padding:11px 16px; border:1.5px solid var(--ae-border); border-radius:var(--ae-radius); background:rgba(10,13,19,0.7); color:var(--ae-text); font-size:14px; font-family:var(--ae-font-mono); transition:var(--ae-trans); }
.xaosc4 input:focus { border-color:var(--ae-cyan); box-shadow:0 0 0 1px var(--ae-cyan),0 0 16px rgba(45,226,230,0.25); }
.xaosc4 input:disabled { background:rgba(120,150,170,0.06); color:var(--ae-text-muted); cursor:not-allowed; }
.x5u7y0 { padding:11px 28px; background:var(--ae-grad-accent); color:#07090d; border-radius:var(--ae-radius); font-size:14px; font-weight:700; cursor:pointer; transition:var(--ae-trans); border:1.5px solid var(--ae-orange); align-self:flex-start; box-shadow:var(--ae-glow-orange); text-transform:uppercase; letter-spacing:0.06em; font-family:var(--ae-font-display); }
.x5u7y0:hover { transform:translateY(-2px); box-shadow:0 0 26px rgba(255,122,0,0.6); }

/* Confirm modal gx- aliases */
.x08qcp { position:fixed; inset:0; background:rgba(7,9,13,0.78); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); z-index:3000; display:none; align-items:center; justify-content:center; padding:20px; }
.x08qcp.xncray { display:flex; }
.xph5uc { background:var(--ae-surface); border-radius:var(--ae-radius-lg); padding:32px; max-width:400px; width:100%; box-shadow:var(--ae-shadow-lg),0 0 0 1px var(--ae-border-strong); border:1px solid var(--ae-border-strong); }
.xbbyoa { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.x03bgm { font-size:1.5rem; color:var(--ae-red); }
.x42rxk { font-family:var(--ae-font-display); font-size:1.2rem; font-weight:800; text-transform:uppercase; }
.xp4ppp { margin-bottom:24px; }
.xqv4id { font-size:14px; color:var(--ae-text-secondary); line-height:1.7; font-family:var(--ae-font-mono); }
.xdxr1q { display:flex; gap:10px; justify-content:flex-end; }
.xtg90e { padding:10px 24px; border-radius:var(--ae-radius); font-size:13px; font-weight:700; cursor:pointer; transition:var(--ae-trans-fast); border:none; text-transform:uppercase; letter-spacing:0.05em; font-family:var(--ae-font-display); }
.xtg90e.xh8kx2 { background:rgba(120,150,170,0.1); color:var(--ae-text-secondary); border:1px solid var(--ae-border); }
.xtg90e.xh8kx2:hover { background:rgba(120,150,170,0.18); }
.xtg90e.xxj9ri { background:var(--ae-error); color:#fff; box-shadow:0 0 14px rgba(255,59,59,0.4); }
.xtg90e.xxj9ri:hover { filter:brightness(1.15); }

/* Toast (contact page JS) */
.xk3jpj { position:fixed; top:20px; right:20px; min-width:280px; background:var(--ae-surface); border:1px solid var(--ae-border-strong); border-left:3px solid var(--ae-cyan); border-radius:var(--ae-radius); box-shadow:var(--ae-shadow-lg); z-index:10000; overflow:hidden; font-family:var(--ae-font-mono); }
.xk3jpj.xw40y3 { border-left-color:var(--ae-success); }
.xk3jpj.x1y521 { border-left-color:var(--ae-error); }
.xwv2n0 { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:0.05em; font-family:var(--ae-font-display); border-bottom:1px solid var(--ae-border); }
.xw40y3 .xwv2n0 { color:var(--ae-success); }
.x1y521 .xwv2n0 { color:var(--ae-error); }
.xg8d6a { padding:12px 14px; font-size:13px; color:var(--ae-text-secondary); }
.xk3jpj .xljnnm { background:none; border:none; color:var(--ae-text-muted); font-size:18px; cursor:pointer; line-height:1; }
.xk3jpj .xljnnm:hover { color:var(--ae-text); }

/* Star rating (plural alias used by detail page) */
.xrwy4b { color: var(--ae-yellow); font-size: 13px; text-shadow: 0 0 6px rgba(255,210,63,0.5); }

/* Cookie banner alias (privacy page uses .xw319a) */
.xw319a {
    position: fixed; bottom: 0; left: 0; right: 0;
    background: rgba(10, 13, 19, 0.96);
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid var(--ae-border-strong);
    padding: 16px 24px; display: none;
    align-items: center; justify-content: center; gap: 24px;
    z-index: 5000;
    box-shadow: 0 -4px 24px rgba(0,0,0,0.5), 0 -1px 0 rgba(45,226,230,0.25);
    flex-wrap: wrap;
}
.xw319a.xtwhae { display: flex; }

/* Section badge alias (index page legacy class) */
.xrb76c {
    font-size: 11px; font-weight: 700; color: var(--ae-cyan);
    background: rgba(45,226,230,0.1); padding: 4px 14px;
    border-radius: var(--ae-radius); letter-spacing: 0.12em; text-transform: uppercase;
    border: 1px solid var(--ae-border-strong); font-family: var(--ae-font-mono);
}