@import url('./pages.css');

.success-card { max-width: 850px; display: flex; align-items: flex-start; gap: 30px; padding: 42px; background: var(--canvas); border-radius: var(--radius-large); }
.success-icon { width: 64px; height: 64px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; color: var(--paper); background: var(--success); border-radius: 50%; font-size: 1.5rem; }
.success-card h2 { margin-bottom: 18px; font-size: 1.8rem; font-weight: 700; }
.success-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
@media (max-width: 600px) {
    .success-card { flex-direction: column; padding: 30px; }
}