<style>
:root {
--primary:#5b5ce2;
--yellow:#ffcc00;
--bg1:#EDE4FF;
--bg2:#FFF4D6;
--bg3:#E9F0FF;
--text:#2d3748;
--muted:#6b7280;
--border:#e8eaf3;
}

/* фон */
@keyframes grad-flow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

/* 2. Внешняя обертка */
.ga-public-wrapper {
width:100%;
padding:70px 24px;
box-sizing:border-box;
background:linear-gradient(270deg,var(--bg1),var(--bg2),var(--bg3));
background-size:400% 400%;
animation:grad-flow 40s ease infinite;
border-radius:40px;
}

/* 3. Центральная карточка */
.ga-main-card {
max-width:920px;
margin:0 auto;
background:#ffffff;
border-radius:28px;
padding:48px;
box-shadow:0 30px 80px rgba(0,0,0,0.06);
font-family:'Segoe UI', Roboto, Arial, sans-serif;
color:var(--text);
border:1px solid rgba(91,92,226,0.08);
}

/* 4. Заголовок */
.ga-title {
text-align:center;
font-size:30px;
margin:0 0 12px 0;
background:linear-gradient(90deg,var(--primary),var(--yellow));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-weight:800;
letter-spacing:0.3px;
}

/* 5. Формы */
.ga-label {
display:block;
font-size:13px;
color:var(--muted);
margin-bottom:6px;
font-weight:500;
}

.ga-input-row {
display:flex;
gap:16px;
margin-bottom:18px;
flex-wrap:wrap;
}

.ga-field-group { flex:1; min-width:220px; }

.ga-input, .ga-select {
width:100%;
padding:13px 16px;
border:1px solid var(--border);
border-radius:12px;
font-size:15px;
background:#fff;
outline:none;
transition:0.25s ease;
}

.ga-input:focus, .ga-select:focus {
border-color:var(--primary);
box-shadow:0 0 0 3px rgba(91,92,226,0.08);
}

/* 6. Кнопки нейросетей (сделаны мягче) */
.ga-ai-grid {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
gap:10px;
margin-bottom:22px;
}

.ga-ai-btn {
display:flex;
align-items:center;
justify-content:center;
gap:6px;
padding:12px 14px;
border:none;
border-radius:12px;
font-weight:600;
font-size:14px;
cursor:pointer;
transition:0.25s ease;
color:#fff;
box-shadow:0 6px 14px rgba(0,0,0,0.06);
}

.ga-ai-btn:hover {
transform:translateY(-2px);
box-shadow:0 10px 22px rgba(0,0,0,0.10);
filter:saturate(1.05);
}

/* 7. Кнопка копирования (более лёгкая) */
.ga-copy-prompt {
width:100%;
background:#fff;
border:1px solid var(--border);
padding:14px;
border-radius:14px;
font-weight:600;
color:var(--primary);
cursor:pointer;
margin-bottom:26px;
transition:0.25s ease;
}

.ga-copy-prompt:hover {
background:#f7f8ff;
border-color:rgba(91,92,226,0.25);
}

/* 8. Конструктор отчета */
.ga-report-section {
background:#fbfcff;
border:1px solid var(--border);
padding:26px;
border-radius:20px;
}

/* кнопка скачать — более “премиальная”, без грубого градиента */
.ga-download-btn {
width:100%;
background:#5b5ce2;
color:#fff;
padding:16px;
border:none;
border-radius:14px;
font-size:16px;
font-weight:600;
cursor:pointer;
margin-top:14px;
transition:0.25s ease;
box-shadow:0 10px 20px rgba(91,92,226,0.18);
}

.ga-download-btn:hover {
transform:translateY(-2px);
box-shadow:0 14px 28px rgba(91,92,226,0.22);
background:#4f50d6;
}
</style>