/* ВАЖНО: Этот дизайн требует Tailwind CSS. Вставьте этот скрипт в раздел вашего HTML в EasyDonate: */ /* Google Fonts */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&family=Orbitron:wght@400;700;900&display=swap'); /* Основные переменные */ :root { --neon-purple: #b026ff; --neon-blue: #00f3ff; --deep-space: #0f0c29; } /* Базовые стили */ body { font-family: 'Montserrat', sans-serif; background-color: #050510; color: white; overflow-x: hidden; } h1, h2, h3, .brand-font { font-family: 'Orbitron', sans-serif; } /* Анимация звездного фона */ .stars, .stars2, .stars3 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; } .space-bg { background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%); position: relative; } .star { position: absolute; background: white; border-radius: 50%; animation: twinkle var(--duration) ease-in-out infinite; opacity: var(--opacity); } @keyframes twinkle { 0%, 100% { opacity: var(--opacity); transform: scale(1); } 50% { opacity: 0.2; transform: scale(0.8); } } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } } .floating { animation: float 6s ease-in-out infinite; } /* Неоновое свечение */ .text-glow-purple { text-shadow: 0 0 10px var(--neon-purple), 0 0 20px var(--neon-purple); } .text-glow-blue { text-shadow: 0 0 10px var(--neon-blue), 0 0 20px var(--neon-blue); } .box-glow-purple:hover { box-shadow: 0 0 20px rgba(176, 38, 255, 0.4); } /* Кастомный скроллбар */ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #090A0F; } ::-webkit-scrollbar-thumb { background: #4f46e5; border-radius: 5px; } ::-webkit-scrollbar-thumb:hover { background: #6366f1; }