:root{
  --bg:#0b1220;
  --panel:#111a2e;
  --card:#17223a;
  --line:#243250;
  --text:#f4f7fb;
  --muted:#9fb0d0;
  --accent:#4f8cff;
  --accent-2:#7cb0ff;
  --success:#1dbf73;
  --error:#ef5350;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#09111f,#0f1830);color:var(--text);font-family:'Cairo',system-ui,sans-serif}
a{color:var(--accent-2);text-decoration:none}
.muted{color:var(--muted)}
.alert{padding:12px 14px;border-radius:14px;margin:12px 0;font-size:14px}
.alert-error{background:rgba(239,83,80,.12);border:1px solid rgba(239,83,80,.35)}
.alert-success{background:rgba(29,191,115,.12);border:1px solid rgba(29,191,115,.35)}
.btn,.ghost-btn,button{border:0;border-radius:14px;padding:12px 16px;font:inherit;cursor:pointer}
.btn,button{background:linear-gradient(135deg,var(--accent),#6ea6ff);color:#fff;font-weight:700}
.btn-secondary,.ghost-btn{background:transparent;border:1px solid var(--line);color:var(--text)}
.simple-page{max-width:900px;margin:40px auto;padding:24px}