Vrtor.ru !!better!! [FHD]
<!-- Hero --> <section class="hero"> <div class="badge">✦ vrtor ecosystem — launch 2026</div> <h1>Intelligent infrastructure <span class="glow-text">for the next digital era</span></h1> <p>Secure, scalable, and radically simple. VRTOR empowers modern teams to build, deploy, and scale with unmatched performance.</p> <div class="cta-group"> <button class="btn-primary" id="mainCtaBtn">Get early access →</button> <button class="btn-secondary" id="demoBtn">Watch demo</button> </div> </section>
.btn-primary background: linear-gradient(95deg, #6366f1, #a855f7); padding: 0.85rem 2rem; border-radius: 40px; font-weight: 600; border: none; color: white; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 8px 20px rgba(99,102,241,0.25); font-size: 1rem; vrtor.ru
.nav-links a text-decoration: none; color: #cbd5e6; font-weight: 500; transition: 0.2s; font-size: 0.95rem; !-- Hero -->
.btn-secondary background: transparent; border: 1px solid #4b5563; padding: 0.85rem 2rem; border-radius: 40px; font-weight: 600; transition: all 0.2s; cursor: pointer; color: #e2e8f0; ✦ vrtor ecosystem — launch 2026<
<!-- footer --> <footer> <div class="logo" style="font-size: 1.2rem;">vrtor.ru <span style="font-weight: 400;">— next‑gen infrastructure</span></div> <div class="footer-links"> <a href="#">Terms</a> <a href="#">Privacy</a> <a href="#">Security</a> <a href="#">Status</a> </div> <div class="copyright">© 2026 VRTOR — advanced cloud ecosystem</div> </footer> </div>
.nav-links a:hover color: #c084fc;
// secondary CTA from banner const secondaryCta = document.getElementById('secondaryCtaBtn'); if (secondaryCta) secondaryCta.addEventListener('click', () => showMessage('🚀 Launching VRTOR console — secure workspace ready. Welcome aboard.', 'success'); // small ripple effect on the banner const banner = document.getElementById('interactiveZone'); if (banner) banner.style.transform = 'scale(0.99)'; setTimeout(() => banner.style.transform = '', 180); );