:root{--navy:#0B1B3A;--navy2:#12295a;--cream:#F7F4EE;--gold:#C8923A;--gold2:#E9D9B0;--mu:color-mix(in srgb,var(--cream) 66%,transparent);--ln:color-mix(in srgb,var(--cream) 13%,transparent)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:Tajawal,system-ui,sans-serif;background:var(--navy);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:13px 26px;font-weight:800;cursor:pointer;text-decoration:none;transition:.2s transform,.2s opacity;background:var(--gold);color:var(--navy)}
.btn:hover{transform:translateY(-2px)}.btn.ghost{background:transparent;border:1.5px solid var(--gold);color:var(--cream)}.btn.sm{padding:8px 16px;font-size:.9rem;border-radius:10px}.btn.danger{background:#b3402e;color:#fff}.btn:disabled{opacity:.5;cursor:default;transform:none}
.card{background:var(--navy2);border:1px solid var(--ln);border-radius:22px;padding:22px}
input,select,textarea{width:100%;background:color-mix(in srgb,var(--cream) 6%,transparent);border:1px solid var(--ln);border-radius:12px;padding:12px 14px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--gold)}select option{color:#0B1B3A}
label{display:block;font-size:.88rem;color:var(--mu);margin:12px 0 5px}
.star{display:inline-block;width:1em;height:1em;vertical-align:-.12em}
.gold{color:var(--gold)}.mu{color:var(--mu)}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.4rem;text-decoration:none}.logo svg{width:34px;height:34px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy);padding:12px 22px;border-radius:14px;font-weight:800;z-index:99;max-width:90vw}
.toast.err{background:#b3402e;color:#fff}