/* Luxus‑Bay minimal CSS (dark + gold) */
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, sans-serif; color:#e7e7e7; background:#0a0a0a; }
a { color:#f5c542; text-decoration:none; }
a:hover { text-decoration:underline; }

.lux-bg {
  /* fallback gradient + subtle noise */
  background:
    radial-gradient(60% 40% at 20% 10%, rgba(245,197,66,0.12), transparent),
    radial-gradient(60% 40% at 80% 0%, rgba(245,197,66,0.08), transparent),
    #0a0a0a;
}

.topbar { position:sticky; top:0; backdrop-filter: blur(8px); background: rgba(10,10,10,0.7); border-bottom:1px solid rgba(255,255,255,0.06); z-index:10; }
.wrap { max-width:1100px; margin:0 auto; padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.brand { font-weight:700; font-size:20px; display:flex; align-items:center; gap:8px; }
.brand .crown { filter: drop-shadow(0 0 6px rgba(245,197,66,0.6)); }

nav a { margin:0 8px; color:#ddd; }
nav a.pill { background:linear-gradient(90deg,#f5d34f,#e6b93a); color:#111; padding:6px 10px; border-radius:999px; }

main { min-height:60vh; }

.container { max-width:1100px; margin:24px auto; padding:0 16px; }
.card { background:rgba(20,20,20,0.7); border:1px solid rgba(255,255,255,0.08); border-radius:14px; padding:18px; box-shadow: 0 4px 28px rgba(0,0,0,0.45); }
.card.narrow { max-width:520px; }

.grid2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.grid2 label { display:flex; flex-direction:column; gap:6px; }
.grid2 input { padding:10px; border-radius:10px; border:1px solid rgba(255,255,255,0.12); background:#111; color:#eee; }

label { display:flex; flex-direction:column; gap:6px; margin:10px 0; }
input { padding:10px; border-radius:10px; border:1px solid rgba(255,255,255,0.12); background:#111; color:#eee; }
button, .btn-primary { cursor:pointer; padding:10px 14px; border-radius:10px; border:0; background:linear-gradient(90deg,#f5d34f,#e6b93a); color:#111; font-weight:700; }
button:hover { filter:brightness(1.05); }

.alert { padding:10px 12px; border-radius:10px; margin:10px 0; }
.alert-error { background:#3b0b0b; border:1px solid #7a1f1f; }
.alert-success { background:#0c2f16; border:1px solid #1f7a3a; }
.muted { color:#aaa; }

.hero { display:grid; gap:16px; padding:40px 0; grid-template-columns:1.2fr 1fr; align-items:center; }
.hero h1 { font-size:44px; margin:0; }
.hero p { color:#ccc; font-size:18px; }
.hero .shots { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; }
.hero .shot { height:140px; border-radius:16px; border:1px solid rgba(255,255,255,0.12); background-size:cover; background-position:center; }

.footer { border-top:1px solid rgba(255,255,255,0.06); }
.footer .wrap { padding:22px 16px; }
.footer .links a { margin-left:12px; color:#bbb; }
.footer .links a:hover { color:#fff; }