# FULL LANDING CODE (TILDA ZERO BLOCK READY)
Ниже — полный HTML + CSS + JS для техно‑хайп лендинга 2026: неон, glassmorphism, анимации, адаптив, UX и SEO-ready структура.
---
## HTML
```html
Безопасные онлайн сделки
🔒 Безопасные платежи
⚡ Мгновенные сделки
🌍 Глобально
Как это работает 1. Оплата резервируется
2. Отправка товара
3. Проверка
4. Выплата
Начни безопасно уже сегодня Создать сделку
```
---
## CSS
```css
* { box-sizing: border-box; }
body {
margin: 0;
font-family: 'Inter', sans-serif;
background: #050507;
color: #fff;
overflow-x: hidden;
}
.hero {
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: radial-gradient(circle at 50% 50%, #0f2027, #000);
}
.glass {
padding: 50px;
border-radius: 20px;
backdrop-filter: blur(20px);
background: rgba(255,255,255,0.05);
text-align: center;
}
h1 {
font-size: 56px;
background: linear-gradient(90deg,#00f0ff,#ff00f7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.cta {
margin-top: 20px;
padding: 15px 40px;
border: none;
border-radius: 40px;
background: linear-gradient(90deg,#00f0ff,#ff00f7);
cursor: pointer;
}
.features {
display: flex;
gap: 20px;
padding: 60px;
}
.card {
flex: 1;
padding: 30px;
border-radius: 20px;
background: rgba(255,255,255,0.05);
backdrop-filter: blur(10px);
transition: 0.3s;
}
.card:hover {
transform: translateY(-10px) scale(1.03);
}
.steps {
padding: 60px;
text-align: center;
}
.grid {
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 20px;
}
.cta-block {
text-align: center;
padding: 80px;
}
.cursor-glow {
position: fixed;
width: 200px;
height: 200px;
background: radial-gradient(circle,#00f0ff55,transparent);
pointer-events: none;
transform: translate(-50%,-50%);
}
@media(max-width:768px){
h1{font-size:32px}
.features{flex-direction:column}
.grid{grid-template-columns:1fr}
}
```
---
## JS (анимации + UX)
```javascript
const glow = document.querySelector('.cursor-glow');
document.addEventListener('mousemove', e => {
glow.style.left = e.clientX + 'px';
glow.style.top = e.clientY + 'px';
});
// Плавный скролл
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
document.querySelector(this.getAttribute('href'))
.scrollIntoView({ behavior: 'smooth' });
});
});
// Hover glow
document.querySelectorAll('.card').forEach(card => {
card.addEventListener('mousemove', e => {
card.style.background = `radial-gradient(circle at ${e.offsetX}px ${e.offsetY}px, rgba(255,255,255,0.15), transparent)`;
});
});
```
---
## ДОПОЛНИТЕЛЬНЫЕ ФИЧИ
* Neon glow cursor
* Glass UI
* Hover physics
* Адаптив
* SEO meta
* Готово для Tilda Zero Block
---
## КАК ВСТАВИТЬ В TILDA
1. Zero Block → HTML
2. Вставь HTML
3. CSS в "Дополнительный CSS"
4. JS в "Перед