:root {
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.3);
}

@media (prefers-color-scheme: dark) {
    :root {
        --glass-bg: rgba(30, 30, 30, 0.8);
        --glass-border: rgba(255, 255, 255, 0.1);
    }
}

body {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.glass-card {
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
}

input::placeholder {
    color: rgba(156, 163, 175, 0.8);
}

/* ... keep your existing code ... */

/* PRIVACY BLUR EFFECT */
.privacy-blur .sensitive-data {
    color: transparent !important;
    text-shadow: 0 0 8px rgba(255,255,255,0.7);
    cursor: default;
    user-select: none;
}

/* Dark mode adjustment */
@media (prefers-color-scheme: dark) {
    .privacy-blur .sensitive-data {
        text-shadow: 0 0 8px rgba(255,255,255,0.5);
    }
}