/* Общие сбросы */
* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family: Arial, sans-serif;
  background: linear-gradient(135deg, #f0f4ff, #d9e4ff);
  min-height:100vh;
  overflow-x:hidden;
}

/* Хедер */
.site-header {
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 2rem; background:rgba(255,255,255,0.8);
  position:sticky; top:0; backdrop-filter:blur(10px); z-index:10;
}
.logo {
  font-family:'Bungee Shade', cursive;
  font-size:2rem; color:#1a202c;
  text-shadow:2px 2px 4px rgba(0,0,0,0.1);
}
nav a {
  margin-left:1.5rem; text-decoration:none;
  color:#1a202c; font-weight:600;
  transition:color .3s;
}
nav a:hover { color:#3b82f6; }

/* Hero Section */
.hero {
  display:flex; flex-direction:column; align-items:center;
  text-align:center; padding:4rem 1rem;
  animation:fadeIn 1s ease-out;
}
.hero h1 {
  font-size:2.5rem; margin-bottom:.5rem; color:#1a202c;
}
.subhead {
  font-size:1.2rem; margin-bottom:2rem; color:#4b5563;
}

/* Форма */
.form-card {
  background:#fff; padding:2rem; border-radius:12px;
  box-shadow:0 8px 16px rgba(0,0,0,0.1);
  width:100%; max-width:480px;
  display:grid; grid-gap:1rem;
  transform:translateY(20px); opacity:0;
  animation:slideUp .6s .4s forwards;
}
.form-card input {
  padding:.8rem; font-size:1rem; border:1px solid #cbd5e0;
  border-radius:6px; transition:border-color .3s;
}
.form-card input:focus {
  border-color:#3b82f6; outline:none;
}
.form-card button {
  padding:1rem; font-size:1rem; font-weight:600;
  background:#3b82f6; color:#fff; border:none; border-radius:6px;
  cursor:pointer; transition:background .3s;
}
.form-card button:hover { background:#2563eb; }

/* Сообщение */
.msg-box {
  margin-top:1rem; font-weight:600;
  min-height:1.5rem; color:#dc2626;
}

/* Анимации */
@keyframes fadeIn {
  from { opacity:0 } to { opacity:1 }
}
@keyframes slideUp {
  to { transform:translateY(0); opacity:1 }
}