body.ti-night {
    background-color: #02040a;
}

.site-wrapper {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
}

.ti-bg {
    position: fixed;
    inset: 0;
    background: radial-gradient(circle at top, #12233a 0%, #040712 45%, #01020a 100%);
    z-index: -2;
}

/* FIX: Headerul nu mai este transparent */
.site-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 40px;
    border-bottom: 1px solid rgba(80, 120, 170, 0.35);
    background: rgba(5, 9, 18, 0.96); /* FIX */
    backdrop-filter: blur(4px);       /* Premium effect */
    position: relative;
    z-index: 10;                      /* FIX: stă peste video */
}

.logo-main {
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #e8f1ff;
}

.logo-sub {
    font-size: 10px;
    color: #7fa4d9;
}

.main-nav a {
    margin-left: 16px;
    font-size: 11px;
    color: #c3d6ff;
    opacity: 0.8;
}

.main-nav a:hover {
    opacity: 1;
    color: #ffffff;
}

.site-main {
    padding: 24px 40px 40px 40px;
}

.site-footer {
    display: flex;
    justify-content: space-between;
    padding: 10px 40px 20px 40px;
    font-size: 10px;
    color: #7684a5;
    border-top: 1px solid rgba(60, 80, 120, 0.4);
    background: linear-gradient(to top, rgba(5, 8, 16, 0.96), rgba(7, 12, 22, 0.95));
}