:root {
    --black:          #080808;
    --black-2:        #0e0e0e;
    --black-3:        #161616;
    --silver-dim:     #555;
    --silver:         #8a8a8a;
    --silver-mid:     #b0b0b0;
    --silver-bright:  #d4d4d4;
    --white:          #ededed;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    font-family: 'Rajdhani', sans-serif;
    background: var(--black);
    color: var(--white);
    overflow-x: hidden;
}

.bg-layer {
    position: fixed; inset: 0;
    background:
        radial-gradient(ellipse 70% 45% at 50% 0%, rgba(160,160,160,0.04) 0%, transparent 65%),
        #080808;
    z-index: -3;
}

.navbar {
    position: fixed; top: 0; left: 0; width: 100%;
    padding: 1.3rem 4rem;
    display: flex; align-items: center; justify-content: space-between;
    z-index: 100;
    background: rgba(8,8,8,0.9);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(200,200,200,0.06);
}
.nav-logo {
    display: flex; align-items: center; gap: 0.7rem;
    text-decoration: none;
}
.nav-logo-img {
    width: 32px; height: 32px;
    object-fit: contain;
    filter: drop-shadow(0 0 6px rgba(200,200,200,0.15));
}
.nav-logo-text {
    font-size: 0.78rem; font-weight: 700;
    letter-spacing: 0.28em; text-transform: uppercase;
    color: var(--silver);
}
.nav-back {
    text-decoration: none; color: var(--silver-dim);
    font-size: 0.8rem; font-weight: 600;
    letter-spacing: 0.14em; text-transform: uppercase;
    transition: color 0.2s;
}
.nav-back:hover { color: var(--white); }

.legal-page {
    max-width: 800px; margin: 0 auto;
    padding: 8rem 2rem 4rem;
}
.legal-page h1 {
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 700; letter-spacing: 0.06em;
    text-transform: uppercase; color: var(--white);
    margin-bottom: 0.5rem;
}
.legal-page .subtitle {
    font-size: 0.72rem; letter-spacing: 0.4em;
    text-transform: uppercase; color: var(--silver-dim);
    margin-bottom: 3rem;
}
.legal-page h2 {
    font-size: 1.2rem; font-weight: 700;
    letter-spacing: 0.08em; text-transform: uppercase;
    color: var(--silver-bright);
    margin-top: 2.5rem; margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(200,200,200,0.08);
}
.legal-page h3 {
    font-size: 1.05rem; font-weight: 600;
    color: var(--silver-mid);
    margin-top: 1.5rem; margin-bottom: 0.6rem;
}
.legal-page p, .legal-page li {
    font-size: 0.95rem; color: var(--silver);
    line-height: 1.78; margin-bottom: 1rem;
}
.legal-page ul {
    list-style: none; padding-left: 0;
}
.legal-page ul li {
    padding-left: 1.2rem; position: relative;
}
.legal-page ul li::before {
    content: ''; position: absolute; left: 0; top: 0.65rem;
    width: 5px; height: 5px; background: var(--silver-dim);
    clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
}
.legal-page strong { color: var(--silver-bright); font-weight: 600; }
.legal-page a {
    color: var(--silver-mid); text-decoration: underline;
    text-underline-offset: 3px; transition: color 0.2s;
}
.legal-page a:hover { color: var(--white); }

.footer {
    padding: 2.8rem 2rem;
    border-top: 1px solid rgba(200,200,200,0.05);
}
.footer-inner {
    max-width: 800px; margin: 0 auto;
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 1rem;
}
.footer-copy { font-size: 0.75rem; color: var(--silver-dim); }
.footer-links { display: flex; gap: 1.5rem; }
.footer-links a {
    font-size: 0.75rem; color: var(--silver-dim);
    text-decoration: none; transition: color 0.2s;
}
.footer-links a:hover { color: var(--silver-mid); }

@media (max-width: 600px) {
    .navbar { padding: 1.2rem 1.5rem; }
    .legal-page { padding: 6rem 1.5rem 3rem; }
}