:root,html[data-theme="light"]{color-scheme:light;--tj-bg:#f6f4fb;--tj-surface:#ffffff;--tj-text:#1f1533;--tj-muted:#6b6477;--tj-primary:#5b1786;--tj-secondary:#8f2bb3;--tj-accent:#efb93f;--tj-border:#ddd5ea;--tj-gradient-start:#f8f4ff;--tj-gradient-end:#ece3f7;--tj-radius:16px}
html[data-theme="dark"]{color-scheme:dark;--tj-bg:#14091f;--tj-surface:#21102f;--tj-text:#f8f4ff;--tj-muted:#c8bad8;--tj-primary:#7b238f;--tj-secondary:#a93cc6;--tj-accent:#efb93f;--tj-border:#4c2a62;--tj-gradient-start:#321046;--tj-gradient-end:#0e0716;--tj-radius:16px}
html,body{background:var(--tj-bg)!important;color:var(--tj-text)!important}body{min-height:100vh;background-image:radial-gradient(circle at 18% -12%,color-mix(in srgb,var(--tj-secondary) 40%,transparent),transparent 34rem),linear-gradient(145deg,var(--tj-gradient-start),var(--tj-gradient-end))!important;background-attachment:fixed!important}a{color:inherit}.muted,.module-card span,.form-stack small,.switch,.tj-muted{color:var(--tj-muted)!important}.card,.module-card,.settings-card,.hero,.header,.footer,.tj-panel,.tj-admin-card,.tj-cms-card{background:color-mix(in srgb,var(--tj-surface) 94%,transparent)!important;color:var(--tj-text)!important;border-color:var(--tj-border)!important}.card,.module-card,.settings-card,.hero,.tj-panel,.tj-admin-card,.tj-cms-card{border-radius:var(--tj-radius)!important}.app-header{background:color-mix(in srgb,var(--tj-bg) 92%,transparent)!important;border-color:var(--tj-border)!important}.eyebrow,.header-brand,.header-link,.module-card strong,.mini-brand,.switch a{color:var(--tj-accent)!important}.btn-primary,.trampoja-auth-btn,.tj-btn-primary{background:var(--tj-accent)!important;border-color:var(--tj-accent)!important;color:#1b1020!important}.btn-outline,.tj-btn-outline{border-color:var(--tj-accent)!important;color:var(--tj-accent)!important}input,select,textarea,.form-stack input,.form-stack select,.form-stack textarea,.trampoja-auth-input{background:color-mix(in srgb,var(--tj-surface) 92%,var(--tj-bg))!important;color:var(--tj-text)!important;border-color:var(--tj-border)!important}input:focus,select:focus,textarea:focus{border-color:var(--tj-accent)!important;outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--tj-accent) 16%,transparent)}
.trampoja-auth-page{background:radial-gradient(circle at 20% -10%,color-mix(in srgb,var(--tj-secondary) 38%,transparent),transparent 34rem),linear-gradient(145deg,var(--tj-gradient-start),var(--tj-gradient-end))!important;color:var(--tj-text)!important}.trampoja-auth-card{background:color-mix(in srgb,var(--tj-surface) 95%,transparent)!important;border-color:var(--tj-border)!important;color:var(--tj-text)!important}
.tj-global-top{width:100%;background:color-mix(in srgb,var(--tj-bg) 96%,transparent);border-bottom:1px solid var(--tj-border)}.tj-brand-hero{width:min(100%,1600px);margin:0 auto;overflow:hidden;border-radius:0 0 var(--tj-radius) var(--tj-radius);background:#07101b}.tj-brand-hero picture,.tj-brand-hero img{display:block;width:100%}.tj-brand-hero img{max-height:360px;object-fit:cover}.tj-nav-shell{border-top:1px solid color-mix(in srgb,var(--tj-border) 70%,transparent);border-bottom:1px solid var(--tj-border);background:color-mix(in srgb,var(--tj-bg) 91%,transparent);backdrop-filter:blur(14px)}.tj-nav{width:min(100%,1080px);min-height:64px;margin:auto;padding:9px 16px;display:flex;align-items:center;gap:12px}.tj-nav-brand{margin-right:auto;color:var(--tj-accent);font-weight:950;letter-spacing:.04em}.tj-nav-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tj-nav-links a{font-size:.86rem;font-weight:750;color:var(--tj-text)}.tj-theme-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--tj-border);border-radius:999px;background:var(--tj-surface)}.tj-theme-toggle button{min-width:34px;min-height:32px;border:0;border-radius:999px;cursor:pointer;background:transparent;color:var(--tj-muted);font-weight:900}.tj-theme-toggle button.is-active{background:var(--tj-primary);color:#fff}.tj-theme-float{position:fixed;z-index:9999;right:12px;bottom:12px}
.tj-banner-region{width:min(100%,1180px);margin:14px auto 0;padding:0 16px}.tj-banner-rotator{position:relative;overflow:hidden;border:1px solid var(--tj-border);border-radius:var(--tj-radius);background:var(--tj-surface);box-shadow:0 20px 50px rgba(0,0,0,.16)}.tj-banner-slide{display:none;min-height:120px;position:relative}.tj-banner-slide.is-active{display:grid}.tj-banner-link{display:grid;grid-template-columns:minmax(0,1fr);position:relative;min-height:120px;color:inherit}.tj-banner-media{position:absolute;inset:0}.tj-banner-media picture,.tj-banner-media img{width:100%;height:100%;display:block}.tj-banner-media img{object-fit:cover}.tj-banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--tj-bg) 92%,transparent) 0%,color-mix(in srgb,var(--tj-bg) 62%,transparent) 54%,color-mix(in srgb,var(--tj-bg) 18%,transparent) 100%)}.tj-banner-content{position:relative;z-index:2;width:min(100%,720px);align-self:center;padding:22px 24px}.tj-banner-content h3{margin:0 0 7px;font-size:clamp(1.15rem,3vw,1.75rem)}.tj-banner-content p{margin:0;color:var(--tj-muted);line-height:1.5}.tj-banner-cta{display:inline-flex;margin-top:13px;padding:9px 14px;border-radius:999px;background:var(--tj-accent);color:#181020;font-weight:900;font-size:.82rem}.tj-banner-controls{position:absolute;z-index:4;right:10px;bottom:9px;display:flex;align-items:center;gap:6px}.tj-banner-controls button{width:34px;height:34px;border:1px solid var(--tj-border);border-radius:999px;background:color-mix(in srgb,var(--tj-bg) 78%,transparent);color:var(--tj-text);cursor:pointer}
.tj-page-wrap{width:min(100%,1080px);margin:22px auto 60px;padding:0 16px}.tj-page-hero{padding:22px;border:1px solid var(--tj-border);border-radius:var(--tj-radius);background:linear-gradient(135deg,color-mix(in srgb,var(--tj-primary) 17%,var(--tj-surface)),color-mix(in srgb,var(--tj-secondary) 10%,var(--tj-surface)))}.tj-page-hero h1{margin:0 0 8px;font-size:clamp(1.8rem,5vw,2.6rem)}.tj-search-row{display:flex;gap:8px;margin-top:16px}.tj-search-row input{flex:1;min-height:46px;padding:0 13px;border-radius:11px;border:1px solid var(--tj-border)}.tj-search-row button{min-width:100px;border:0;border-radius:11px;background:var(--tj-primary);color:#fff;font-weight:900;cursor:pointer}.tj-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tj-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--tj-border);border-radius:999px;background:var(--tj-surface);color:var(--tj-primary);font-size:.82rem;font-weight:800}.tj-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tj-result-card{padding:16px;border:1px solid var(--tj-border);border-radius:var(--tj-radius);background:var(--tj-surface)}.tj-result-card a{color:var(--tj-primary);font-weight:850}
.tj-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tj-admin-card{padding:18px;border:1px solid var(--tj-border)}.tj-admin-card h2,.tj-admin-card h3{margin-top:0}.tj-admin-links{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 22px}.tj-admin-links a{padding:10px 14px;border-radius:999px;border:1px solid var(--tj-border);background:var(--tj-surface);color:var(--tj-primary);font-weight:850}.tj-form{display:grid;gap:12px}.tj-form label>span{display:block;margin-bottom:6px;font-size:.82rem;font-weight:850}.tj-form input,.tj-form select,.tj-form textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--tj-border)}.tj-form textarea{min-height:180px;resize:vertical}.tj-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tj-color-field{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center}.tj-color-field input[type=color]{padding:2px;height:42px}.tj-table{width:100%;border-collapse:collapse}.tj-table th,.tj-table td{padding:10px 8px;border-bottom:1px solid var(--tj-border);vertical-align:top;text-align:left;font-size:.86rem}.tj-row-actions{display:flex;gap:6px;flex-wrap:wrap}.tj-row-actions form{display:inline}.tj-small-btn{display:inline-grid;place-items:center;min-height:34px;border:1px solid var(--tj-border);border-radius:9px;padding:0 10px;cursor:pointer;background:var(--tj-surface);color:var(--tj-text);font-weight:800}.tj-small-btn.primary{background:var(--tj-primary);color:#fff}.tj-small-btn.danger{border-color:#b84a5a;color:#ff9eaa}.tj-cms-card{padding:24px;border:1px solid var(--tj-border)}.tj-cms-body{white-space:pre-wrap;line-height:1.75}.tj-global-footer{margin-top:50px;padding:26px 16px;border-top:1px solid var(--tj-border);background:color-mix(in srgb,var(--tj-bg) 92%,transparent);color:var(--tj-muted)}.tj-global-footer-inner{width:min(100%,1080px);margin:auto;display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.tj-footer-links{display:flex;gap:12px;flex-wrap:wrap}.tj-footer-links a{color:var(--tj-text);font-size:.82rem}
@media(max-width:760px){.tj-brand-hero img{max-height:220px}.tj-nav{align-items:flex-start;flex-direction:column}.tj-nav-brand{margin-right:0}.tj-nav-links{width:100%}.tj-result-grid,.tj-admin-grid,.tj-color-grid{grid-template-columns:1fr}.tj-search-row{flex-direction:column}.tj-search-row button{min-height:46px}.tj-banner-region{padding:0 10px}.tj-banner-content{padding:18px}}

.tj-user-avatar-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 3px 9px 3px 4px;
    border: 1px solid var(--tj-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--tj-surface) 92%, transparent);
    color: var(--tj-text);
    text-decoration: none;
}

.tj-user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-grid;
    place-items: center;
    flex: 0 0 32px;
    border: 2px solid color-mix(in srgb, var(--tj-accent) 80%, transparent);
}

.tj-user-avatar-fallback {
    background: linear-gradient(135deg, var(--tj-primary), var(--tj-secondary));
    color: #fff;
    font-size: .9rem;
    font-weight: 950;
}

.tj-user-avatar-name {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .78rem;
    font-weight: 850;
}

.tj-profile-photo-panel {
    max-width: 760px;
    margin: 0 auto;
    padding: 24px;
    border: 1px solid var(--tj-border);
    border-radius: var(--tj-radius);
    background: color-mix(in srgb, var(--tj-surface) 95%, transparent);
}

.tj-profile-photo-layout {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 18px;
}

.tj-profile-photo-preview {
    width: 132px;
    height: 132px;
    flex: 0 0 132px;
}

.tj-profile-photo-preview img,
.tj-profile-photo-fallback {
    width: 132px;
    height: 132px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid color-mix(in srgb, var(--tj-accent) 82%, transparent);
    box-shadow: 0 15px 35px rgba(0,0,0,.18);
}

.tj-profile-photo-fallback {
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--tj-primary), var(--tj-secondary));
    color: #fff;
    font-size: 3rem;
    font-weight: 950;
}

@media (max-width: 620px) {
    .tj-user-avatar-name {
        display: none;
    }

    .tj-profile-photo-layout {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* TRAMPOJA_M5_A2_BANNER_SEARCH_UX */
.tj-banner-slide,.tj-banner-link{min-height:var(--tj-banner-desktop-height,340px);height:var(--tj-banner-desktop-height,340px)}
.tj-banner-media,.tj-banner-media picture,.tj-banner-media img{width:100%;height:100%}.tj-banner-media img{object-fit:cover;object-position:center}
.tj-banner-shade{background:var(--tj-banner-overlay-color,#000000);opacity:var(--tj-banner-overlay-opacity,.20);pointer-events:none}
.tj-search-compact{padding:16px 18px}.tj-search-compact h1{margin:0 0 5px;font-size:clamp(1.55rem,3.6vw,2.05rem);line-height:1.08}.tj-search-compact>.tj-muted{margin:0;font-size:.88rem;line-height:1.35}
.tj-search-compact .tj-search-row{margin-top:10px;gap:8px}.tj-search-compact .tj-search-row input{min-height:42px;height:42px;padding:0 13px;font-size:.92rem}.tj-search-compact .tj-search-row button{min-height:42px;height:42px;padding:0 16px;font-size:.9rem}
@media(max-width:760px){.tj-banner-slide,.tj-banner-link{min-height:var(--tj-banner-mobile-height,220px);height:var(--tj-banner-mobile-height,220px)}.tj-search-compact{padding:14px}.tj-search-compact h1{margin-bottom:4px;font-size:1.55rem;line-height:1.05}.tj-search-compact>.tj-muted{font-size:.82rem;line-height:1.3}.tj-search-compact .tj-search-row{margin-top:8px;gap:7px}.tj-search-compact .tj-search-row input,.tj-search-compact .tj-search-row button{min-height:40px;height:40px}.tj-search-compact .tj-search-row input{font-size:.88rem}.tj-search-compact .tj-search-row button{font-size:.88rem}}


/* TRAMPOJA_M5_A3_AI_TICKER */

.tj-ai-ticker{
    width:min(100%,1080px);
    min-height:38px;
    margin:0 auto;
    padding:5px 16px 7px;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:0;
    /* TRAMPOJA_M5_A3_R2R2_TEXT_ONLY_CSS */
    align-items:center;
    gap:12px;
    overflow:hidden;
    border-top:1px solid color-mix(
        in srgb,
        var(--tj-border) 58%,
        transparent
    );
}

.tj-ai-ticker-brand{
    position:relative;
    z-index:2;
    white-space:nowrap;
    color:var(--tj-accent);
    font-size:.78rem;
    font-weight:950;
    letter-spacing:.06em;
    background:color-mix(
        in srgb,
        var(--tj-bg) 94%,
        transparent
    );
}

.tj-ai-ticker-viewport{
    min-width:0;
    overflow:hidden;
    -webkit-mask-image:linear-gradient(
        90deg,
        transparent 0,
        #000 22px,
        #000 calc(100% - 22px),
        transparent 100%
    );
    mask-image:linear-gradient(
        90deg,
        transparent 0,
        #000 22px,
        #000 calc(100% - 22px),
        transparent 100%
    );
}

.tj-ai-ticker-track{
    --tj-ai-ticker-speed:32s;
    display:flex;
    width:max-content;
    will-change:transform;
    animation:
        tjAiTickerScroll
        var(--tj-ai-ticker-speed)
        linear
        infinite;
}

.tj-ai-ticker-segment{
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
    white-space:nowrap;
    padding-right:42px;
    color:var(--tj-text);
    font-size:.88rem;
    font-weight:700;
    line-height:1.2;
}

.tj-ai-ticker-separator{
    display:inline-block;
    margin-left:42px;
    color:var(--tj-accent);
    font-size:.7rem;
}

@keyframes tjAiTickerScroll{
    from{
        transform:translate3d(0,0,0);
    }
    to{
        transform:translate3d(-50%,0,0);
    }
}

@media(max-width:760px){
    .tj-ai-ticker{
        min-height:34px;
        padding:4px 14px 6px;
        gap:10px;
    }

    .tj-ai-ticker-brand{
        font-size:.72rem;
    }

    .tj-ai-ticker-segment{
        padding-right:34px;
        font-size:.78rem;
    }

    .tj-ai-ticker-separator{
        margin-left:34px;
    }

    .tj-ai-ticker-track{
        --tj-ai-ticker-speed:30s;
    }
}

@media(prefers-reduced-motion:reduce){
    .tj-ai-ticker-track{
        animation:none;
        transform:none;
    }

    .tj-ai-ticker-segment[aria-hidden="true"]{
        display:none;
    }
}


/* TRAMPOJA_M5_A4_HOME_LOGO_FIRST_FOLD_CSS */
.tj-home-logo-stage{
    width:100%;
    margin:0 auto 10px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:0;
}

.tj-home-logo-main{
    display:block;
    width:min(100%,420px);
    height:auto;
    max-height:170px;
    object-fit:contain;
    margin:0 auto;
}

.brand-block[data-home-brand],
.brand-block{
    min-height:0;
}

@media(max-width:640px){
    .landing{
        min-height:auto!important;
        place-items:start center!important;
        padding:10px 16px 24px!important;
    }

    .brand-block{
        width:100%!important;
        max-width:100%!important;
    }

    .tj-home-logo-stage{
        margin:0 auto 5px!important;
        padding:0!important;
    }

    .tj-home-logo-main{
        width:min(64vw,235px)!important;
        max-height:108px!important;
        margin:0 auto!important;
    }

    .brand-block .landing-actions{
        margin-top:6px!important;
        gap:7px!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
    }

    .brand-block .landing-actions .btn{
        width:min(100%,190px)!important;
        min-height:39px!important;
        padding:0 16px!important;
        border-radius:9px!important;
        font-size:.78rem!important;
        line-height:1!important;
    }
}