:root {
    --bg: #0b1020;
    --card: rgba(17, 24, 39, 0.85);
    --line: rgba(255,255,255,.08);
}
body {
    background: radial-gradient(circle at top right, #1f3b75 0%, #0b1020 35%, #050814 100%);
    color: #f8fafc;
    min-height: 100vh;
}
.nav-glass, .glass-card {
    background: rgba(9, 14, 30, 0.72);
    backdrop-filter: blur(14px);
}
.hero-box, .glass-card, .stat-card {
    border: 1px solid var(--line);
    border-radius: 24px;
    box-shadow: 0 10px 35px rgba(0,0,0,.25);
}
.hero-box {
    background: linear-gradient(135deg, rgba(59,130,246,.14), rgba(168,85,247,.14));
    padding: 3rem;
}
.card, .table {
    --bs-card-bg: var(--card);
    --bs-table-bg: transparent;
    color: #f8fafc;
}
.form-control, .form-select, .input-group-text, textarea {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.08) !important;
    color: #fff !important;
}
.form-control::placeholder, textarea::placeholder { color: rgba(255,255,255,.5) !important; }
.table td, .table th { color: #e5e7eb; }
.stat-card { background: rgba(255,255,255,.04); padding: 1.25rem; }
.generated-preview img, .generated-preview video {
    width: 100%;
    border-radius: 18px;
    border: 1px solid var(--line);
}
.badge-soft { background: rgba(255,255,255,.08); }