body { background:#f4f4f4; font-family:Arial; margin:0; }
header{ background:#111; color:#fff; padding:20px; text-align:center; }
form { max-width:800px; margin:auto; padding:18px; }
section{
 background:#fff;padding:15px;margin-bottom:15px;border-radius:10px;
 box-shadow:0 2px 8px rgba(0,0,0,.08);
}
label{ display:block;margin-bottom:10px;font-weight:600; }
input,textarea,select{ width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;margin-top:5px; }
button{ width:100%;padding:15px;font-size:17px;margin-top:10px;border-radius:8px;border:none;background:#0078ff;color:#fff;font-weight:bold; }
button:hover{ background:#005fd1; }
#preview img{ width:100%;margin-top:8px;border-radius:6px; }

.rating-block {margin-bottom:18px;}
.stars {
  font-size:30px;
  color:#d1d1d1;
  cursor:pointer;
  user-select:none;
}
.stars span {
  padding:4px;
}
.stars .active {
  color:#ffb400;   /* Gold Star */
}

#floatingHome{
  position: fixed;
  bottom: 18px;
  right: 18px;
  height: 55px;
  width: 55px;
  background:#0078ff;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  text-decoration:none;
  box-shadow:0 5px 14px rgba(0,0,0,0.32);
  z-index:999;
  transition:0.25s;
}

#floatingHome:hover{
  transform:scale(1.12);
  background:#005fd1;
}