Поиск

/* Подключаем шрифты, как в оригинале */ @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap'); .rw-donation-card { max-width: 600px; margin: 36px auto; position: relative; border-radius: 20px; padding: 40px 32px; background: #080c12; overflow: hidden; font-family: 'Source Sans 3', 'Segoe UI', Arial, sans-serif; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.08); z-index: 1; } /* Фоновый градиент (туманность) */ .rw-donation-card::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 20%, rgba(14, 165, 233, 0.10) 0%, transparent 55%), radial-gradient(ellipse at 80% 80%, rgba(16, 185, 129, 0.06) 0%, transparent 40%); z-index: 0; pointer-events: none; } /* Звёздное небо (множество точек) */ .rw-donation-card::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(1.5px 1.5px at 10% 20%, rgba(255, 255, 255, 0.7), transparent), radial-gradient(1px 1px at 25% 45%, rgba(255, 255, 255, 0.4), transparent), radial-gradient(2px 2px at 40% 10%, rgba(255, 255, 255, 0.6), transparent), radial-gradient(1px 1px at 55% 70%, rgba(255, 255, 255, 0.3), transparent), radial-gradient(1.5px 1.5px at 70% 30%, rgba(255, 255, 255, 0.5), transparent), radial-gradient(2px 2px at 85% 60%, rgba(255, 255, 255, 0.4), transparent), radial-gradient(1px 1px at 15% 85%, rgba(255, 255, 255, 0.3), transparent), radial-gradient(1.5px 1.5px at 92% 15%, rgba(255, 255, 255, 0.5), transparent), radial-gradient(1px 1px at 5% 50%, rgba(255, 255, 255, 0.4), transparent), radial-gradient(1.5px 1.5px at 48% 90%, rgba(255, 255, 255, 0.6), transparent), radial-gradient(2px 2px at 65% 5%, rgba(255, 255, 255, 0.3), transparent), radial-gradient(1px 1px at 75% 45%, rgba(255, 255, 255, 0.4), transparent), radial-gradient(1.5px 1.5px at 35% 35%, rgba(255, 255, 255, 0.5), transparent), radial-gradient(1px 1px at 95% 85%, rgba(255, 255, 255, 0.3), transparent), radial-gradient(2px 2px at 20% 5%, rgba(255, 255, 255, 0.6), transparent), radial-gradient(1px 1px at 60% 60%, rgba(255, 255, 255, 0.2), transparent), radial-gradient(1.5px 1.5px at 80% 20%, rgba(255, 255, 255, 0.4), transparent), radial-gradient(1px 1px at 50% 40%, rgba(255, 255, 255, 0.5), transparent); background-size: 100% 100%; animation: rw-stars-twinkle 4s ease-in-out infinite alternate; } @keyframes rw-stars-twinkle { 0% { opacity: 0.5; transform: scale(1); } 50% { opacity: 0.9; transform: scale(1.02); } 100% { opacity: 0.6; transform: scale(0.98); } } /* Контент поверх фона */ .rw-donation-content { position: relative; z-index: 2; text-align: center; color: #f1f5f9; } .rw-donation-title { font-family: 'Cinzel', 'Palatino Linotype', Georgia, serif; font-size: clamp(1.6rem, 4vw, 2.2rem); font-weight: 700; letter-spacing: 0.04em; color: #ffffff; margin: 0 0 16px 0; text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5); } .rw-donation-desc { font-family: 'Source Sans 3', 'Segoe UI', Arial, sans-serif; font-size: clamp(0.95rem, 2vw, 1.1rem); line-height: 1.7; color: #b8c4d4; max-width: 480px; margin: 0 auto 30px; font-weight: 400; } /* Кнопка в точном стиле оригинальной страницы + убрано подчеркивание */ .rw-donation-btn { display: inline-block; padding: 16px 44px; font-size: clamp(1rem, 1.6vw, 1.15rem); font-weight: 700; font-family: 'Cinzel', 'Palatino Linotype', 'Book Antiqua', Georgia, serif; letter-spacing: 0.08em; color: #ffffff; background: linear-gradient(135deg, #0ea5e9, #0284c7); border-radius: 60px; text-decoration: none !important; border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: 0 6px 28px rgba(14, 165, 233, 0.35); transition: all 0.25s ease; cursor: pointer; } .rw-donation-btn:hover, .rw-donation-btn:focus, .rw-donation-btn:active { background: linear-gradient(135deg, #0284c7, #0369a1); transform: translateY(-3px); box-shadow: 0 12px 40px rgba(14, 165, 233, 0.45); text-decoration: none !important; } Пожертвования на развитие проекта Пожертвования — это добровольное дело каждого пользователя. Ваша поддержка помогает нам развиваться и становиться лучше. Перейти к пожертвованиям