.nav-links a:hover color: #c084fc;
.badge display: inline-flex; background: rgba(130, 100, 220, 0.18); backdrop-filter: blur(4px); border-radius: 40px; padding: 0.3rem 1rem; font-size: 0.8rem; font-weight: 500; letter-spacing: 0.3px; border: 1px solid rgba(130, 100, 220, 0.3); width: fit-content; margin-bottom: 1.8rem;
.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
.btn-outline-light:hover border-color: #a5f3fc; background: rgba(165, 243, 252, 0.08); color: #a5f3fc;
body font-family: 'Inter', sans-serif; background-color: #05070a; color: #eef2ff; line-height: 1.5; scroll-behavior: smooth; .nav-links a:hover color: #c084fc
<!-- stats & reliability --> <div class="stats-section"> <div class="stat-item"> <div class="stat-number">99.99%</div> <div>uptime SLA</div> </div> <div class="stat-item"> <div class="stat-number">< 45ms</div> <div>global p95 latency</div> </div> <div class="stat-item"> <div class="stat-number">500+</div> <div>enterprise nodes</div> </div> <div class="stat-item"> <div class="stat-number">∞</div> <div>scalability ceiling</div> </div> </div>
.footer-links a:hover color: #c084fc;
@media (max-width: 760px) .navbar flex-direction: column; align-items: flex-start; .nav-links flex-wrap: wrap; gap: 1rem; .stats-section flex-direction: column; align-items: center; text-align: center; .cta-banner padding: 2rem 1rem; .hero min-height: 70vh; </style> </head> <body>
