:root{
    --bg1:#0b1220;
    --bg2:#0b1b2e;
    --muted: rgba(255,255,255,.72);
    --muted2: rgba(255,255,255,.55);
    --border: rgba(255,255,255,.12);
}

.app-body{
    background: radial-gradient(1200px 600px at 10% 10%, rgba(73,135,255,.25), transparent 60%),
    radial-gradient(800px 500px at 90% 10%, rgba(91,255,206,.16), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg2));
    color:#fff;
    min-height: 100vh;
}

.nav-blur{
    backdrop-filter: blur(10px);
    background: rgba(11,18,32,.55);
    border-bottom: 1px solid var(--border);
}

.grad-text{
    background: linear-gradient(90deg, #9cc7ff, #7fffd4);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.divider{ border-top: 1px solid var(--border); }

.btn-cta{
    border-radius: 12px;
    padding: .65rem 1rem;
    font-weight: 600;
}

.btn-outline-light{
    border-color: rgba(255,255,255,.3);
}

.app-surface{
    background: rgba(255,255,255,.06);
    border: 1px solid var(--border);
    border-radius: 18px;
}

/* Bootstrap card tweaks */
.card{
    background: rgba(255,255,255,.06) !important;
    border: 1px solid var(--border) !important;
    border-radius: 16px !important;
    color:#fff;
}
.card .text-muted, .text-muted{ color: var(--muted2) !important; }
.form-label{ color: rgba(255,255,255,.8); }
.form-control{
    background: rgba(255,255,255,.04) !important;
    border: 1px solid var(--border) !important;
    color:#fff !important;
    border-radius: 12px !important;
}
.form-control:focus{
    box-shadow: 0 0 0 .25rem rgba(156,199,255,.15) !important;
}
.alert{
    border-radius: 14px;
}
.dropdown-menu{
    border-radius: 14px;
}