body {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background: linear-gradient(120deg, #ff60a3 0%, #5c2eae 100%);
  min-height: 100vh;
  color: #232323;
  box-sizing: border-box;
}
/* ... остальной CSS аналогично встроенному стилю ... */
header { padding: 32px 0 12px 0; background: rgba(255,255,255,0.95); box-shadow: 0 2px 10px rgba(92,46,174,0.05); position: sticky; top: 0; z-index: 80; }
.container { width: 90%; max-width: 1100px; margin: auto; }
nav { float: right; }
nav a { margin-left: 24px; color: #5c2eae; text-decoration: none; font-weight: 600; transition: color 0.2s; }
nav a:hover { color: #ff60a3; }
.logo { font-size: 2rem; font-weight: 800; color: #ff60a3; text-shadow: 0 2px 8px #fff3,0 2px 20px #fff5; display: inline-block; }
.hero { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 75vh; text-align: center; color: #fff; background: linear-gradient(100deg, #ff60a3cc 30%, #5c2eaecc 90%); border-radius: 0 0 48px 48px; margin-bottom: 32px; }
.hero h1 { font-size: 2.8rem; margin-bottom: 1.2rem; text-shadow: 0 5px 24px #5c2eae88; }
.hero p { font-size: 1.4rem; max-width: 600px; margin: 0 auto 2rem auto; text-shadow: 0 2px 4px #23232340; }
.cta-btn { font-size: 1.2rem; background: linear-gradient(90deg,#ff60a3, #5c2eae); color: #fff; padding: 14px 36px; border: none; border-radius: 32px; cursor: pointer; font-weight: bold; box-shadow: 0 2px 20px #ff60a3cc; transition: background 0.3s, transform 0.2s; }
.cta-btn:hover { background: #ff8ec6; color: #5c2eae; transform: scale(1.04); }
/* и так далее... перенесите стили из предыдущего ответа */