/* assets/styles.css */
:root{--bg:#0b0b0f; --card:rgba(255,255,255,0.06); --glass:rgba(255,255,255,0.08); --text:#f2f2f2; --muted:#b7b7c2; --accent:#ff2e88; --accent-2:#7c3aed; --ring:rgba(255,255,255,0.35);}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; color:var(--text); background:linear-gradient(120deg,#0b0b0f 0%,#151521 100%); overflow-x:hidden;}
.bg .orb{position:fixed; filter:blur(60px); opacity:0.6; z-index:-1}
.orb-1{width:500px;height:500px; left:-120px; top:-120px; background:radial-gradient(circle at 30% 30%, #ff2e88, transparent 60%)}
.orb-2{width:420px;height:420px; right:-100px; top:120px; background:radial-gradient(circle at 70% 30%, #7c3aed, transparent 60%)}
.orb-3{width:380px;height:380px; left:40%; bottom:-140px; background:radial-gradient(circle at 50% 50%, #00d4ff, transparent 60%)}
.site-header{display:flex; align-items:center; justify-content:space-between; padding:18px 24px; position:sticky; top:0; backdrop-filter:blur(10px); background:linear-gradient(180deg, rgba(10,10,14,0.85), rgba(10,10,14,0.35) 60%, transparent); border-bottom:1px solid rgba(255,255,255,0.06);}
.brand{font-family:Montserrat,Inter,sans-serif; font-weight:800; letter-spacing:-0.02em; font-size:1.2rem}
.brand span{color:var(--accent)}
.nav-link{color:var(--muted); text-decoration:none; margin-left:14px; font-weight:600}
.nav-link.active,.nav-link:hover{color:var(--text)}
.container{max-width:1100px; margin:0 auto; padding:28px 20px}
.hero.glass, .admin.glass{background:var(--glass); border:1px solid rgba(255,255,255,0.08); border-radius:20px; padding:28px; backdrop-filter: blur(12px); box-shadow:0 10px 40px rgba(0,0,0,0.35);}
.headline{font-family:Montserrat,Inter,sans-serif; font-size: clamp(1.8rem, 4vw, 3rem); margin:0 0 6px}
.sub{color:var(--muted); margin:0 0 18px}
.feature{display:flex; flex-direction:column; align-items:center; gap:14px}
.feature-img{width:min(900px,100%); height:auto; border-radius:16px; border:1px solid rgba(255,255,255,0.12); box-shadow: 0 12px 40px rgba(0,0,0,0.35)}
.stamp{color:var(--muted); font-size:0.95rem}
.placeholder{display:grid; place-items:center; width:100%; min-height:280px; border:2px dashed rgba(255,255,255,0.2); border-radius:16px; padding:30px; text-align:center; color:var(--muted)}
.ph-badge{display:inline-block; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,0.1); margin-bottom:8px; font-weight:600}
.marquee{overflow:hidden; margin:28px 0}
.form-card{display:grid; gap:12px; background:var(--card); border:1px solid rgba(255,255,255,0.08); padding:20px; border-radius:14px}
.label{font-weight:600}
.input{background:#0e0e15; color:var(--text); border:1px solid rgba(255,255,255,0.12); border-radius:10px; padding:12px 14px; outline:none}
.input:focus{border-color:var(--ring); box-shadow:0 0 0 4px rgba(255,255,255,0.08)}
.btn{appearance:none; border:0; background:linear-gradient(135deg,var(--accent),var(--accent-2)); color:white; font-weight:800; padding:10px 12px; border-radius:10px; cursor:pointer; letter-spacing:0.02em; font-size:0.9rem}
.btn:hover{opacity:0.95}
.btn.btn-del{background:linear-gradient(135deg,#ff5b5b,#a11111)}
.error{color:#ff9dbd; font-weight:600}
.status{color:#8ff0b1; font-weight:600}
.hint{color:var(--muted); font-size:0.9rem; margin-top:10px}
/* nominations grid - dense */
.noms-grid{display:grid; grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); gap:10px; margin-top:12px}
.nom-card{display:flex; flex-direction:column; gap:6px; background:var(--card); border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:8px}
.nom-thumb{width:100%; height:120px; object-fit:cover; border-radius:10px; border:1px solid rgba(255,255,255,0.12)}
.nom-meta{display:flex; flex-direction:column; gap:4px}
.nom-title{font-weight:800; font-size:0.9rem}
.nom-small{color:var(--muted); font-size:0.8rem}
.nom-actions{display:flex; gap:6px; align-items:center; justify-content:space-between}
.muted{color:var(--muted)}