body { 
  font-family:tahoma; 
  background:#111; 
  color:#fff; 
  margin:0; 
  padding:0;
}

header, footer { 
  background:#000; 
  padding:20px; 
  text-align:center; 
}

h1, h2, h3 { 
  color:#f5c518; 
  text-align:center; 
}

nav a { 
  color:#f5c518; 
  margin:0 10px; 
  text-decoration:none;  
  font-size:20px;
  font-weight:bold;
}

form {
  width:300px;
  margin:20px auto;
  padding:20px;
  background:#222;
  border-radius:10px;
}

input, textarea {
  width:100%;
  padding:8px;
  margin:5px 0;
  border-radius:5px;
  border:none;
}

button {
  width:100%;
  padding:10px;
  margin-top:10px;
  background:#f5c518;
  border:none;
  border-radius:5px;
  cursor:pointer;
}

/* آیکون کاربر */
.user-icon {
  position:absolute;
  top:20px;
  right:70px;
  font-size:26px;
  color:#ff9500;
  cursor:pointer;
  display:none;
  transition:0.3s;
}
.user-icon:hover {
  color:#ffa733;
  transform:scale(1.1);
}

.username {
  position:absolute;
  top:55px;
  right:70px;
  font-size:14px;
  color:#b49911;
  margin-top:4px;
  text-align:center;
  display:none;
}

/* واکنش‌گرایی موبایل */
@media (max-width:768px){
  nav a { font-size:16px; margin:0 5px; }
  form { width:90%; padding:15px; }
}