body { font-family: 'Cairo', system-ui, sans-serif; }
.card { background: rgb(15 23 42 / .8); border: 1px solid rgb(30 41 59); border-radius: 1rem; padding: 1rem; }
.input { background: rgb(2 6 23); border: 1px solid rgb(51 65 85); border-radius: .75rem; padding: .6rem .8rem; color: #e2e8f0; outline: none; }
.input:focus { border-color: #fbbf24; }
.btn-primary { background: #f59e0b; color: #0f172a; font-weight: 700; border-radius: .75rem; padding: .55rem .9rem; }
.btn-primary:disabled { opacity: .4; }
.btn-secondary { background: rgb(30 41 59); color: #cbd5e1; border-radius: .75rem; padding: .55rem .8rem; }
.btn-danger { background: #f43f5e; color: #fff; font-weight: 700; border-radius: .75rem; padding: .55rem .9rem; }
.fa-spin-slow { animation: fa-spin 3s infinite linear; }
pre { font-family: ui-monospace, monospace; }