:root{
  --bg:#0f1724; --card:#111827; --accent:#f59e0b; --muted:#9ca3af; --text:#e6edf3;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Arial;background:linear-gradient(180deg,#07101a 0%, #071726 100%);color:var(--text);min-height:100vh}
.site-header{padding:28px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.03)}
.site-header h1{margin:0;font-size:2rem}
.tagline{color:var(--muted);margin-top:6px}
.container{max-width:980px;margin:28px auto;padding:16px}
.hero{display:flex;gap:20px;align-items:center;background:rgba(255,255,255,0.02);padding:16px;border-radius:12px}
.crown{width:120px;height:120px;object-fit:contain}
.hero-text h2{margin:0 0 8px 0}
.gallery,.feedback,.live,.admin{margin-top:18px;background:rgba(255,255,255,0.02);padding:14px;border-radius:10px}
.shots{display:flex;gap:10px;flex-wrap:wrap}
.shots img{width:180px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.5)}
form{display:grid;gap:8px}
input,textarea,select{padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);color:var(--text)}
button{background:var(--accent);border:none;padding:10px 14px;border-radius:10px;color:#041021;font-weight:600;cursor:pointer}
.status{color:var(--muted);margin-top:6px}
.feedback-list{display:flex;flex-direction:column;gap:10px}
.fb-item{background:rgba(255,255,255,0.03);padding:10px;border-radius:8px}
.muted{color:var(--muted)}
footer{text-align:center;padding:16px;color:var(--muted)}
@media(max-width:700px){
  .hero{flex-direction:column;align-items:flex-start}
  .crown{width:100px;height:100px}
}