.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;
.footer-links display: flex; gap: 2rem;
.feature-card:hover border-color: rgba(130, 100, 220, 0.4); transform: translateY(-5px); background: rgba(20, 30, 55, 0.7); vrtor.ru
// 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); ); .btn-primary background: linear-gradient(95deg
.footer-links a:hover color: #c084fc;
/* footer */ footer border-top: 1px solid rgba(255,255,255,0.05); padding: 2.5rem 0 3rem; margin-top: 3rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 0.85rem 2rem
body font-family: 'Inter', sans-serif; background-color: #05070a; color: #eef2ff; line-height: 1.5; scroll-behavior: smooth;