:root{
    --bg-1:#0c0714;
    --bg-2:#1a0f2d;
    --card:#140a22cc;
    --border:#6f42c1;
    --text:#f3eefc;
    --muted:#cbb8ef;
    --accent:#9b6dff;
}

body{
    min-height:100vh;
    color:var(--text);
    background:
        radial-gradient(1200px 600px at 15% 20%, #2a1550 0%, transparent 60%),
        radial-gradient(900px 500px at 85% 30%, #3d1a6b 0%, transparent 55%),
        linear-gradient(160deg, var(--bg-1), var(--bg-2));
}

.glass-card{
    background: var(--card);
    border: 1px solid rgba(111,66,193,.55);
    box-shadow: 0 18px 60px rgba(0,0,0,.45);
    backdrop-filter: blur(10px);
    border-radius: 1.25rem;
}

.brand-dot{
    display:inline-block;
    width:.6rem;
    height:.6rem;
    background: var(--accent);
    border-radius: 999px;
    margin-left:.4rem;
    box-shadow: 0 0 18px rgba(155,109,255,.75);
}

.brand-name{
    color: var(--accent);
}

.avatar{
    width: 160px;
    height: 160px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(155,109,255,.85);
    box-shadow: 0 0 0 8px rgba(155,109,255,.12), 0 20px 40px rgba(0,0,0,.45);
}

.construction{
    color: var(--muted);
    font-size: 1.05rem;
}

.badge-soft{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.45rem .75rem;
    border-radius: 999px;
    background: rgba(155,109,255,.12);
    border: 1px solid rgba(155,109,255,.35);
    color: var(--text);
}

footer{
    color: rgba(243,238,252,.7);
}