/* Dark & Gold Qaxum style */
:root{
    --bg:#0d0d0d;
    --panel:#171717;
    --gold:#d4af37;
    --muted:#bfbfbf;
    --white:#ffffff;
}
html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#111);color:var(--white);}
a{color:var(--gold);text-decoration:none;}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:transparent;border-bottom:1px solid rgba(255,255,255,0.03);}
.brand h1{margin:0;font-size:20px;letter-spacing:1px;}
.brand .tagline{margin:0;font-size:12px;color:var(--muted);}
nav a{margin-left:18px;color:var(--muted);}
.container{max-width:980px;margin:40px auto;padding:0 20px;}
.hero{background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);padding:28px;border-radius:12px;box-shadow:0 6px 30px rgba(0,0,0,0.6);}
.hero h2{margin:0 0 8px 0;font-size:26px;}
.hero p{margin:0 0 16px 0;color:var(--muted);}
.btn{display:inline-block;padding:10px 16px;border-radius:8px;background:var(--gold);color:#111;font-weight:600;}
.features{display:flex;gap:14px;margin-top:20px;}
.card{background:var(--panel);padding:18px;border-radius:10px;flex:1;box-shadow:0 6px 20px rgba(0,0,0,0.6);}
.auth-card{max-width:420px;margin:80px auto;padding:26px;background:var(--panel);border-radius:12px;}
label{display:block;margin-top:10px;font-size:13px;color:var(--muted);}
input[type="text"],input[type="email"],input[type="password"],textarea{width:100%;padding:10px;margin-top:6px;border-radius:8px;border:1px solid rgba(255,255,255,0.05);background:#0b0b0b;color:var(--white);min-height:40px;}
textarea{min-height:100px;}
.errors{background:#3a0000;padding:10px;border-radius:6px;color:#ffd7d7;margin-bottom:10px;}
.success{background:#073a00;padding:10px;border-radius:6px;color:#dff7d6;margin-bottom:10px;}
footer.footer{text-align:center;padding:28px 0;color:var(--muted);margin-top:40px;}
.vcard-card{max-width:720px;margin:40px auto;padding:28px;background:linear-gradient(180deg, rgba(255,255,255,0.01), transparent);border-radius:12px;border:1px solid rgba(255,255,255,0.03);}
.vcard-header h1{margin:0;font-size:28px;}
.vcard-header h2{margin:6px 0;color:var(--muted);font-size:16px;}
.vcard-body p{color:var(--white);line-height:1.6;}
.vcard-list{list-style:none;padding:0;margin:0;}
.vcard-list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.02);display:flex;justify-content:space-between;align-items:center;}
.muted{color:var(--muted);}
.view{background:transparent;border:1px solid rgba(255,255,255,0.04);padding:6px 8px;border-radius:8px;}