/* assets/style.css */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');

*{box-sizing:border-box}
body{
  margin:0;
  font-family: 'Orbitron',sans-serif;
  background: linear-gradient(180deg,#0b0f12 0%, #262728 100%);
  color:#cfe8ff;
}
.wrap{ max-width:1100px; margin:30px auto; padding:20px; }

header{
  background: #0f1720;
  padding:30px;
  border-radius:12px;
  box-shadow: 0 8px 40px rgba(0,200,200,0.06), inset 0 0 20px rgba(0,200,200,0.02);
  text-align:center;
}
header h1{ color:#00f0ff; font-size:34px; margin:0; text-shadow: 0 0 12px rgba(0,255,255,0.18); }
.subtitle{ color:#ff6aa3; margin-top:8px; font-size:18px; text-shadow:0 0 8px rgba(255,80,160,0.06); }

.grid{ display:flex; flex-wrap:wrap; gap:16px; margin-top:20px; justify-content:center; }
.card{
  width:230px;
  min-height:120px;
  background:#12131a;
  border-radius:10px;
  padding:14px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.6), 0 0 18px rgba(0,200,200,0.04) inset;
  cursor:pointer;
  transition: transform .18s, box-shadow .18s;
}
.card:hover{ transform: translateY(-6px); box-shadow: 0 10px 30px rgba(0,0,0,0.6), 0 0 26px rgba(0,255,200,0.08) inset; }
.card h3{ color:#2ef0ff; margin:0 0 6px 0; font-size:16px; }
.card p{ color:#9fb7c9; font-size:13px; margin:0; }

.modal{ position:fixed; left:0; right:0; top:0; bottom:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,0.6); z-index:999; }
.modal.open{ display:flex; }
.sheet{ width:90%; max-width:900px; background:#0f1620; padding:20px; border-radius:12px; box-shadow: 0 12px 40px rgba(0,0,0,0.7); color:#dbeeff; }

.list .row{ display:flex; gap:12px; align-items:center; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.03); }
.list .row img{ width:80px; height:60px; object-fit:cover; border-radius:6px; border:1px solid rgba(255,255,255,0.03); }
.list .row .meta{ text-align:left; }
.list .row .meta strong{ color:#9ff; display:block; }
.list .row .meta small{ color:#9fb7c9; display:block; }

.btn{
  background: linear-gradient(90deg,#ff3fa0,#ff8a00);
  display:inline-block; color:#fff; border:none; padding:10px 18px; border-radius:10px;
  cursor:pointer; text-decoration:none;
  box-shadow: 0 6px 18px rgba(255,80,160,0.16);
}
.footer{ margin-top:30px; color:#7ac; text-align:center; }

.form-row{ margin:8px 0; text-align:left; }
input[type="email"], select, input[type="text"], textarea{ width:100%; padding:8px; border-radius:6px; border:1px solid #262b33; background:#0b0f12; color:#cfe8ff; }

.small{ font-size:13px; color:#9fb7c9; }