.glass-card { background: rgba(51, 41, 66, 0.75); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4); } .btn-teal { background-color: #00e5c0; color: #120e1a; font-weight: 700; transition: all 0.25s ease; box-shadow: 0 4px 20px rgba(0, 229, 192, 0.25); } .btn-teal:hover { background-color: #12f0cb; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 229, 192, 0.4); } .option-card { background: rgba(67, 55, 87, 0.5); border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s ease; } .option-card:hover { background: rgba(157, 110, 255, 0.15); border-color: #00e5c0; transform: translateX(4px); } .option-card.selected { background: rgba(0, 229, 192, 0.15); border-color: #00e5c0; box-shadow: 0 0 15px rgba(0, 229, 192, 0.2); } .progress-bar-fill { transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1); background: linear-gradient(90deg, #9d6eff 0%, #00e5c0 100%); } /* Smooth page transition */ .fade-in { animation: fadeIn 0.4s ease-in-out forwards; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
КЭ

Ксения Петрова | Ксюша Эдукейшн

Методолог & Эксперт по вайбкодингу

@Ksyusha_Education
Интерактивная диагностика

Узнайте, какой цифровой продукт вы можете собрать с помощью вайбкодинга

Ответьте на 6 вопросов — и получите идею готового продукта, который подходит именно вам

Займёт 3 минуты Программирование не требуется
Made on
Tilda