/* privacy.css */
:root {
    --page-black: #0F1214;
    --header-obsidian: #0A0C0D;
    --card-surface: #181D20;
    --sand-text: #D6D2C4;
    --terracotta: #A45A4D;
    --muted-grey: #8A9194;
}

* { margin: 0; padding: 0; box-sizing: border-box; outline: none; }

body { 
    background-color: var(--page-black); 
    color: var(--muted-grey); 
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
}

/* Navigation */
.simple-nav { padding: 30px 8%; background: var(--header-obsidian); }
.simple-nav a { 
    color: var(--sand-text); text-decoration: none; font-size: 0.6rem; 
    text-transform: uppercase; letter-spacing: 2px; opacity: 0.4; transition: 0.3s;
}
.simple-nav a:hover { opacity: 1; color: var(--terracotta); }

/* Legal Layout */
.legal-container { max-width: 750px; margin: 80px auto; padding: 0 5%; }

h1 { 
    font-size: 2.5rem; font-weight: 200; color: var(--sand-text); 
    margin-bottom: 10px; text-transform: lowercase; letter-spacing: -1px;
}

.last-updated { 
    font-size: 0.65rem; text-transform: uppercase; letter-spacing: 2px; 
    color: var(--terracotta); margin-bottom: 60px; opacity: 0.8;
}

section { margin-bottom: 50px; }

h2 { 
    font-size: 0.7rem; text-transform: uppercase; letter-spacing: 3px; 
    color: var(--terracotta); margin-bottom: 20px; font-weight: 700;
}

p, li { font-size: 0.95rem; margin-bottom: 15px; }
ul { padding-left: 20px; list-style: square; color: var(--terracotta); }
ul li span { color: var(--muted-grey); }

/* Links */
a { color: var(--terracotta); text-decoration: none; transition: 0.3s; }
a:hover { color: var(--sand-text); text-decoration: underline; }

/* Footer Pop Effect */
footer { padding: 100px 0 60px; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); }
footer p { 
    font-size: 0.6rem; text-transform: uppercase; letter-spacing: 2px; 
    color: var(--sand-text); opacity: 0.3; transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: inline-block; cursor: default;
}
footer p:hover { 
    opacity: 1; color: var(--terracotta); 
    transform: scale(1.15) translateY(-3px); 
    text-shadow: 0 0 15px rgba(164, 90, 77, 0.6);
}